Acerca de las etiquetas Open Graph
Qué controlan las etiquetas Open Graph
Las etiquetas Open Graph determinan el aspecto que tendrá el enlace a tu página cuando alguien lo comparta. El titular, el resumen que aparece debajo y la imagen que ocupa la mayor parte de la tarjeta.
Sin ellos, la plataforma hace suposiciones, y no suelen ser acertadas: utiliza la primera imagen que encuentra, que a menudo es tu logotipo o una foto de archivo, y el texto que puede extraer de la parte superior de la página.
Este formato comenzó en Facebook y ahora lo utilizan LinkedIn, WhatsApp, Slack, Discord y la mayoría de los demás sitios en los que se pega un enlace. Un solo conjunto de etiquetas sirve para todos ellos.
Qué configurar
- og:title - el titular de la tarjeta, de unos 60 caracteres antes de que se trunque.
- og:description - como máximo, dos líneas. Explica qué obtiene el lector en lugar de repetir el título.
- og:image: una URL absoluta, de 1200x630, y el factor que más influye en que se haga clic en el enlace.
- og:url: la URL canónica, para que las comparticiones de las variantes con parámetros de seguimiento cuenten como la misma página.
- og:type y og:site_name: ocupan poco espacio y se añaden en un segundo.
Errores comunes
- Una ruta de imagen relativa que las plataformas no pueden resolver.
- Una imagen con un texto tan pequeño que resulta ilegible en el tamaño de la tarjeta.
- Títulos escritos para los motores de búsqueda en lugar de para una persona que ve un enlace en su feed.
- Duplicar las mismas etiquetas en todas las páginas mediante una plantilla.
- Olvidar que las plataformas almacenan contenido en caché. Para que los cambios surtan efecto, hay que utilizar el depurador de compartición.
¿Afectan las etiquetas Open Graph al SEO?
No directamente, y sería engañoso afirmar lo contrario. No son un factor de posicionamiento.
Lo que sí afectan es a si se hace clic en un enlace compartido, y un enlace en el que se hace clic y que se comparte vale más que uno por el que se pasa de largo. Ahí es donde se obtiene el beneficio.
También sirven como alternativa cuando faltan otras etiquetas, por lo que es menos probable que una página con buenos datos de Open Graph se muestre incorrectamente en algún lugar que no habías previsto.
Uso del generador de Open Graph
Completa los campos que correspondan y pega el resultado en el encabezado de la página. Las etiquetas específicas de cada página superan con creces a una configuración predeterminada para todo el sitio, ya que la imagen y el titular son lo que hace que una página se diferencie de otra en un feed.
Después, comparte la página de forma privada una vez para ver la tarjeta antes que nadie.
Qué hacer a continuación