Guía de Optimización de Metadatos Open Graph y Twitter Cards
Las tarjetas en redes sociales (Social Cards) son las vistas previas enriquecidas que generan plataformas como Facebook, X (Twitter), LinkedIn o WhatsApp cuando los usuarios comparten un enlace web. Al incluir etiquetas Open Graph (OG) y Twitter Cards en la cabecera HTML (<head>), aseguras que tu sitio se presente con una imagen atractiva, un título claro y una descripción convincente.
El formato recomendado para la imagen de cabecera es de 1200 x 630 píxeles (proporción 1.91:1), en formato WebP, PNG o JPG con un peso máximo inferior a 5 MB. Mantener los títulos entre 40 y 60 caracteres y las descripciones por debajo de los 155 caracteres evita que el texto se corte en las pantallas móviles.
Integrar estas etiquetas incrementa directamente el CTR (porcentaje de clics) en un 40% en tráfico social y protege la imagen de marca de tu proyecto en canales de mensajería como WhatsApp y Telegram.
Título atractivo para mi artículo o producto
Descripción clara y concisa que resume el contenido principal y anima a hacer clic al compartir en redes sociales.