🖼️ Validador Open Graph
Solo ingresa una URL para extraer las metaetiquetas og:* y Twitter Card, y validar la presencia de los campos obligatorios, la accesibilidad de og:image y el tamaño de la imagen (recomendado 1200×630, 1.91:1).
📖 Qué te dice este diagnóstico
Este diagnóstico descarga el HTML de la URL indicada, lee las etiquetas og:* y twitter:* y además solicita de verdad og:image para confirmar su estado HTTP, ancho, alto y proporción. Lo que no puede decirte es cómo dibujará finalmente la tarjeta cada red social, porque cada plataforma recorta distinto y usa su propio orden de reserva.
| Elemento | Qué significa | Cómo corregirlo |
|---|---|---|
| No se puede obtener og:image | Casi siempre es una ruta relativa sin cambiar, un CDN que devuelve 403 según el Referer o el User-Agent, o autenticación básica olvidada del entorno de pruebas. Que veas la imagen en tu navegador no significa que el rastreador social pueda obtenerla. | Escribe una URL absoluta que empiece por https:// y aloja la imagen fuera de cualquier restricción de auth o Referer. El rango seguro es 1200×630 o más a 1,91:1 y menos de 5 MB, en JPEG o PNG. Algunas plataformas siguen sin aceptar SVG ni WebP, así que evítalos para OGP. |
| og:title u og:description vacíos | Aunque falten, casi todas las plataformas recurren a <title> y a la meta description, pero lo que eligen exactamente depende de cada implementación, y así acaba saliendo el título de un listado en la tarjeta de un artículo. X lee og:title cuando no hay twitter:title. |
Apunta a unos 60 caracteres en og:title y 100–150 en og:description, y escríbelos aparte de la meta description de búsqueda. En redes lo único que cuenta es si alguien quiere hacer clic, así que no hace falta meter palabras clave. No olvides og:type ni og:url apuntando a la URL canónica. |
| Sigue apareciendo la tarjeta antigua | Las redes cachean lo que descargaron durante días o semanas. Aunque este diagnóstico devuelva los valores correctos, la tarjeta no se actualizará al instante: es una forma clásica de creer que el sitio sigue roto. | Fuerza una nueva descarga con el Sharing Debugger de Facebook, el Card Validator de X o el Post Inspector de LinkedIn. Si sólo cambias la imagen, cambia también el nombre del archivo: algunas plataformas ignoran una cadena de consulta añadida al mismo fichero. |
Este diagnóstico se identifica con un User-Agent normal y no como un bot social, de modo que un sitio que varía su salida según el UA puede comportarse distinto ante el rastreador real. Las etiquetas inyectadas después por JavaScript no se detectan, y eso no es un fallo sino un reflejo fiel de la realidad, porque los grandes rastreadores sociales tampoco ejecutan JavaScript.