Vista previa de
enlace social
Mira tu enlace tal como lo mostrarán WhatsApp, X, LinkedIn y Facebook, antes de compartirlo. Escribe tu dirección web, o pega HTML / escribe las etiquetas a mano. Traemos tu página de forma segura, nada más sale de tu navegador.
¿Cómo viaja tu enlace?
O pega HTML / escribe las etiquetas manualmente
Revisión, de qué se quejarán las redes
| Etiqueta | Estado | Nota |
|---|
Yetty sirve Open Graph y Twitter cards en cada página automáticamente, tamaños correctos, URLs absolutas, sin plugin.
Seis reglas que las cuatro
redes comparten
og: es la lengua franca
WhatsApp, Facebook, LinkedIn y X leen Open Graph primero. Acierta con og:title, og:description y og:image y tienes el 90% hecho.
1200 x 630, URL absoluta
Un solo tamaño de imagen contenta a todos. Las URLs relativas como /hero.jpg fallan en silencio, el rastreador no tiene idea de qué sitio querías decir.
Todos recortan a 1.91:1
A las imágenes altas o cuadradas les cortan arriba y abajo. Mantén las caras y el texto en la banda central de la imagen.
Los títulos se truncan distinto
X muestra unos 70 caracteres, Facebook unos 88, WhatsApp dos líneas cortas. Pon delante las palabras que importan.
Las vistas previas se cachean
¿Arreglaste tus etiquetas pero la tarjeta vieja sigue apareciendo? La red la cacheó. Usa el Sharing Debugger de Facebook o el Post Inspector de LinkedIn para refrescar, o rompe la URL con ?v=2.
twitter:card desbloquea la tarjeta grande
X recurre a las etiquetas og: para las palabras, pero solo twitter:card = summary_large_image garantiza el diseño de imagen a ancho completo.
La gente también pregunta
¿Por qué mi enlace no muestra imagen en WhatsApp?
Casi siempre una de tres cosas: falta la etiqueta og:image, su URL es relativa en vez de absoluta (WhatsApp no puede resolver /hero.jpg), o la imagen es demasiado grande, WhatsApp omite las imágenes de más de unos 600KB. Añade una URL https absoluta a una imagen de tamaño razonable y vuelve a compartir; WhatsApp cachea las vistas previas, así que prueba con una URL nueva o añade ?v=2.
¿Qué tamaño debe tener una og:image?
1200 x 630 píxeles es la respuesta segura, la proporción 1.91:1 hacia la que recortan Facebook, LinkedIn y X. Mantenla por debajo de 5MB (por debajo de 600KB si te importa WhatsApp) y no pongas nada importante en los bordes exteriores, que algunas redes recortan.
¿Necesito etiquetas twitter: separadas si ya tengo etiquetas og:?
En general no, X recurre a og:title, og:description y og:image. La única etiqueta que sí quieres es twitter:card puesta en summary_large_image; sin ella X puede mostrar la tarjeta cuadrada pequeña en vez de la grande.