Verificador de vista previa de enlacesMira la tarjeta antes de publicar el enlace.
Pega una URL y obtén la tarjeta tal y como la van a mostrar Facebook, X, LinkedIn, WhatsApp, Discord, Slack, Telegram e iMessage, en claro y en oscuro, con la lista de lo que falta y las etiquetas listas para pegar y arreglarlo.
La URL la descarga nuestro servidor, porque un navegador no puede leer otra web por ti. No se registra, no se guarda y no se envía a ningún tercero.
Pega una URL para ver sus tarjetas para compartir
Obtienes la tarjeta tal y como la van a mostrar Facebook, X, LinkedIn, WhatsApp, Discord, Slack, Telegram e iMessage, además de una lista de lo que falta.
¿Por qué la vista previa de mi enlace muestra la imagen equivocada?
Casi siempre es una de estas cinco cosas, y este verificador de Open Graph te dice cuál, en lugar de pedirte que añadas og:image cuando ya la tienes.
Hay más de una og:image
La plantilla añade una, un plugin añade otra, y las plataformas se quedan casi siempre con la primera que encuentran en el head. La imagen que esperabas suele estar más abajo. La tabla de etiquetas de arriba enumera cada candidata y marca cuál gana.
La imagen es una ruta relativa
og:image="/img/card.png" no es una URL que un rastreador pueda descargar. Tiene que ser absoluta y resolverse desde la dirección final después de las redirecciones, no desde la que escribiste. Si tu web redirige a www, una ruta que funciona en local puede no llevar a ninguna parte en producción.
La imagen tiene protección contra hotlinking
Se abre perfectamente en tu navegador porque tienes sesión y el referer correcto. Un rastreador no tiene ninguna de las dos cosas, recibe un 403 y la tarjeta se queda sin imagen. Esta herramienta carga la imagen como lo haría un desconocido, así que el fallo aparece aquí y no después de publicar.
La plataforma sigue mostrando su caché
Corregiste la etiqueta hace una hora y la imagen antigua sigue ahí. Cada plataforma guarda la vista previa por su cuenta y algunas la retienen semanas. Nada de lo que cambies en tu lado la borra, tienes que forzar una lectura nueva de la URL con la herramienta de la propia plataforma.
La página nunca tuvo esas etiquetas
Si tu web se renderiza en el cliente, las etiquetas existen en tu inspector y no en el HTML que devolvió el servidor. Ningún rastreador espera a JavaScript. Es la causa más habitual en los stacks modernos y la que más cuesta creerse.
¿Qué etiquetas Open Graph necesitas de verdad?
Cuatro sostienen la tarjeta. El resto son matices, y una vista previa de meta etiquetas que marca las veinte como igual de urgentes no te está ayudando.
og:title y og:description
El titular y las dos líneas de debajo. Sin og:title, la plataforma recurre a <title>, que suele estar escrito para los resultados de búsqueda y queda mal como titular de una tarjeta. Sin descripción, el cuerpo de la tarjeta se queda sencillamente en blanco.
og:image, absoluta y de 1200 px de ancho como mínimo
Facebook documenta 200x200 como suelo y 1200x630 como recomendación. LinkedIn documenta 1200x627 y avisa de que las imágenes de menos de 401 px de ancho se muestran como miniatura pequeña en vez de como banner. Una sola imagen de 1200x630 contenta a todas las plataformas a la vez.
twitter:card
La única etiqueta que X necesita realmente de ti. Ponla en summary_large_image y tus etiquetas Open Graph hacen el resto: X recurre a og:title, og:description y og:image cuando faltan los equivalentes twitter:, así que no hace falta duplicarlas.
og:url, y las que solo ordenan
og:url evita que la misma página cuente como varias cuando se comparte con distintos parámetros de seguimiento. og:image:width y height dejan que la plataforma monte la tarjeta antes de que llegue la imagen. og:type, og:site_name, og:locale y og:image:alt son acabado fino.
¿Necesito etiquetas de Twitter si ya tengo Open Graph?
La mayoría de las veces no, y de ahí sale mucho marcado duplicado. Dos ideas que conviene entender antes de copiar un fragmento de quince líneas de un blog.
X recurre a Open Graph por su cuenta
Si faltan twitter:title, twitter:description o twitter:image, X lee og:title, og:description y og:image en su lugar. La única etiqueta que tienes que añadir de verdad es twitter:card, que le dice si dibuja el cuadrado pequeño de summary o el banner grande. Añadir el resto solo sirve si quieres que X diga algo distinto de lo que dices en el resto de sitios.
property= frente a name=, y por qué funcionan las dos
La especificación de Open Graph pone sus etiquetas en property=, y la de las tarjetas de X pone las suyas en name=. En la práctica ambas plataformas leen las dos formas, y por eso un verificador que solo reconoce una te da la mitad de tus etiquetas por ausentes. Este analiza las dos y te dice cuál has usado, como nota y no como error.
¿Por qué mi vista previa sigue mostrando la imagen antigua?
Porque la plataforma no está mirando tu página. Está mirando la copia que se llevó la primera vez que alguien compartió el enlace, y seguirá haciéndolo hasta que algo la obligue a mirar otra vez.
Cada plataforma cachea por su cuenta
Corregir la etiqueta no avisa a nadie. Facebook, LinkedIn y X guardan cada uno su copia, así que un enlace puede verse bien en un sitio y desactualizado en otros dos al mismo tiempo.
Fuerza una lectura nueva con las herramientas oficiales
El Facebook Sharing Debugger, el X Card Validator y el LinkedIn Post Inspector tienen cada uno un botón que obliga a volver a leer la página. Es la única forma fiable de limpiarlo, y es inmediata.
Los mensajeros casi no cachean
WhatsApp, Telegram, Discord y Slack suelen leer la página en cada mensaje nuevo, así que son la vía más rápida para confirmar un arreglo sin depender de nadie.
Una URL nueva es la salida de emergencia
Si una plataforma se niega a refrescar, compartir una URL que no ha visto nunca esquiva la caché por completo. Con añadir un parámetro suele bastar.
¿No sabes a dónde lleva de verdad un enlace acortado? Desenróllalo con el lector de códigos QR
¿Quieres un enlace limpio para compartir ya con las etiquetas arregladas? Créalo con el acortador de enlaces gratis
La vista previa es la mitad fácil. Saber qué pasó tras el clic es la otra.
Una buena tarjeta se lleva el clic. A partir de ahí, una URL a pelo no te cuenta nada: ni de dónde vino la visita, ni qué plataforma trajo tráfico de verdad, y tampoco puede apuntar a otro sitio una vez publicada. Ese hueco es para lo que existe LinkScale.
Mira qué plataforma trajo el tráfico
Clics por fuente, país y dispositivo, para saber si el trabajo lo hizo el post de LinkedIn o la newsletter.
Cambia el destino más tarde
Reapunta un enlace que ya está publicado, sin pedirle a nadie que lo vuelva a compartir.
Conserva la tarjeta
Un enlace de LinkScale lleva sus propias etiquetas para compartir, así que acortarlo no te cuesta la vista previa que acabas de arreglar.
Preguntas sobre la vista previa de enlaces
¿Aún tienes preguntas?
En líneaPersonas reales, normalmente responden en unos minutos.
Es gratis, sin cuenta y sin un límite de uso que merezca mencionarse. La URL la descarga nuestro servidor, porque un navegador no puede leer otra web por ti, y eso es lo único que hace el endpoint: pedir la página, extraer las etiquetas y devolverlas. No se registra, no se escribe en ninguna base de datos y no se pasa a ningún tercero. Si prefieres que no salga nada de tu máquina, el modo de pegar el HTML hace todo el análisis dentro de tu navegador.
Ve más lejos con LinkScale
La tarjeta ya está arreglada. Ahora descubre cuánto valía el clic.
LinkScale te muestra de dónde vino cada clic y te deja cambiar el destino de un enlace después de publicarlo.
Free 14-day trial on every plan