Vista previa de enlace: cómo aparece tu web en redes sociales
Cuando compartes un enlace en WhatsApp, Twitter, Facebook o LinkedIn, estas plataformas generan automáticamente una tarjeta de vista previa con título, descripción e imagen. Esta tarjeta se controla con las etiquetas Open Graph (OG) en el <head> de tu página.
Etiquetas Open Graph esenciales
- og:title — el título que aparece en la tarjeta (máx. 60 caracteres).
- og:description — descripción breve (máx. 160 caracteres).
- og:image — imagen de portada (recomendado 1200×630 px, mín. 200×200 px).
- og:url — URL canónica de la página.
- og:type — tipo de contenido (website, article, product, etc.).
Twitter Cards
Twitter tiene su propio sistema de metadatos: twitter:card (summary o summary_large_image), twitter:title, twitter:description, twitter:image. Si no se definen, Twitter usa las etiquetas OG como fallback.
Caché de vista previa
Las plataformas cachean las vistas previas por horas o días. Para forzar la actualización usa los debuggers oficiales: Facebook Sharing Debugger, Twitter Card Validator o LinkedIn Post Inspector. Estos tools fuerzan la plataforma a re-leer las metaetiquetas inmediatamente.