Comprobador gratuito de vista previa de enlaces
Mira cómo se ve una página cuando se comparte, y obtén las etiquetas que lo arreglan
Cómo funcionan las vistas previas de enlaces
+
Cuando alguien comparte un enlace, la aplicación abre la página y lee unas pocas etiquetas de su cabecera, llamadas etiquetas Open Graph, para construir la tarjeta de vista previa. Si faltan, la aplicación adivina, y el resultado suele ser un enlace sin más o la imagen equivocada.
Las cuatro etiquetas que importan
og:title, og:description, og:image y og:url. Casi todas las redes y apps de mensajería las leen, entre ellas Facebook, LinkedIn, WhatsApp, iMessage, Slack y Discord.
La imagen
1200 por 630 píxeles funciona en todas partes. Usa la dirección completa que empiece por https://, mantén el archivo por debajo de unos 5 MB y aleja el texto importante de los bordes, porque algunas apps recortan a un cuadrado.
X necesita una etiqueta más
X también lee las etiquetas Open Graph, pero solo muestra la imagen grande cuando la página tiene además twitter:card con el valor summary_large_image.
Por qué sigue saliendo una vista previa antigua
Las redes guardan una copia de la vista previa, a veces durante semanas. Después de corregir tus etiquetas, pide a cada red que vuelva a leer la página con su propia herramienta: el Depurador de contenido compartido de Facebook y el Post Inspector de LinkedIn lo hacen.
Valores de reserva
Sin og:title, una red usa el título de la página; sin og:description, la meta descripción. Las vistas previas de arriba muestran lo que obtienes tras esos valores de reserva, que es lo que verán tus visitantes.
Lo que esto no puede mostrar
Los píxeles exactos. Cada app da un estilo un poco distinto a sus tarjetas y lo cambia a menudo. Las vistas previas de aquí muestran el contenido que usará cada app, con una disposición aproximada.
La página se lee tal como la recibe un rastreador, sin ejecutar scripts, que es también como la leen las redes. Las etiquetas que añaden los scripts después de cargar la página no las ven ni ellas ni esta herramienta.
Más herramientas gratuitas
Esta página en otros idiomas: English · Português · Français · Deutsch