Vista previa de Open Graph FREE
Descubre cómo se verá tu sitio web al compartirlo en redes sociales. Revisa las etiquetas Open Graph, las imágenes y los metadatos.
Qué puede mostrar honestamente una vista previa
Representativo, no exacto al píxel
Facebook, X, LinkedIn, Slack y Discord componen la tarjeta de forma distinta, la cambian sin avisar y cachean con agresividad. Esta herramienta muestra los metadatos que leerían y qué aspecto tendría una tarjeta construida con ellos; no reproduce su maquetación ni puede vaciar sus cachés. La URL final, el enlace canónico y og:url se informan por separado porque discrepan más a menudo de lo que se cree.
FAQ
Aquí la vista previa está bien, pero la publicación real no. ¿Por qué?
Casi siempre es la caché. Las redes guardan los metadatos que leyeron la primera vez que se publicó el enlace. Usa la herramienta de depuración de la plataforma para forzar una actualización tras corregir las etiquetas.
¿Necesito etiquetas Twitter Card si ya tengo Open Graph?
Para el texto normalmente no: X recurre a Open Graph. Aun así conviene fijar twitter:card, porque decide entre una miniatura pequeña y una imagen grande.
¿Qué tamaño de imagen debo usar?
1200 x 630 es la opción segura en todas las redes. Mantén el archivo por debajo de unos cientos de kilobytes y declara og:image:width y og:image:height para que la tarjeta se componga antes de cargar la imagen.
¿Mi página se envía a algún sitio?
La página y su imagen para compartir las descarga nuestro servidor para leerlas y después se descartan. Nada se almacena, publica ni reenvía a ninguna red social.
¿Necesitas ayuda para optimizar tus vistas previas sociales?
Podemos implementar las metaetiquetas adecuadas y crear imágenes de Open Graph atractivas.


