Herramienta de vista previa OG

Previsualiza las metaetiquetas Open Graph y Twitter Card

Facebook / LinkedIn

ToolkitLife - Free Online Tools

https://toolkitlife.com

ToolkitLife - Free Online Tools

136+ free browser-based tools and calculators for developers, designers, and more.

ToolkitLife

Twitter / X

ToolkitLife - Free Online Tools

ToolkitLife - Free Online Tools

136+ free browser-based tools and calculators for developers, designers, and more.

https://toolkitlife.com

Metaetiquetas

<meta property="og:title" content="ToolkitLife - Free Online Tools" />
<meta property="og:description" content="136+ free browser-based tools and calculators for developers, designers, and more." />
<meta property="og:image" content="https://toolkitlife.com/og-image.png" />
<meta property="og:site_name" content="ToolkitLife" />
<meta property="og:url" content="https://toolkitlife.com" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ToolkitLife - Free Online Tools" />
<meta name="twitter:description" content="136+ free browser-based tools and calculators for developers, designers, and more." />
<meta name="twitter:image" content="https://toolkitlife.com/og-image.png" />

¿Qué es una vista previa OG?

OG Preview es una herramienta online gratuita que muestra cómo se ve tu sitio web al compartirlo en plataformas sociales. Muestra vistas previas para Facebook, Twitter y más, ayudándote a optimizar tus etiquetas Open Graph para mejorar la compartición en redes. Toda la obtención de datos ocurre en tu navegador.

Cómo previsualizar la compartición en redes sociales

Introduce la URL de tu sitio web. La herramienta obtiene y analiza las etiquetas Open Graph y muestra vistas previas de cómo se verá al compartirlo en Facebook y Twitter.

Optimización de etiquetas OG

Usa og:title (50-60 caracteres), og:description (150-160 caracteres), og:image (al menos 1200x630 píxeles) y og:url. Estas etiquetas controlan cómo aparece tu sitio web al compartirlo en redes sociales.

Casos de uso comunes

  • Probar la apariencia al compartir en redes antes de publicar
  • Depurar problemas de etiquetas OG
  • Optimizar la interacción en redes sociales
  • Verificar las dimensiones de las imágenes
  • Comparar las vistas previas de Facebook y Twitter

Preguntas frecuentes

¿Qué es una vista previa de Open Graph?+
Una vista previa de Open Graph muestra cómo se ve tu sitio web al compartirlo en Facebook, LinkedIn y otras plataformas sociales. Usa las metaetiquetas og: de tu sitio para mostrar el título, la descripción, la imagen y la URL.
¿Cómo uso la vista previa OG?+
Introduce la URL de tu sitio web. La herramienta obtiene y analiza las etiquetas Open Graph y muestra vistas previas de cómo se verá al compartirlo en Facebook y Twitter.
¿Por qué se ve mal mi vista previa?+
Comprueba que tu sitio tenga las etiquetas og:title, og:description, og:image y og:url correctas. Las imágenes deben tener al menos 1200x630 píxeles. Algunas plataformas guardan las vistas previas en caché, por lo que la actualización puede tardar.
¿Cuál es la diferencia entre las vistas previas de Facebook y Twitter?+
Facebook usa etiquetas Open Graph, mientras que Twitter usa etiquetas Twitter Card (con respaldo en Open Graph si están disponibles). Los diseños y maquetaciones también difieren ligeramente.
¿Puedo previsualizar las etiquetas OG de una página específica?+
Sí. Introduce cualquier URL y la herramienta obtendrá las etiquetas OG de esa página y mostrará la vista previa.
¿Las vistas previas son precisas?+
Las vistas previas se basan en las etiquetas OG obtenidas de tu sitio web. Buscan coincidir con los diseños actuales de Facebook y Twitter, pero la representación real puede diferir ligeramente debido a las actualizaciones de las plataformas.

Herramientas relacionadas

Generador de metaetiquetasCodificador/Decodificador de URL

Herramienta de vista previa OG — vista previa og, vista previa open graph, vista previa para compartir en redes, vista previa de facebook, vista previa de twitter card, vista previa en redes sociales, vista previa de enlaces, verificador de etiquetas og online gratis. Sin registro. Funciona en tu navegador.