miji.beLa vista previa de enlace (link preview) es la tarjeta que aparece automáticamente cuando compartes una URL en redes sociales o aplicaciones de chat. Incluye el título de la página, una imagen en miniatura y una breve descripción. El ejemplo más conocido es la tarjeta que se muestra al pegar un enlace en un tuit de Twitter (X) o al enviar un enlace por LINE.
La información de la vista previa procede de las etiquetas OGP (Open Graph Protocol) y Twitter Card incrustadas en el HTML de la página. og:title define el título, og:description la descripción y og:image la imagen en miniatura. Si estas etiquetas no están configuradas correctamente, la vista previa puede no generarse o mostrar contenido no deseado.
El impacto en la tasa de clics es significativo. Los enlaces con una imagen en miniatura adecuada suelen recibir más clics que los que carecen de imagen. El tamaño recomendado para og:image es de 1200 x 630 píxeles, la proporción que mejor se visualiza en las principales redes sociales.
Al usar URL cortas hay que tener en cuenta cómo interactúan con las vistas previas. Cuando se comparte una URL corta, el rastreador de la red social accede a ella, sigue la redirección y obtiene la información OGP de la página de destino. La mayoría de las plataformas gestionan correctamente las redirecciones, pero si la cadena de redirecciones es larga o el servidor responde con lentitud, la generación de la vista previa puede fallar.
Otro aspecto a considerar es la caché de las vistas previas. Una vez generada, la vista previa queda almacenada en los servidores de la red social, por lo que los cambios en las etiquetas OGP no se reflejan de inmediato. Twitter ofrece Card Validator y Facebook el Sharing Debugger para forzar la actualización de la caché.