O que é twitter:description?
A meta tag twitter:description fornece o texto de descrição que aparece nas pré-visualizações de link do X/Twitter, abaixo do título e acima da URL.
Comportamento de fallback
O X/Twitter verifica descrições nesta ordem:
twitter:description— Maior prioridadeog:description— Recorre ao Open Graph<meta name="description">— Recorre à meta description HTML
Se tanto twitter:description quanto og:description estiverem ausentes, o X pode extrair texto da própria página, o que em geral não é o ideal.
Por que definir um twitter:description específico?
- Restrições da plataforma — O X exibe aproximadamente 200 caracteres nas descrições
- Otimização de tom — O público do Twitter costuma responder melhor a uma linguagem mais casual e direta
- Complemente a imagem — Com
summary_large_image, a descrição tem menos espaço, então a brevidade importa - Gere ação — Use a descrição para incentivar cliques e engajamento
Como corrigir
<meta name="twitter:description" content="Your Twitter-optimized description goes here. Keep it concise and engaging." />
Boas práticas
- Mantenha abaixo de 200 caracteres — Embora o X permita mais, descrições mais curtas performam melhor
- Combine com o tom do Twitter — Mais casual e direto do que descrições para LinkedIn ou Facebook
- Adicione urgência ou curiosidade — “Veja o que você está perdendo…” ou “O resultado nos surpreendeu”
- Não repita o título — Use a descrição para acrescentar informação nova
- Inclua uma proposta de valor — Diga exatamente o que o usuário ganha ao clicar
Exemplo
<!-- For Facebook/LinkedIn (detailed) -->
<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." />
<!-- For X/Twitter (concise, engaging) -->
<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." />