¿Qué es Open Graph y por qué mi enlace no muestra imagen en WhatsApp?

Open Graph · En inglés: Open Graph protocol · Visibilidad

La respuesta corta

Open Graph son etiquetas invisibles que definen la imagen, el título y la descripción que aparecen cuando alguien comparte tu enlace. Si faltan, cada aplicación adivina: toma una imagen cualquiera o no muestra ninguna.

Sin etiquetastunegocio.com/p?id=83Cada app adivinaCon Open GraphPanadería AnaTú eliges cómo se veLa imagen, el título y la descripción
El Open Graph es la tarjeta de presentación de tu enlace: define la imagen y el texto que salen al compartirlo.
Explicado con calma

¿Qué es Open Graph y por qué mi enlace sale sin imagen en WhatsApp?

Open Graph es un conjunto de etiquetas invisibles que se ponen en cada página para indicar qué imagen, qué título y qué descripción deben mostrar las aplicaciones cuando alguien comparte el enlace. Las aplicaciones de mensajería y las redes sociales las leen para armar la vista previa.

Si faltan, cada aplicación adivina: toma una imagen cualquiera o no muestra ninguna, y el enlace parece descuidado.

Por qué le importa a tu negocio

Muchos negocios venden a partir de un enlace compartido por WhatsApp o en redes. Una vista previa con buena imagen y un título claro invita a abrir, y un recuadro vacío genera desconfianza.

Ejemplos

Lo mismo, en pequeño y en grande

En pequeño

Una vendedora que comparte su catálogo

Una vendedora manda por WhatsApp el enlace de una chaqueta. Si la página tiene Open Graph, el chat muestra la foto, el nombre y el precio. Si no, aparece un recuadro vacío y el cliente duda de abrirlo.

En grande

Un sitio con cientos de páginas

Un sitio grande no puede diseñar a mano la imagen para compartir de cada página. Genera esas imágenes con código, con el tamaño correcto, para que cada enlace se vea cuidado en redes y chats.

Dónde lo vas a ver

Cómo lo usamos en Damorus

En cada ficha de producto tiene un botón de compartir, y al pegar el enlace en WhatsApp aparecen la foto, el nombre y el precio del equipo. En cada página lleva Open Graph, y las páginas de ciudad cambian su vista previa para redes. Este sitio genera con código sus imágenes para compartir, de 1.200 por 630 píxeles, en lugar de diseñarlas una por una.

Pregunta rápida

Pon a prueba lo que leíste

Elige A, B o C. Si fallas, lees el porqué y pruebas otra vez.

Envías el enlace de tu producto por WhatsApp y sale un recuadro gris sin foto ni título. ¿Qué probablemente falta?

A jugar

Aprende jugando

Reto especial

Damo no adivina

Siguiente en la ruta · paso 7 de 10¿Qué es hreflang y cómo hago una página web en varios idiomas para Google?
El juego de este término

Damo no adivina

Otros temas que te pueden interesar

También se le dice

Open Graph protocol

¿Conoces a alguien a quien le sirva esto?