Saltar al contenido principal

Comprobador de vista previa social

Previsualiza cómo se ve un enlace en Facebook/Twitter/Zalo — comprueba Open Graph, Tarjeta de Twitter y hreflang

¿Por qué comprobar la vista previa para compartir en redes sociales?

Las etiquetas Open Graph faltantes o incorrectas hacen que los enlaces compartidos se vean mal en las redes sociales (sin imagen, descripción incorrecta), lo que perjudica la tasa de clics. La herramienta simula la vista previa y enumera cada etiqueta.

Cuando se comparte un enlace en Facebook, Zalo o Twitter/X, la plataforma lee las etiquetas Open Graph (og:title, og:description, og:image) y los metadatos de la tarjeta de Twitter —no el contenido real de la página— para construir la vista previa. Si faltan estas etiquetas, la plataforma elige una imagen o un párrafo aleatorio de la página, lo que suele parecer poco profesional y reduce la tasa de clics. El Comprobador de vista previa social lee directamente las etiquetas OG y de Tarjeta de Twitter de la página, reconstruye una vista previa al estilo de Facebook para que puedas verla de antemano y enumera cada par hreflang declarado (importante para sitios multilingües como vi/en) para que puedas detectar rápidamente un idioma que falte.

  • Simula la vista previa como una publicación de Facebook
  • Lista de comprobación de Open Graph y Tarjeta de Twitter
  • Enumera las etiquetas hreflang declaradas para SEO multilingüe
Empezar gratis

Ejemplo: interpretar un hallazgo y corregirlo

Solo como ilustración, no es una comprobación de su sitio web.

Has cambiado la imagen de un artículo, pero al compartir sigue apareciendo la anterior. Comprueba og:image en el HTML publicado y abre la URL de la imagen.

Si los datos ya son correctos, la plataforma social puede conservar su propia caché. Usa su depurador cuando exista y revisa la tarjeta real. Esta vista es una simulación; hreflang enumera declaraciones, no aceptación por Google.

Publicidad

Cómo utilizar en 3 pasos

  1. 1Introduce la URL que deseas previsualizar antes de compartir.
  2. 2Haz clic en "Previsualizar ahora" — la herramienta lee las etiquetas OG y de Tarjeta de Twitter.
  3. 3Revisa la vista previa simulada, la lista de comprobación de etiquetas y la lista hreflang.

Preguntas frecuentes

¿Qué tamaño debe tener og:image?
Facebook recomienda al menos 1200×630px con una relación de aspecto de 1,91:1. Las imágenes más pequeñas pueden verse borrosas o recortadas en la vista previa.
¿Por qué Zalo/Facebook muestra la imagen incorrecta al compartir?
Por lo general, porque falta og:image o la URL de la imagen no se carga (bloqueada por robots.txt, ruta incorrecta). La plataforma entonces elige una imagen diferente de la página.
¿Es obligatorio Twitter Card además de Open Graph?
No es obligatorio; si falta, Twitter/X recurre a las etiquetas Open Graph. Pero declarar twitter:card por separado te da más control sobre el formato de vista previa.
¿Para qué sirve hreflang?
Le indica a Google qué versión de idioma o región de una página mostrar a qué usuarios, evitando que las diferentes versiones de idioma se marquen como contenido duplicado.