Entender cómo funcionan las etiquetas de Open Graph y las tarjetas de Twitter, y lo que está en juego para su SEO se ha convertido en algo esencial. Esto le permitirá ser impactante a la hora de compartir su contenido en las redes sociales y será un plus para su SEO: explicamos todo esto en esta guía "qué son, cómo implementarlas y cómo combinar etiquetas de gráficos abiertos y tarjetas de twitter". »

Resumen

¡Abre las etiquetas de los gráficos en breve!

Definición del protocolo Open Graph

El protocolo que le permitirá compartir el contenido deUna página web en las redes sociales es el Gráfico Abierto. El gráfico abierto son un conjunto de etiquetas que proporcionan información estructurada y rica sobre el contenido de una página de un sitio web. En otras palabras, cuando un usuario de Internet hace clic en un botón de compartir, la información por defecto será la que se inserte.

¿Cómo configurar las etiquetas de los gráficos abiertos?

facebook abrir gráfico seo tag

  1. Añade la siguiente línea a tu página Html:
    
    
  2. Añada las meta etiquetas con los atributos de propiedad y contenido en la etiqueta "head", como por ejemplo abajo : 

tag open graph privateaser seo smartkeyword

  • la etiqueta og:title = corresponde al título de su página, de menos de 65 caracteres de longitud. la meta etiqueta: es muy similar a tu clásica etiqueta de título!
  • og:description tag = descripción corta de la página, menos de 300 caracteres: ¡es muy similar a tu clásica etiqueta de meta-descripción!
  • la etiqueta og:url = URL "canónica", la que indexa tu página. Es muy probable que corresponda a la url de su página web >> así que trate de optimizar su url!
  • la etiqueta og:image = URL de la imagen que representa su página 
  • tag og:nombre_del_sitio = nombre global de su sitio web

Advertencia: no todas las etiquetas son necesarias, ¡pero algunas sí! Es absolutamente necesario especificar las 4 etiquetas: og:título, og:tipo, og:url, og:imagen

Tiene la posibilidad de extraer esta información de nuestra solución Smartkeyword.

abrir gráfico seo tag smartkeyword

¿El interés de las etiquetas de Open Graph?

El impacto del protocolo Open Graph se puede encontrar desde un punto de vista indirecto a nivel de los motores de búsqueda. Originalmente, las etiquetas de Open Graph están destinadas a ser usadas en las redes sociales. Generar y aumentar la tasa de clics en un sitio web a través de la compartición social está demostrando tener un fuerte interés comercial. Además, siendo el Rankbrain el 3er criterio de relevancia de Google, teniendo como influencia la tasa de clics, el protocolo Open Graph se convierte entonces indirectamente en una herramienta significativa en una estrategia de SEO.

Resumen de las 5 etiquetas más importantes de Open Graph

tag og:title

que corresponde al título de su página

tag og:descripción

que corresponde a una breve descripción de su página

og:url tag

que corresponde a la url de su página web

og:etiqueta de imagen

que representa la imagen de su página que será compartida en las redes sociales

tag og:nombre_del_sitio

que corresponde a la url de su sitio

Los diferentes tipos de Twitter Card en resumen

¿Qué es la tarjeta de Twitter?

A Tarjeta de Twitter es una optimización técnica que enriquece sus tweets con datos de medios de comunicación de su sitio web. Cuando una persona comparte un enlace, el tweet publicado irá acompañado de información en un formato multimedia previamente elegido por el autor.

twitter card seo smartkeyword

¿Cómo configurar la tarjeta de Twitter?

Simplemente vaya a la plataforma de apoyo a los desarrolladores de Twitter y vaya a la "Herramienta Validadora" que le ayudará a generar el código a integrar en su sitio web de acuerdo con el formato de las tarjetas de Twitter que desee generar, ya sea para el escritorio o para el móvil.

Introduzca toda la información solicitada, entonces tendrá la posibilidad de previsualizar el resultado y obtener el código para integrarlo en su sitio web, luego sólo tiene que validarlo. Para comprobar si todo funciona correctamente desde el punto de vista de los metadatos, introduzca la url en cuestión.

Si el sitio tiene las meta etiquetas y la URL correcta, será redirigido a una página en la que podrá presentar información básica y una solicitud de aprobación.

generador de tarjetas twitter seo smartkeyword

Fuente: Yousemii

Los 8 formatos existentes de tarjetas de twitter 

La tarjeta de resumen

Formato predeterminado con elementos de su página web como el título, la descripción, la vista previa y la mención en Twitter.

resumen tarjeta twitter tarjeta seo smartkeyword

Fuente: amortiguador social

Tarjeta de resumen con imagen grande

Este formato irá acompañado de una imagen grande con los mismos elementos que la tarjeta de resumen.

tarjeta de resumen con imagen grande tarjeta twitter seo smartkeyword

Fuente: amortiguador social

Tarjeta fotográfica

Tweet ilustrado con una imagen sin caracteres.

foto tarjeta twitter tarjeta seo smartkeyword

Fuente: adparlor

Tarjeta de la galería

Formato que muestra al usuario una selección de foto extraída del enlace del sitio web con el tweet.

galería tarjeta twitter tarjeta seo smartkeyword

Fuente: VPDM

Tarjeta de jugador

Se refiere sólo al contenido multimedia (video, audio y diapositivas) para ser directamente "con: presentar una selección de fotos a través del enlace web con el tweet.

player card twitter card seo smartkeyword

Fuente: amortiguador social

Tarjeta de aplicación

Formato adaptado para iOs móviles y aplicaciones Android. Los datos que se muestran son el nombre de la aplicación, el nombre de la tienda, el precio, la descripción y los avisos vistos desde la vista previa de twitter.

App Card Twitter card seo smartkeyword

Fuente: amortiguador social

Ficha del producto

Los datos de carga se refieren al producto en cuestión con una imagen, precio, lista de tamaños, disponibilidad.

tarjeta de producto twitter card seo smartkeyword

Fuente: VPDM

Tarjeta de generación de clientes potenciales

El formato sólo disponible en formato publicitario, permite la integración de un intercambio de llamadas a la acción, facilitando también el registro previo de información como la mención, el nombre y la dirección de correo electrónico.

lead generation card twitter card seo smartkeyword

Fuente: VPDM

Los beneficios de la tarjeta Twitter

Las tarjetas de Twitter le permiten hacer el contenido más atractivo porque ilustra automáticamente los enlaces web que comparte. Cada tarjeta tiene una atribución de contenido incorporada, que le permite mostrar las cuentas de Twitter apropiadas para el contenido que especifique. Los usuarios podrán seguir y ver los perfiles de las cuentas asignadas directamente desde el mapa. Esto facilita la lectura del usuario al ilustrar automáticamente los enlaces web compartidos sin imputar un número de caracteres al tweet. Un tweet con metadatos aumenta la visibilidad y por lo tanto la viralidad entre los seguidores.

Combinando los datos de Open Graph con las tarjetas de Twitter

Las etiquetas de los mapas de Twitter son similares a las etiquetas de Open Graph y se basan en las mismas convenciones que el protocolo Open Graph.

Cuando se utiliza el protocolo Open Graph para describir los datos de una página, se puede generar fácilmente una tarjeta de Twitter sin duplicar las etiquetas y los datos.

Cuando el procesador de la tarjeta Twitter busca etiquetas en una página, primero comprueba y asegura la propiedad específica de Twitter y, si está ausente, vuelve a la propiedad Open Graph soportada. Esto permite que se defina en la página de forma independiente y reduce la cantidad de etiquetas duplicadas necesarias para describir el contenido y la experiencia.

Nota: en el código debes rellenar "twitter:card, twitter:site, y twitter:creator" con tu información para una perfecta optimización.

tag Open Graph twitter card seo privateaser smartkeyword

Conclusión

Finalmente, haz que el contenido de tu sitio sea visible en las redes sociales gracias a la etiqueta de gráfico abierto y resalta tu contenido para atraer tráfico.

class="img-responsive
   Artículo escrito por Louis Chevant

Completa tu lectura

La guía completa de SEO en la página

Todas las reglas para optimizar cada elemento de la página en el mejor de los casos.