¿Conoces ese momento en que alguien comparte un enlace por WhatsApp y aparece una vista previa bonita con imagen, título y un texto breve? Eso es Open Graph. Es un pequeño ajuste de tu web que determina cómo se ve tu página cuando alguien la comparte en redes sociales.
¿Por qué es importante?
Si tu página no tiene Open Graph:
- En LinkedIn/Facebook: un enlace desnudo sin imagen, poco profesional
- En WhatsApp: solo la URL, ninguna vista previa que despierte la curiosidad
- En X (Twitter): sin «card», solo un enlace
- Probabilidad de clic: baja. La gente sigue haciendo scroll.
Con Open Graph:
- Automáticamente, una vista previa atractiva con foto, título y resumen
- Una imagen profesional
- Probabilidad de clic: claramente mayor (de 2 a 3 veces más, según los estudios)
¿Qué hay que configurar?
Las etiquetas Open Graph básicas:
- og:title es el título que se muestra (puede ser distinto de tu title SEO)
- og:description es el breve resumen que aparece debajo
- og:image es la imagen de vista previa (idealmente de 1200x630 píxeles)
- og:url es la URL de la página
- og:type suele ser «website» o «article»
¿Qué puede hacer tu diseñador web?
Con WordPress y un plugin SEO (Yoast, Rank Math): viene configurado por defecto a partir de tu etiqueta title y tu meta description. Si quieres, puedes sustituirlo página a página con tu propia imagen de vista previa.
Sin plugin: hay que añadir las etiquetas a mano en el HTML. Es poco trabajo, pero requiere algo de atención la primera vez.
Extra: las cards de X (Twitter)
Twitter tiene su propia variante: las «Twitter Cards». También es un conjunto de etiquetas (twitter:card, twitter:title, etc.). Normalmente, el mismo plugin SEO las configura de forma automática.
¿Cómo probar cómo se ve tu enlace?
Pega tu URL en una de estas herramientas, haz clic en «Scrape» y verás al instante cómo será la vista previa.