Falta twitter:description — Mejores descripciones para X/Twitter

¿Qué es twitter:description?

La meta etiqueta twitter:description proporciona el texto descriptivo que aparece en las previsualizaciones de enlaces de X/Twitter, debajo del título y sobre la URL.

Comportamiento de respaldo

X/Twitter busca descripciones en este orden:

1. twitter:description — Prioridad más alta
2. og:description — Respaldo con Open Graph
3. <meta name="description"> — Respaldo con la meta description de HTML

Si tanto twitter:description como og:description faltan, X podría extraer texto directamente de la página, lo que normalmente no es lo ideal.

¿Por qué definir una twitter:description específica?

1. Limitaciones de la plataforma — X muestra aproximadamente 200 caracteres en las descripciones
2. Optimización del tono — La audiencia de Twitter suele responder mejor a un lenguaje más directo e informal
3. Complementa la imagen — Con summary_large_image, la descripción tiene menos espacio, así que la brevedad importa
4. Impulsa la acción — Usa la descripción para incentivar clics e interacción

Cómo solucionarlo

<meta name="twitter:description" content="Your Twitter-optimized description goes here. Keep it concise and engaging." />

Buenas prácticas

1. Mantenla por debajo de 200 caracteres — Aunque X permite más, las descripciones cortas funcionan mejor
2. Adapta el tono a Twitter — Más informal y directo que en LinkedIn o Facebook
3. Añade urgencia o curiosidad — “Esto es lo que te estás perdiendo…” o “Los resultados nos sorprendieron”
4. No repitas el título — Usa la descripción para aportar información nueva
5. Incluye una propuesta de valor — Dile a los usuarios exactamente qué obtendrán al hacer clic

Ejemplo

<!-- Para Facebook/LinkedIn (detallado) -->
<meta property="og:description" content="Learn how to implement and optimize Open Graph meta tags for better social media presence. Includes code examples for Next.js, Astro, and WordPress." />

<!-- Para X/Twitter (conciso, atractivo) -->
<meta name="twitter:description" content="Your links look bad on social media? Here's how to fix that in 5 minutes with Open Graph tags." />