Abrir estudio de vista previa de gráficos

Abrir herramienta de vista previa de gráficos

Cargando espacio de trabajo...

Cómo obtener una vista previa de las etiquetas OG desde cualquier URL

Pegue una URL https absoluta, ejecute Obtener metadatos y luego revise el título, la descripción, la imagen y la URL de destino combinados. Amplíe los diagnósticos para confirmar los códigos de estado, la URL final después de las redirecciones y el tipo de contenido.

Cómo se eligen las metaetiquetas Open Graph, Twitter Card y alternativas

Para las vistas previas al estilo de Facebook y LinkedIn, preferimos las etiquetas Open Graph, luego volvemos a la etiqueta de título, la meta descripción, la URL canónica y la primera imagen corporal adecuada cuando falta og:image. Para la vista previa estilo X/Twitter preferimos twitter:title, twitter:description y twitter:image cuando estén presentes; de lo contrario, recurriremos a Open Graph y luego a las mismas alternativas genéricas.

Problemas comunes de metadatos y cómo solucionarlos

La falta de og:image es el problema más común de calidad al compartir: agregue una URL de imagen cuadrada u horizontal. También son frecuentes las etiquetas duplicadas o conflictivas, las URL de imágenes relativas sin una base correcta y los títulos largos que se truncan. Utilice el editor para probar las correcciones antes de publicarlas.

Cómo exportar metaetiquetas HTML o JSON

Después de una recuperación exitosa (o después de completar los campos obligatorios manualmente), use Copiar HTML o Copiar JSON, o descargue los archivos .html y .json. Los valores se escapan en el fragmento HTML y el JSON incluye el estado de origen para cada campo admitido.

Obtenga metadatos de Open Graph y Twitter Card desde una URL pública, obtenga una vista previa de tarjetas estilo Facebook, X/Twitter y LinkedIn, anule campos localmente y exporte metaetiquetas HTML o JSON.

Preguntas frecuentes

¿Por qué las vistas previas difieren entre Facebook, X y LinkedIn?

Cada plataforma lee las etiquetas en un orden ligeramente diferente, aplica sus propias reglas de recorte y puede almacenar en caché versiones anteriores de su página. Este estudio muestra plantillas locales consistentes a partir de sus metadatos combinados para que pueda validar la estructura y copiar, no renderizaciones de red con píxeles perfectos.

¿Esta herramienta cambia mi sitio web activo?

No. El HTML obtenido se analiza únicamente para la solicitud actual. Las ediciones y exportaciones permanecen en su navegador (con parámetros de consulta de URL opcionales para anulaciones que se pueden compartir). No se escribe nada en su sitio.

¿Qué pasa si mi página bloquea las recuperaciones automáticas?

Algunos sitios devuelven 403/401 a clientes que no son navegadores. Este MVP solo admite HTML recuperable públicamente sin autenticación. Pruebe con una URL provisional o relaje las reglas del bot temporalmente si controla el servidor.