Saltar al contenido

Depurador de vistas previas de enlaces

Link Preview Debugger

Lee las etiquetas de Open Graph y de tarjeta de Twitter de una URL y dibuja cómo se verá el enlace al compartirlo.

Lee las etiquetas og: y twitter: de una página como las leen KakaoTalk, Slack, Facebook y X, dibuja la tarjeta que ellos dibujarían, y descarga la imagen para comprobar que de verdad se abre. La mayoría de las vistas previas rotas son una etiqueta que está presente pero es inalcanzable, y eso solo lo puede decir una descarga.

☁️ Usa nuestro servidorogpreviewsocialseo

Nuestro servidor hace esta solicitud por ti. Solo se le envía la URL que escribiste: ninguna de tus cookies ni tu sesión iniciada viaja con ella. El servidor solo se conecta a direcciones públicas y rechaza las privadas e internas.

Lee las etiquetas og y twitter de la página igual que las leen KakaoTalk, Slack, Facebook y X, y comprueba que la imagen se cargue de verdad.

Cómo se usa

  1. Escribe la página que estás a punto de compartir

    La URL exacta, incluida la cadena de consulta si la página varía con ella. Se sigue una redirección, y las etiquetas leídas son las del destino.

  2. Compara la tarjeta con lo que querías

    La tarjeta recurre a alternativas como lo hacen las plataformas: etiqueta og, luego etiqueta twitter, luego <title> y meta description. Si tu título llega desde la alternativa, la etiqueta og falta, no está mal.

  3. Revisa la fila de la imagen

    La imagen se descarga y se informa su estado, tipo y tamaño. Una URL relativa, una imagen detrás de un inicio de sesión, o una servida por http desde una página https fallan aquí exactamente como fallarían en el mensajero.

Preguntas frecuentes

Corregí las etiquetas y KakaoTalk sigue mostrando la tarjeta vieja

Todas las plataformas guardan la tarjeta en caché, y ninguna la vuelve a leer por su cuenta en mucho tiempo. Bórrala con el reinicio de caché OG de Kakao Developers, el depurador de compartir de Facebook o el validador de tarjetas de X. Esta página lee las etiquetas en vivo, y por eso ella y el mensajero discrepan.

La imagen funciona en mi navegador pero falla aquí

Entonces no es descargable públicamente, y ningún mensajero la obtendrá tampoco. Las causas habituales son un inicio de sesión, una regla de protección contra hotlinking basada en el Referer, o una URL og:image relativa que solo resuelve en el contexto de la página.

¿De qué tamaño debe ser la imagen?

1200×630 es la respuesta segura: 1,91:1, lo bastante grande para todas las plataformas. KakaoTalk quiere al menos 800×400 y Facebook al menos 200×200 antes de mostrar nada.

¿Esto ve una página renderizada por JavaScript?

No, y los mensajeros tampoco. Solo se analiza el HTML que el servidor envía, y solo su primer megabyte. Las etiquetas inyectadas por script en el cliente son invisibles para todos los rastreadores que dibujan estas tarjetas.

Puede recibir de

Después

Estas aceptan lo que produce esta herramienta, así que el resultado puede pasar directamente.