Comprobador de Open Graph y vistas previas de enlaces
Escriba una URL y vea la tarjeta que se dibuja cuando alguien la comparte, junto a todas las etiquetas encontradas y todo lo que falla en ellas.
Nuestro servidor solicita la página que indique. La imagen de la vista previa la carga su navegador directamente desde el sitio comprobado, así que ninguna imagen pasa por nosotros.
Con qué se construye una vista previa de enlace
Una vista previa de enlace se construye con etiquetas meta del head de la página. Facebook escribió el protocolo Open Graph y todo lo demás lo adoptó, así que og:title, og:description, og:image y og:url hacen casi todo el trabajo. X lee las mismas etiquetas y añade las suyas: twitter:card decide si la imagen ocupa todo el ancho o queda como miniatura, y twitter:title, twitter:description y twitter:image sustituyen a las de Open Graph cuando están puestas. Lo que una página omite recurre a otra cosa, primero al otro espacio de nombres y luego al elemento title y a la meta descripción, y por eso incluso una página sin ninguna etiqueta acaba teniendo tarjeta.
Por qué una vista previa sigue mal después de corregirla
Las plataformas guardan en caché lo que leen. Facebook, LinkedIn y X mantienen cada una su propia copia de una página ya rastreada, a menudo durante días, así que una tarjeta que estaba mal la primera vez que se compartió sigue mal mucho después de corregir las etiquetas. Cada una tiene un depurador que vuelve a leer cuando se lo pide, y esa es la única forma de vaciar una copia. Esta página nunca guarda caché, así que si aquí las etiquetas se leen bien y la tarjeta sigue mal fuera, es una copia en caché y no su marcado.
Preguntas sobre las vistas previas de enlaces
Ver la página como la vio quien informó del fallo
Session Replay guarda la página, la consola y las llamadas de red junto al informe de error, así que quien lo mire después ya tiene delante todo lo que hacía falta.