Open graph

Compartir un enlace en Facebook o LinkedIn y que aparezca automáticamente una imagen atractiva, un título claro y una breve descripción, en lugar de solo el texto plano de la URL, no ocurre por casualidad. Es gracias al Open Graph: un conjunto de etiquetas de código que indican a las redes sociales qué imagen, título y descripción mostrar cuando alguien comparte un enlace de esa página.

Las etiquetas básicas que lo componen

og:title, el título que se mostrará al compartir, que puede ser distinto del title tag pensado para SEO. og:description, una breve descripción del contenido, independiente de la meta description usada para Google. og:image, la imagen que aparecerá en la vista previa, con requisitos de tamaño específicos según cada plataforma. Y og:url, la URL canónica que debería asociarse a ese contenido compartido.

Por qué importa tanto en redes sociales

  • Una vista previa atractiva, con imagen y texto bien elegidos, aumenta considerablemente la probabilidad de que alguien haga clic en un enlace compartido.
  • Sin estas etiquetas configuradas, las redes sociales suelen generar una vista previa automática, tomando la primera imagen y texto que encuentran en la página, con resultados a menudo pobres o poco representativos del contenido real.
  • Permite controlar de forma consistente cómo se presenta cada contenido al compartirse, sin depender del criterio automático de cada plataforma.

Un error habitual: usar siempre la misma imagen genérica

Configurar una única imagen Open Graph genérica para toda la web, sin adaptarla a cada artículo o página concreta, desaprovecha la oportunidad de mostrar una vista previa específica y relevante para cada contenido que se comparte, algo que suele reducir el CTR de los enlaces compartidos en redes sociales frente a imágenes personalizadas para cada pieza.

Cómo comprobar si está bien configurado

Herramientas como el depurador de Facebook o el inspector de tarjetas de Twitter/X permiten verificar cómo se verá realmente un enlace al compartirse en cada plataforma, antes de publicarlo, evitando sorpresas con imágenes cortadas, títulos incorrectos o descripciones vacías que pueden pasar desapercibidas hasta que ya es demasiado tarde.

Términos relacionados.

Ai overviews

Buscar algo en Google y encontrar, justo encima de los resultados de siempre, un bloque de texto generado por IA que resume la respuesta a partir de varias fuentes: eso

Leer más

Sesgo algorítmico

Un sistema de selección de currículums entrenado principalmente con datos históricos de contrataciones puede aprender, sin que nadie lo programara deliberadamente así, a favorecer perfiles similares a los ya contratados

Leer más

HTTPS

Escribir la dirección de un banco online y ver que empieza por «http://» en lugar de «https://» debería encender todas las alarmas. HTTPS (HyperText Transfer Protocol Secure) es la versión

Leer más
0%