Vista previa de Open Graph

Previsualiza cómo se ven tus páginas cuando se comparten en redes sociales con etiquetas OG

¿Qué es y cómo funciona?

Las meta etiquetas Open Graph controlan cómo se ven tus páginas cuando se comparten en redes sociales como Facebook, LinkedIn, Twitter/X, WhatsApp y Slack. Sin ellas, las plataformas adivinan el título, la descripción y la imagen del contenido de tu página — a menudo produciendo vistas previas feas, recortadas o irrelevantes.

Esta herramienta renderiza una vista previa en vivo de cómo aparecerá tu página como tarjeta de compartición social. Pega la URL de tu página o introduce los valores de las etiquetas manualmente. Puedes cambiar entre plantillas de plataforma para ver los diferentes diseños.

Casos de uso

• Lanzamiento de post de blog: antes de publicar, pega la URL en la herramienta y verifica que og:image aparece correctamente recortada y el título no está truncado en móvil.
• Pruebas A/B: compara dos versiones de og:title y og:description para elegir cuál es más atractiva como vista previa social antes de desplegar.
• Depuración de problemas de compartición: una página se ve mal cuando se comparte en LinkedIn — usa la herramienta para ver exactamente qué etiqueta está leyendo LinkedIn.

Preguntas frecuentes

¿Cuáles son las dimensiones recomendadas para og:image?

El tamaño ampliamente recomendado es 1200 × 630 px (relación de aspecto aproximada 1,91:1). Facebook, LinkedIn y Twitter lo muestran bien. Siempre usa HTTPS para la URL de la imagen.

¿Qué es twitter:card y en qué se diferencia de Open Graph?

Twitter usa su propio conjunto de meta etiquetas (twitter:card, twitter:title, etc.) junto con Open Graph. Para twitter:card, el valor "summary_large_image" da una tarjeta de imagen a ancho completo.

¿Por qué mi og:image no se actualiza después de cambiarla?

Las plataformas sociales cachean agresivamente las vistas previas. Facebook tiene el Depurador de Compartición para forzar un refresco; LinkedIn tiene el Inspector de Posts. Cambiar la URL de la imagen fuerza a las plataformas a obtener la nueva versión.

¿Las etiquetas Open Graph ayudan al SEO?

Las etiquetas OG no afectan directamente la clasificación en buscadores — son para compartir en redes sociales. Sin embargo, mejores vistas previas aumentan las tasas de clics y el compartido social, lo que puede impulsar indirectamente más tráfico.

Desarrollador

Generador de UUID · Conversor de timestamps · Codificador Base64 · Decodificador Base64 · Generador de hash · Conversor de colores