Vutral
Cómo usar esta herramienta

Validador de Open Graph y Twitter Card en Lote

Datos comprobadosOpen Graph

Cómo usar el comprobador de Open Graph y Twitter Card

Volver a la herramienta

Cada URL se solicita una vez y se leen todas las etiquetas de compartir de su head: la familia og: que leen Facebook, LinkedIn y Zalo, y la familia twitter: que lee X. Una ejecución, dos respuestas por página.

  1. 01

    Introduce las URL a comprobar

    El modo individual comprueba una dirección y se ejecuta con Intro. Cambia a Masivo para pegar una lista, una URL por línea, hasta 30 por ejecución. Las etiquetas de compartir se fijan por plantilla, así que pega una página de cada tipo: un artículo, un producto, la portada. Si una plantilla está rota, todas las páginas hechas con ella lo están también.

  2. 02

    Elige el nivel de normalización de la URL

    Normalizar URL reescribe cada dirección antes de solicitarla. URL completa conserva la ruta y la consulta pero elimina los parámetros de seguimiento y el fragmento; Sin parámetros quita la cadena de consulta; Solo dominio conserva solo el dominio. Conserva la dirección completa cuando sigas un enlace compartido: las etiquetas se leen de la página donde aterriza la petición, y una cadena de consulta puede decidir cuál es esa página.

  3. 03

    Lee las columnas Open Graph y Twitter

    Dos columnas, una petición. Cada celda lista los nombres de etiqueta que declara esa familia, sin el prefijo. Una celda Twitter vacía junto a una Open Graph llena es normal y casi siempre correcta: X recurre a las etiquetas og: para el título, la descripción y la imagen. La única a la que no puede recurrir es twitter:card, y el panel lo dice.

  4. 04

    Inspecciona una fila y exporta los resultados

    Ver da a cada familia su propia conclusión, porque una página puede ser perfecta para Facebook e inútil para X, o al revés. Cada etiqueta lleva el atributo con el que se declaró, [property] o [name], que dice quién puede leerla, no dónde corregirla. Copiar tabla copia las filas separadas por tabuladores; Exportar CSV las escribe en un archivo.

Cómo leer el informe de etiquetas para compartir en redes

Una fila se lee de izquierda a derecha: la dirección comprobada, dónde aterrizó, y lo que cada una de las dos familias de etiquetas declara allí.

Columnas de la tabla de resultados

URL
La dirección exactamente como se comprobó: tras la normalización, no siempre lo que escribiste.
URL resuelta
Dónde terminó la petición y con qué estado. Las redirecciones se siguen primero, y las etiquetas se leen de esa página final.
Open Graph
Los nombres de etiqueta og: que declara la página final, sin prefijo, en orden de documento. — significa que no se declaró ninguna.
Twitter
Los nombres de etiqueta twitter:, del mismo modo. Vacío aquí es habitual y no es automáticamente un fallo: X recurre a las etiquetas og:.
Resultado
Si la fila terminó, sigue en curso o se detuvo por un error. No dice nada sobre las etiquetas en sí.
Acciones
Ver abre el panel de detalle de esa fila; Reintentar aparece en su lugar cuando la solicitud nunca llegó a completarse.

Conclusiones del panel de detalle

Sin etiquetas Open Graph ni Twitter: los enlaces compartidos dependen del rastreo.
La página no declara ninguna etiqueta para compartir, en ninguna de las dos familias. Entonces cada plataforma construye la tarjeta adivinando a partir de la página: normalmente con la imagen equivocada y un título que tú no elegiste.
Sin etiquetas Twitter: la página solo declara las del otro tipo.
Se dice dentro de una sección cuando esa familia está vacía pero la otra no, nombrando la familia que sea la sección: Open Graph a la izquierda, Twitter a la derecha. Es una afirmación solo sobre esa mitad.
Las etiquetas Open Graph están bien formadas.
Nada falla en esa familia; la frase la nombra, y también aparece la forma Twitter. Una página puede estar limpia para una familia y rota para la otra.
Falta una etiqueta obligatoria de Open Graph: og:type.
Las cuatro que exige el protocolo son og:title, og:type, og:image y og:url; la frase lista las que faltan. Una etiqueta declarada con content vacío cuenta como ausente, porque eso hacen las plataformas con ella.
Una etiqueta og: usa name= en vez de property=: Facebook y Zalo no la ven.
El fallo más difícil de ver a simple vista: la etiqueta está en el head, bien escrita, e invisible para Facebook, porque las etiquetas og: se leen de property= y esta usó name=.
og:image no es una URL absoluta, así que la imagen no se mostrará.
Un rastreador que solicita la etiqueta no tiene contexto de página con el que resolver una ruta relativa. Un //host/ruta relativo al protocolo vale; /img/card.png no.
og:url apunta a otra parte: las veces que se comparta contarán para esa URL.
og:url es la identidad de la página en el grafo: cada me gusta y cada compartido se le atribuye. Se compara con la canónica, no con la dirección que escribiste. Una diferencia www / sin www parte una página en dos.
twitter:card tiene un valor que X no define, así que no se construye tarjeta.
X define summary, summary_large_image, app y player. Cualquier otra cosa no es una tarjeta más pequeña: es ninguna tarjeta.
Sin twitter:card: X no construye ninguna tarjeta.
La única etiqueta twitter: sin equivalente og:, así que es la que merece añadirse incluso en una página con un juego og: completo.
Sin og:description: esa línea queda en blanco en todas las plataformas.
No es una de las cuatro obligatorias, así que es una sugerencia más que un fallo; pero todas las plataformas muestran esa línea, y una vacía es una tarjeta con un agujero.

Insignias de atributo

[property]
La etiqueta se declaró como <meta property="…">. Es lo que especifica el protocolo Open Graph y lo que leen Facebook, LinkedIn y Zalo.
[name]
La etiqueta se declaró como <meta name="…">. Es lo que X documenta para las etiquetas twitter:. Una etiqueta og: con esta insignia es el fallo de arriba; una twitter: con property= no se señala, porque en la práctica X acepta ambas.