Un comprobador Open Graph ayuda a explicar por qué una página compartida tiene un título incorrecto, metadatos ausentes o una declaración de imagen inesperada. Screpy lee el HTML de una página pública y muestra sus etiquetas Open Graph, conflictos y grupos de imágenes. Utiliza estos datos para corregir la fuente publicada; después comprueba por separado el archivo de imagen y la plataforma real. La vista previa ilustra valores declarados, pero no reproduce la tarjeta de una red social.
Cómo usar el comprobador Open Graph
Introduce y envía la URL pública completa de la página que vas a compartir, incluida su ruta. Comprobar la página de inicio no examina sus artículos ni páginas de producto. Lee primero la URL final: si la dirección redirige, el informe describe ese destino. Usa el Comprobador de Redirecciones si no es el esperado.
Revisa la tabla de propiedades en el orden de la fuente. Cada fila muestra la declaración, su valor y, cuando está disponible, la línea de origen. Abre los grupos de imágenes para examinar sus campos asociados y lee los hallazgos con las correcciones sugeridas.
El rojo destaca valores obligatorios ausentes o valores de URL rechazados. El amarillo indica conflictos o cobertura parcial. El verde significa que estas comprobaciones compatibles no encontraron problemas en un informe conservado completo. No confirma que una imagen cargue, que el texto corresponda a la página ni que una plataforma muestre la tarjeta deseada.
Comprueba las cuatro propiedades Open Graph obligatorias
El protocolo Open Graph define cuatro propiedades básicas obligatorias. Revisa tanto su significado como su presencia:
| Propiedad | Qué comprobar en esta página |
|---|---|
og:title |
Un título claro y específico para compartir esta página, sin texto de campañas antiguas. |
og:type |
El tipo de objeto previsto, como website o article. |
og:image |
La dirección de la imagen que quieres asociar a la página. |
og:url |
La dirección estable destinada a identificar este objeto compartido. |
La comprobación de presencia de Screpy exige al menos una declaración conservada no vacía para cada nombre exacto. Un og:type con contenido pasa esta comprobación aunque su valor sea inadecuado; la herramienta no valida el vocabulario de tipos ni todos los requisitos específicos de cada tipo.
Añade una og:description útil que explique la página sin repetir el encabezado. Su ausencia no activa la comprobación de las cuatro propiedades obligatorias. Un <title> HTML o una metadescripción normal son declaraciones separadas: no supongas que rellenan un campo Open Graph vacío en este informe.
Corrige etiquetas ausentes y contradictorias
Un hallazgo de propiedad ausente significa que el nombre obligatorio no aparece en las filas conservadas o que todos sus valores coincidentes están vacíos. Comprueba escritura y contenido antes de añadir otra etiqueta. El comprobador reconoce nombres en minúsculas como og:title; los escritos de otra manera pueden quedar fuera de esa comprobación.
Existe un conflicto cuando aparecen distintos valores sin procesar para og:title, og:type, og:url u og:description. Incluso una diferencia de espacios cuenta. Las repeticiones idénticas no activan esta advertencia, aunque conviene limpiar las salidas repetidas innecesarias.
Por ejemplo, una página ficticia podría publicar un og:title vacío y después otro con «Rutas de senderismo Atlas». El segundo valor satisface la comprobación de presencia, pero la vista ilustrativa usa el primero y queda vacía. Los valores diferentes también producen un conflicto. Una advertencia de ausencia y una vista vacía responden, por tanto, a preguntas diferentes.
Identifica qué campo del CMS, tema o plantilla genera cada fila. Corrige la salida responsable para que el valor previsto aparezca una sola vez en estos campos de valor único. Añadir una tercera declaración no oculta las originales. Conserva las declaraciones de imágenes repetidas intencionadamente para su revisión separada a continuación.
Asocia las propiedades de imagen a la imagen correcta
Varias declaraciones og:image pueden ser intencionadas. Coloca las propiedades estructuradas de cada imagen inmediatamente después de su declaración raíz y antes de la siguiente imagen. Este fragmento ficticio de head muestra la asociación; no es un conjunto completo de metadatos:
<meta property="og:image" content="https://example.com/media/route-map.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="627">
<meta property="og:image:alt" content="Mapa de la ruta de senderismo Atlas">
<meta property="og:image" content="https://example.com/media/trail.jpg">
<meta property="og:image:alt" content="Sendero junto a una ladera boscosa">
El primer grupo declara un mapa con dimensiones y texto alternativo. El segundo tiene su propia descripción y ninguna dimensión declarada. Mover su campo alt por encima de su raíz lo asociaría al mapa. Estos valores describen la fuente; Screpy no descarga los archivos ni mide si el mapa tiene realmente esas dimensiones.
Los campos situados antes de cualquier raíz de imagen pueden aparecer en la tabla sin asociación a un grupo. Usa la fuente ordenada para corregirlos. Si la cobertura es parcial, verifica el head completo antes de confiar en la agrupación conservada.
El protocolo trata og:image:url como alias de og:image. Screpy reconoce el alias para agrupar y seleccionar la vista previa, pero su comprobación actual de propiedades obligatorias sigue esperando un og:image explícito y no vacío. Una página que solo utilice el alias puede mostrar una URL de imagen y un hallazgo de propiedad ausente a la vez. Es una limitación del comprobador, no una prueba de que el alias esté prohibido.
Separa las comprobaciones de URL, imágenes y plataformas
La comprobación de URL cubre og:url, og:image, og:image:url y og:image:secure_url. Intenta resolver sus valores como direcciones HTTP o HTTPS respecto a la URL final. No aplica una dirección HTML <base> ni valida todas las URL de audio y vídeo.
Un valor relativo puede superar la comprobación apuntando al archivo equivocado. Si la página final es https://example.com/guides/route/, images/map.jpg se resuelve bajo /guides/route/, no en el directorio /images/ del sitio. Usa, cuando sea posible, la dirección HTTPS completa prevista para evitar ambigüedades. Una sintaxis válida no demuestra que el archivo exista.
Abre la imagen por separado y comprueba que los visitantes puedan acceder sin iniciar sesión. Examina dimensiones reales, tamaño del archivo y contenido; cambiar og:image:width no redimensiona la imagen. Por ejemplo, los requisitos del módulo de compartir de LinkedIn especifican al menos 1200 × 627 píxeles, un máximo de 5 MB y una proporción recomendada de 1,91:1. Son requisitos de LinkedIn, no límites universales Open Graph ni mediciones realizadas aquí. Una imagen protegida puede seguir inaccesible aunque sus dimensiones sean adecuadas.
También distingue og:url de <link rel="canonical">. El primero identifica el objeto compartido; el segundo expresa una preferencia canónica para la búsqueda. Revisa el segundo con el Comprobador de Etiquetas Canonical. Como explica la guía de canonical de Google, esas señales no garantizan la URL que Google seleccionará.
Verifica la corrección publicada y la cobertura del informe
Actualiza el campo del CMS o la plantilla responsable, publica el cambio y vuelve a enviar la misma página. Compara la URL final, el orden de propiedades y los hallazgos con el informe anterior. Las etiquetas insertadas solo después de ejecutar JavaScript quedan fuera de esta comprobación: inspecciona el HTML servido, no únicamente el documento modificado por el navegador.
Lee la cobertura antes de interpretar una fila ausente como una etiqueta inexistente. Screpy conserva hasta 200 declaraciones Open Graph y 20 grupos de imágenes. Un informe parcial puede omitir declaraciones posteriores y no establece todas las asociaciones de imágenes. Revisa la fuente completa antes de añadir o eliminar etiquetas basándote solo en esos datos. Los valores también se acortan a 4096 unidades UTF-16; ese acortamiento por sí solo no activa la etiqueta parcial. Comprueba los valores inusualmente largos en la fuente.
Exporta el informe JSON para conservar las declaraciones y hallazgos observados. Si la comprobación no se completa, el resultado no está disponible; no significa que la página la haya superado. Tras corregir la fuente y examinar la imagen real, verifica una publicación compartida real en la plataforma prevista. Usa el Analizador de Metaetiquetas cuando también necesites revisar títulos normales, descripciones y otras declaraciones head.