Validador de Meta Etiquetas Open Graph
Verifica las metaetiquetas Open Graph y Twitter Card de cualquier página HTML. Extrae og:title/og:description/og:image más las etiquetas de Twitter, resalta valores faltantes o no válidos y genera informes JSON/PDF compartibles. Diseñado para depuración de SEO y vistas previas sociales con soporte de redireccionamiento y salida de texto plano.
Características
- Extrae metaetiquetas Open Graph: og:title, og:description, og:image y propiedades OG relacionadas cuando estén presentes.
- Extrae etiquetas Twitter Card (twitter:card, twitter:title, twitter:description, twitter:image) cuando estén presentes.
- Sigue redireccionamientos para inspeccionar el destino canónico final (común para HTTP→HTTPS, www, rutas de localización).
- Modo de validación solo HTML para centrarse en metaetiquetas (no en recursos no HTML).
- Hallazgos + tarjeta de puntuación y filtro "solo problemas" para una limpieza rápida.
- Salida de texto plano fácil de copiar, comparar y compartir.
- Copia resultados para tickets y documentación.
- Exporta JSON para automatización y auditorías.
- Exporta informes PDF para entregables a clientes y auditorías SEO.
🧭 Cómo usar for open-graph-meta-checker
Pega la URL de la página
Ingresa la URL de la página que deseas previsualizar (por ejemplo, una página de destino, publicación de blog, página de producto). Esta herramienta está diseñada para páginas HTML, no para imágenes o APIs.
Sigue redireccionamientos si tu sitio redirige
Mantén "Seguir Redireccionamientos" habilitado para que la herramienta verifique el destino final al que probablemente llegarán los rastreadores sociales.
Revisa los valores de OG y Twitter
Verifica los campos de título, descripción e imagen. Busca valores vacíos, marcadores de posición, duplicados o discrepancias entre las etiquetas OG y Twitter.
Corrige problemas comunes de vista previa
Asegúrate de que og:image sea una URL absoluta, sea públicamente accesible y apunte al recurso correcto. Confirma que los títulos/descripciones sean concisos y únicos por página.
Exporta y comparte un informe
Descarga JSON para automatización o PDF para informes SEO/clientes. Usa la vista de texto plano para pegar rápidamente valores en tickets.
Especificaciones técnicas
Modelo de solicitud y análisis
Esta herramienta obtiene la página objetivo (HTML) y extrae las metaetiquetas Open Graph y Twitter Card de los elementos meta del documento. Soporta el seguimiento de redireccionamientos para inspeccionar el destino efectivo.
| Configuración | Comportamiento | Por defecto |
|---|---|---|
| Solo HTML | Se centra en páginas HTML y extracción de metadatos | Habilitado (por capacidad de la herramienta) |
| Seguir Redirecciones | Sigue redirecciones para inspeccionar la URL final | Habilitado |
| Redirecciones Máximas | Límite de redirecciones para evitar bucles | 10 |
| Tiempo de espera | Límite de tiempo de espera de la solicitud | 15000 ms |
| Agente de usuario | Identifica el agente de usuario de la solicitud | Encode64Bot/1.0 (+https://encode64.com) |
| Redes privadas | Bloquea el acceso a rangos de red privados por seguridad | Deshabilitado (redes privadas no permitidas) |
Conjunto de metadatos recomendado (línea base)
Una línea base sólida incluye tanto campos de Open Graph como de Twitter Card para que las vistas previas se muestren de manera consistente en todas las plataformas.
| Plataforma | Etiquetas mínimas | Notas |
|---|---|---|
| Open Graph | og:title, og:description, og:image | Añade og:url y og:type cuando sea aplicable |
| Twitter Card | twitter:card, twitter:title, twitter:description, twitter:image | twitter:card es comúnmente summary o summary_large_image |
Errores comunes de og:image a tener en cuenta
Los fallos más comunes en las vistas previas provienen de la URL de la imagen: debe ser accesible, absoluta y compatible con las reglas de obtención del rastreador.
| Problema | Síntoma | Solución |
|---|---|---|
| URL de imagen relativa | La vista previa no muestra imagen | Usa una URL absoluta para og:image y twitter:image |
| Bloqueado por autenticación / robots / firewall | Vista previa ausente o inconsistente | Asegurar acceso público para rastreadores; permitir agentes de usuario sociales si se filtra |
| URL de imagen con redirección | Algunas plataformas no pueden recuperarla | Preferir una URL de imagen directa y estable (sin redirecciones) |
| Tipo de contenido incorrecto | Imagen no reconocida | Servir el Content-Type correcto (ej., image/png, image/jpeg) |
Línea de comandos
Puedes validar las etiquetas OG/Twitter desde la terminal obteniendo el HTML y buscando las metaetiquetas. Útil para comprobaciones de CI y depuración de problemas de SSR.
macOS / Linux
Obtener HTML y listar las metaetiquetas OG/Twitter
curl -Ls https://example.com/page | grep -i -E "<meta[^>]+(property=\"og:|name=\"twitter:)"Muestra las metaetiquetas que afectan a las vistas previas sociales. Usa -L para seguir redirecciones.
Comprobar la URL final después de las redirecciones
curl -ILs https://example.com/page | awk '/^HTTP\//{print} /^location:/I{print}'Imprime las líneas de estado de la cadena de redirección y las cabeceras Location.
Windows (PowerShell)
Descargar HTML y buscar etiquetas OG/Twitter
$html = (Invoke-WebRequest https://example.com/page).Content; $html -split "`n" | Select-String -Pattern "<meta" | Select-String -Pattern "og:|twitter:"Forma rápida de confirmar que las etiquetas existen en el HTML entregado.
Casos de uso
Arreglar vistas previas sociales rotas
Cuando un enlace se comparte con el título incorrecto, sin imagen o con texto desactualizado, esta herramienta te ayuda a localizar los campos meta faltantes o incorrectos rápidamente.
- Validar og:title y twitter:title
- Confirmar que og:image es accesible y absoluta
- Detectar descripciones vacías o marcadores de posición
Control de calidad para páginas dinámicas y SSR
Asegúrate de que tu framework genere las etiquetas OG/Twitter en la respuesta HTML para cada ruta (especialmente con Next.js, Nuxt, SvelteKit, etc.).
- Confirmar que los metadatos por página están presentes en el HTML
- Detectar generación de metadatos solo en cliente
- Validar redirecciones a localizaciones canónicas
SEO y flujos de trabajo de publicación de contenido
Estandarizar las vistas previas en un sitio: títulos/descripciones consistentes, tipo OG correcto e imágenes estables mejoran el CTR cuando se comparten enlaces.
- Auditar plantillas en busca de campos OG faltantes
- Exportar PDF/JSON para listas de verificación editoriales
- Detectar metadatos duplicados en múltiples páginas
Informes y auditorías para clientes
Genera un informe limpio y exportable para documentar el estado de las vistas previas sociales y las correcciones recomendadas.
- Informe en PDF para partes interesadas
- Informe en JSON para rastrear cambios a lo largo del tiempo
❓ Frequently Asked Questions
❓¿Cuál es la diferencia entre Open Graph y Twitter Cards?
❓¿Por qué mi vista previa muestra una imagen o título antiguo?
❓¿Por qué no se muestra mi og:image?
❓¿Necesito tanto og:title como twitter:title?
❓¿Puedo probar una página detrás de un inicio de sesión?
❓¿Es seguro pegar URLs aquí?
Pro Tips
Usa URLs absolutas para og:image y twitter:image y mantenlas estables (evita redirecciones) para reducir fallos del rastreador.
Genera imágenes OG de manera determinista (plantilla + parámetros) para que puedas actualizar la marca mientras mantienes las URLs estables por página.
Para aplicaciones Next.js/SSR, verifica las etiquetas en la respuesta HTML inicial (Ver código fuente), no solo en el DOM después de la hidratación.
Mantén los títulos concisos y únicos por página; los títulos demasiado largos pueden truncarse en las vistas previas y reducir el CTR.
Exporta informes JSON y agrégalos a tu lista de verificación de lanzamientos para detectar regresiones en las plantillas de metadatos.
Additional Resources
Other Tools
- Embellecedor CSS
- Embellecedor HTML
- Embellecedor JavaScript
- Embellecedor PHP
- Selector de Color
- Extractor de Sprites
- Codificador Binario Base32
- Decodificador Base32
- Codificador Base32
- Codificador Binario Base58
- Decodificador Base58
- Codificador Base58
- Codificador Binario Base62
- Decodificador Base62
- Codificador Base62
- Codificador Binario Base64
- Decodificador Base64
- Codificador Base64
- Codificador Binario Hexadecimal
- Decodificador Hexadecimal
- Codificador Hexadecimal
- Formateador C#
- Formateador CSV
- Dockerfile Formatter
- Formateador Elm
- Formateador ENV
- Formateador Go
- Formateador GraphQL
- Formateador HCL
- Formateador INI
- Formateador JSON
- Formateador LaTeX
- Formateador Markdown
- Formateador Objective-C
- Php Formatter
- Formateador Proto
- Formateador Python
- Formateador Ruby
- Formateador Rust
- Formateador Scala
- Formateador de Scripts de Shell
- Formateador SQL
- Formateador SVG
- Formateador Swift
- Formateador TOML
- Typescript Formatter
- Formateador XML
- Formateador YAML
- Formateador Yarn
- Minificador CSS
- Html Minifier
- Javascript Minifier
- Minificador JSON
- Minificador XML
- Cache Headers Analyzer
- Cors Checker
- Csp Analyzer
- Dns Records Lookup
- Visor de Encabezados HTTP
- Http Status Checker
- Redirect Chain Viewer
- Robots Txt Tester
- Security Headers Checker
- Security Txt Checker
- Sitemap Url Inspector
- Tls Certificate Checker
- PDF a Texto
- Probador de Expresiones Regulares
- Verificador de Posición en SERP
- Consulta Whois