Inspector OG gratuito y
Comprobador de Open Graph
Inspecciona etiquetas Open Graph, Twitter Cards, metadescripciones y favicons. Mira exactamente cómo aparece la vista previa de tu enlace en X, Slack, LinkedIn y Facebook.
¿Qué son las etiquetas Open Graph y por qué importan?
Las etiquetas Open Graph (OG) son fragmentos de código meta HTML situados en la sección de la página <head> sección. Controlan cómo se comparte en Twitter/X, LinkedIn, Slack, iMessage y Facebook. Sin ellas, las plataformas adivinan con resultados normalmente deficientes.
Las cuatro etiquetas necesarias en cada página
og:title— Título de la vista previa (menos de 60 caracteres)og:description— Resumen de apoyo (idealmente 150–160 caracteres)og:image— Miniatura (1200×630 px, JPEG o PNG)twitter:card— Establece ensummary_large_imagepara el mejor diseño de Twitter
¿Por qué pierden sus vistas previas los marcadores?
Las etiquetas OG cambian cuando los sitios se rediseñan, cambian de CMS o actualizan su código. Un enlace que guardaste hace seis meses con una vista previa bonita puede mostrar ahora una imagen vacía porque el sitio eliminó o renombró la ruta de su imagen OG. Herramientas como Savebase permiten archivar la miniatura original al guardar, para que tu colección mantenga su coherencia visual para siempre.
Cómo funciona esta herramienta
El inspector recupera la URL desde servidor, evitando CORS del navegador, y lee hasta el final del HTML<head> sección y extrae OG, Twitter Card y metadatos estándar. Puntúa sobre 100 según presencia y calidad de las seis etiquetas principales.
Usarlo como validador y depurador OG
Una vista previa social puede fallar aunque la página se vea bien en el navegador. Usa el diagnóstico para encontrar etiquetas ausentes, valores vacíos, títulos o descripciones que puedan recortarse, imágenes inaccesibles y diferencias entre Open Graph y Twitter Card. Corrige el HTML original, vuelve a inspeccionar la URL y pide a la red social que actualice su vista previa en caché si aún muestra una versión antigua.
Casos de uso del comprobador de Open Graph
- Previsualiza una publicación de blog antes de compartirla en LinkedIn, Facebook, X o Slack.
- Confirma que
og:imagees pública, tiene el tamaño adecuado y corresponde a la página. - Compara las etiquetas Open Graph con los campos de Twitter Card cuando las plataformas muestren vistas previas distintas.
- Audita landing pages después de migrar un CMS, rediseñar o cambiar de dominio.
¿Qué revisa un inspector OG?
Introduce cualquier URL pública para comprobar su og:title, og:description,og:image, URL canónica, Twitter Card, favicon y otros metadatos que afectan a la vista previa de un enlace social. El diagnóstico indica los campos que faltan y las longitudes de títulos o descripciones que podrían recortarse al compartir.
¿Cómo compruebo una imagen de Open Graph?
Pega arriba la URL de la página y selecciona Inspeccionar. Si la página proporciona unog:image, el inspector la muestra en las vistas previas de X, Slack/iMessage y LinkedIn. Si falta, añade una URL de imagen pública de 1200×630px a los metadatos Open Graph de tu página.
Preguntas frecuentes del inspector OG
¿Qué es un inspector OG?
Lee las etiquetas Open Graph, Twitter Card y meta estándar de una página pública y las convierte en vistas previas al estilo de cada plataforma y una lista de problemas por corregir.
¿Qué etiquetas necesita cada página?
Empieza con og:title, og:description, og:image,og:url y og:type. Añade una etiqueta Twitter Card para las vistas previas de X.
¿Por qué la vista previa muestra otra imagen o descripción?
Puede faltar metadata, haber conflictos, una imagen inaccesible o la red usar caché. Valida, corrige y refresca esa caché.
¿Puedo probar una URL privada o local?
Página e imagen deben estar accesibles desde Internet. Páginas con acceso privado, localhost o bloqueo de rastreadores pueden no devolver metadatos completos.