Qué son las tarjetas de vista previa social y por qué importan
Cuando compartes una URL en LinkedIn, WhatsApp, Facebook o Slack, la plataforma no muestra solo el enlace: construye una tarjeta con imagen, título y descripción. Esa miniatura condiciona si alguien hace clic o la ignora.
Esas tarjetas se generan a partir de metadatos como Open Graph (og:title, og:description, og:image) y, en Twitter/X, las etiquetas Twitter Card. Si tu web no los define bien, la red social elige un texto cualquiera de la página o una imagen recortada que no representa tu propuesta.
En una web de empresa, donde cada visita puede convertirse en consulta, una vista previa pobre es un filtro silencioso: pierdes clics antes de que el visitante llegue a tu página de inicio o a tu página de servicios.
Dónde se nota más (y qué pierdes si fallan)
WhatsApp y Telegram. En conversaciones B2B, mandar el enlace de un caso de éxito o de una landing sin imagen reduce la credibilidad.
LinkedIn. Si publicas artículos del blog corporativo, la imagen og:image es el primer gancho visual en el feed.
Email y newsletters. Algunos clientes de correo también leen Open Graph.
Los tres metadatos que no puedes dejar al azar
og:title / twitter:title. Debe coincidir con la intención de la página. Si ya trabajas meta títulos para Google, adapta el tono al canal social.
og:description. Una o dos frases que expliquen el beneficio.
og:image. Imagen horizontal (1200×630 px recomendado), legible en miniatura.
Añade og:url con la URL canónica y og:locale si tienes versión multilingüe.
Cómo implementarlo en tu web sin liarla
Define valores por defecto y sobrescríbelos en home, servicios, blog y landings. En entradas de blog, usa titular, extracto e imagen destacada. Valida con Facebook Sharing Debugger y LinkedIn Post Inspector antes de campañas importantes. Alinea con datos estructurados.
Errores habituales en webs de empresa
Imagen demasiado pequeña o vertical; misma tarjeta para todas las URLs; caché agresiva tras un rediseño; texto ilegible dentro de la imagen. El titular largo va en og:title, no dentro del JPEG.
Checklist rápido antes de compartir una URL
1. ¿La URL canónica responde 200?
2. ¿og:title y og:description describen esa página?
3. ¿og:image mide al menos 1200×630?
4. ¿Se lee bien en móvil?
5. ¿Has probado el enlace en WhatsApp y LinkedIn?
Alinea la vista previa con tu copywriting y con los CTAs de la landing.
Conclusión: tu enlace es un anuncio de 300×157 píxeles
Antes de invertir en anuncios o mandar un enlace a un cliente, mira la tarjeta que verá. Ajustar Open Graph cuesta poco frente al retorno: más clics cualificados y más coherencia entre redes sociales y tu web.
¿Quieres revisar cómo se ven hoy tus páginas clave? Escríbenos y te ayudamos a auditar metadatos, imágenes y conversiones.
