Vista previa de enlaces
Pega una URL y mira cómo se verá su tarjeta en X, Facebook, LinkedIn, WhatsApp, Slack y Discord antes de publicar.
Cómo previsualizar un enlace
- 01
Pega la URL
Escribe la dirección de la página que vas a compartir.
- 02
Compara las redes
Verás la tarjeta tal y como la muestran X, Facebook, LinkedIn, WhatsApp, Slack y Discord, con su título, descripción e imagen.
- 03
Detecta lo que falla
Si falta la imagen o el texto se corta, revisa la página con el analizador Open Graph para ver la causa.
- 04
Publica con confianza
Cuando todas las tarjetas se vean bien, comparte el enlace.
Cómo muestra cada red tu enlace
Muestra la imagen, el título y el dominio. Si la imagen pesa mucho o tarda en cargar, a veces solo aparece el texto.
LinkedIn y Facebook
Usan la imagen grande con proporción 1.91:1 y suelen ocultar la descripción en el móvil, así que el título es lo que importa.
X (Twitter)
Necesita twitter:card = summary_large_image para la imagen grande y solo muestra el dominio y el título.
Slack y Discord
Muestran el nombre del sitio, el título, la descripción y la imagen. Discord usa además el color de tema (theme-color).
Preguntas frecuentes
¿Cómo veo la vista previa de un enlace antes de enviarlo por WhatsApp?
Pega la URL en esta herramienta: lee las mismas etiquetas Open Graph que usa WhatsApp y te muestra la tarjeta resultante sin tener que enviar el mensaje.
¿Por qué la vista previa no coincide con lo que veo en la red?
Las redes guardan en caché la tarjeta de cada enlace. Si cambiaste las etiquetas hace poco, puede que sigan mostrando la versión antigua durante unos días.
¿Cómo cambio la imagen o el título que aparece?
Edita las etiquetas og:title, og:description y og:image en el <head> de tu página. Puedes generarlas con el generador de meta tags y crear la imagen con el generador Open Graph.
¿Funciona con cualquier web?
Funciona con cualquier página pública que devuelva HTML. No sirve con páginas privadas, protegidas con login o que bloqueen a los bots.
Otras herramientas gratis
¿Tu web necesita algo más que meta tags?
Diseñamos y desarrollamos webs rápidas, con SEO técnico bien hecho desde el primer día, y software a medida para negocios que crecen.