Herramienta de Vista Previa de Open Graph Gratis

La herramienta Open Graph Preview es una utilidad online gratuita que te permite previsualizar y generar meta etiquetas Open Graph para ver cómo aparecerá tu contenido en las redes sociales.

Sí, es completamente gratis y no requiere registro. Toda la representación de la vista previa ocurre del lado del cliente, en tu navegador.

Sí, la herramienta Open Graph Preview muestra cómo se verá tu contenido al compartirse en Facebook, Twitter/X, LinkedIn y otras redes sociales.

Por supuesto. La herramienta Open Graph Preview procesa todo del lado del cliente, en tu navegador. No se sube ni se almacena ningún dato en ningún servidor. Tu contenido permanece privado en tu dispositivo en todo momento.

Sí, la herramienta Open Graph Preview es totalmente adaptable y funciona en smartphones y tablets. Puedes usarla en cualquier dispositivo con un navegador web moderno, sin necesidad de descargar ninguna app.

No se necesita ninguna cuenta ni registro. Solo abre la herramienta Open Graph Preview en tu navegador y empieza a usarla de inmediato. No hay muros de registro ni restricciones de uso.

Sí, la herramienta Open Graph Preview está creada siguiendo las directrices y buenas prácticas actuales de Google Search. Actualizamos la herramienta con regularidad para reflejar los cambios en los requisitos de los motores de búsqueda.

Simplemente introduce tu información en el campo correspondiente, ajusta las opciones a tu gusto y la herramienta la procesará al instante. Luego puedes copiar el resultado al portapapeles o descargarlo.

La herramienta Open Graph Preview funciona en todos los navegadores modernos, incluidos Chrome, Firefox, Safari, Edge y Opera. Para una mejor experiencia, usa la última versión de tu navegador preferido.

La mayoría de las redes principales esperan una imagen de 1200x630 píxeles con una proporción de 1.91:1, que es el tamaño que recomiendan Facebook, LinkedIn, Discord, Slack y Telegram para el diseño de tarjeta grande. Twitter/X usa una proporción de 2:1 (alrededor de 1200x600) para su tarjeta summary_large_image, WhatsApp prefiere una miniatura cuadrada 1:1, y Pinterest favorece una imagen vertical 2:3 como 1000x1500. Una imagen de menos de 1200px de ancho o con una proporción atípica suele recortarse de forma torpe o descartarse por completo, dejando un enlace de texto plano en lugar de una tarjeta clicable. Esta herramienta lee las dimensiones y la proporción reales de tu imagen, señala cualquier imagen de menos de 1200px de ancho o alejada de 1.91:1, y muestra la tarjeta en cada plataforma para que confirmes que la imagen encaja antes de publicar.

Las etiquetas Open Graph (las propiedades og:) son el estándar original de Facebook que la mayoría de las plataformas leen para construir una vista previa de enlace, e incluyen og:title, og:description, og:image y og:url. Las etiquetas de Twitter Card son el conjunto propio de Twitter/X, como twitter:card, twitter:title y twitter:image, que controlan cómo se ve un enlace específicamente en X. Ambas se solapan: cuando faltan las etiquetas específicas de Twitter, X recurre a tus datos de Open Graph, así que no estrictamente necesitas las dos. Pero añadir el tipo twitter:card te permite elegir un diseño como summary, summary_large_image o player, algo que las etiquetas OG puras no pueden especificar. Esta herramienta genera ambas familias juntas y las mantiene sincronizadas, así que copias un solo bloque limpio que se ve correctamente en X y en el resto de las redes a la vez.

Las plataformas sociales guardan en caché de forma agresiva la primera versión de un enlace que ven, almacenando tu título, descripción e imagen para no tener que volver a rastrear la página en cada nuevo uso compartido. Esa caché es la razón por la que un og:image o un titular corregido suele seguir mostrando la versión desactualizada durante horas o días después de arreglarlo. La solución es forzar a cada plataforma a volver a rastrear tu página con su depurador oficial: el Depurador de Uso Compartido de Facebook, el Validador de Tarjetas de Twitter y el Inspector de Publicaciones de LinkedIn tienen una acción de actualización que trae las etiquetas nuevas. Esta herramienta ofrece enlaces directos a esos depuradores para que limpies las cachés en un par de clics y luego vuelvas a revisar la tarjeta aquí para confirmar que tu nueva vista previa es la que aparecerá cuando la gente comparta el enlace.

Apunta a un og:title de alrededor de 60 caracteres o menos y a un og:description de unos 160 caracteres, ya que ahí es donde Facebook y LinkedIn suelen truncar el texto en la tarjeta. Otras redes son un poco más generosas: Twitter/X permite alrededor de 70 caracteres de título y 200 de descripción, mientras que WhatsApp y Telegram se ubican cerca de 65 y entre 155 y 160. Coloca las palabras más importantes al principio para que tu mensaje sobreviva si una plataforma lo recorta, y evita saturar de palabras clave, porque un titular cortado se lee peor que uno ajustado. Mientras escribes, esta herramienta cuenta tus caracteres frente a estos límites, califica el título y la descripción de A a F, y muestra una vista previa exacta de cómo se ajusta el texto en cada plataforma, para que recortes cualquier cosa que se cortaría antes de publicar.

Pega la URL en vivo en el campo de rastreo de la herramienta y cargará esa página, leerá sus meta etiquetas Open Graph y Twitter Card existentes, y completará el título, la descripción, la imagen, el nombre del sitio y el tipo de tarjeta que encuentre. A partir de ahí puedes auditar lo que está presente, detectar imágenes faltantes o de tamaño insuficiente, ver la puntuación de calidad de A a F y ajustar cualquier valor para previsualizar la tarjeta mejorada. Como los navegadores bloquean las solicitudes de origen cruzado, el rastreo pasa por un proxy público (AllOrigins), así que la dirección de la página que revisas sí sale de tu navegador para obtener el HTML; todo lo que sucede después, incluyendo la edición y la puntuación, se ejecuta localmente. Es la forma más rápida de confirmar la configuración de un competidor o de verificar que tus propias etiquetas publicadas realmente coinciden con lo que buscabas antes de que una campaña dependa de ellas.