Requisitos para meta tags de SEO
As meta tags são instruções legíveis por máquina no head da página que orientam mecanismos de busca, controlam snippets e moldam as prévias de links. Configurá-las corretamente melhora a eficiência de rastreamento, a aparência no SERP e o desempenho em compartilhamentos. Este guia reúne requisitos práticos e exemplos.
O que realmente conta como “meta tag”
Em HTML, meta tags são elementos como <meta name="description"> ou <meta name="robots">. Relacionados, mas não meta tags, estão <title>, <link rel="canonical"> e links hreflang. Vivem juntos em <head> e são abordados aqui quando afetam resultados de SEO.
Requisitos centrais
1) Meta description
- Função: Texto candidato ao snippet de busca; não influencia ranking diretamente.
- Formato: Uma por página, única, colocada em <head>.
- Tamanho: Mire 150–160 caracteres (ou ~920px de largura); escreva com intenção e clareza.
- Conteúdo: Inclua o tópico/termo principal de forma natural, proposta de valor e um CTA suave.
- Evite: Duplicados, boilerplate em muitas páginas, clickbait e símbolos em excesso.
<meta name="description" content="Compare provedores de backup em nuvem, preços e velocidades de restauração. Veja nossas escolhas e escolha o melhor plano para o seu negócio.">
2) Diretivas de robots
- Global: Use name="robots" para todos os crawlers; use name="googlebot" ou "bingbot" para um bot específico.
- Local: Apenas em <head>; a diretiva mais restritiva vence quando múltiplas estão presentes (incluindo HTTP X‑Robots‑Tag).
- Comuns: index | noindex, follow | nofollow, noarchive, nosnippet, max-snippet:[-1|N], max-image-preview:[none|standard|large], max-video-preview:[-1|N], notranslate, noimageindex.
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta name="googlebot" content="index, follow">
Conflitos: noindex substitui canonical; nofollow pode bloquear sinais de link da página; use com parcimônia.
3) Viewport (mobile)
- Necessária para paridade no mobile-first indexing e usabilidade em telefones.
- Use width=device-width e initial-scale=1.
<meta name="viewport" content="width=device-width, initial-scale=1">
4) Charset
- Declare UTF‑8 alto em <head> para que rastreadores e navegadores interpretem caracteres e emojis corretamente.
<meta charset="UTF-8">
Meta estendidas para compartilhamento
Embora não sejam fatores de ranking, meta tags sociais controlam prévias e aumentam o CTR quando seus links circulam.
Open Graph
- Mínimo: og:title, og:description, og:image, og:type.
- Imagem: 1200×630px (mín. 600px de largura), ≤5 MB, og:image:alt descritivo.
<meta property="og:type" content="article">
<meta property="og:title" content="Backup em Nuvem: Guia do Comprador 2025">
<meta property="og:description" content="Testes independentes de velocidade de restauração, segurança e preço em 12 provedores.">
<meta property="og:image" content="https://example.com/images/backup-guide-1200x630.jpg">
<meta property="og:image:alt" content="Gráfico comparativo de serviços de backup em nuvem">
Twitter Cards
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Backup em Nuvem: Guia do Comprador 2025">
<meta name="twitter:description" content="Testes independentes de velocidade de restauração, segurança e preço em 12 provedores.">
<meta name="twitter:image" content="https://example.com/images/backup-guide-1200x630.jpg">
Relacionados (não meta) mas críticos
- Título: Único, descritivo, ~50–60 caracteres ou ~580–600px; palavra‑chave principal cedo, marca no fim.
- Canonical: URL absoluta, um por página, autorreferente por padrão; não combine canonical com noindex.
- Hreflang: Para alternâncias de idioma/região; inclua autolink e retorno; emparelhe com canonical por localidade.
<title>Provedores de Backup em Nuvem: Compare Preços e Velocidades | Marca</title>
<link rel="canonical" href="https://example.com/cloud-backup">
<link rel="alternate" href="https://example.com/es/copias" hreflang="es">
<link rel="alternate" href="https://example.com/pt/backup" hreflang="pt">
<link rel="alternate" href="https://example.com/pt/backup" hreflang="x-default">
Requisitos técnicos e armadilhas
- Exclusividade: description, title, canonical devem ser únicos por URL.
- Uma de cada: evite meta description ou robots duplicados; navegadores honram a primeira, mas crawlers podem mesclar com a regra mais restritiva.
- Ordem: Coloque charset e viewport no topo; robots antes de scripts que possam bloquear renderização.
- Tamanho: Mantenha o head enxuto; o Google processa até ~15 MB de HTML, mas tags anteriores são mais seguras.
- Renderização: Se o head é montado no cliente, renderize no servidor ou via renderização dinâmica; crawlers podem não ver mutações tardias.
- Paginação: Em séries, escreva descrições específicas; rel="next/prev" está descontinuado; use boa ligação interna e canonicalização.
- Noindex: Use apenas quando realmente quiser excluir; não bloqueie no robots.txt se espera que o Google veja o noindex.
- Internacional: Não confie em meta http‑equiv content-language; use hreflang.
- Testes A/B: Garanta que os testes não gerem robots ou canonicals conflitantes.
Checklist rápido
- Uma meta description única por página indexável, 150–160 caracteres, alinhada à intenção de busca.
- Robots em index, follow por padrão; diretivas estritas só quando necessário.
- Viewport e UTF‑8 presentes e no topo.
- OG/Twitter preenchidos com imagem de alta qualidade e título/descrição consistentes.
- Title, canonical, hreflang limpos e consistentes entre variantes.
- Sem sinais contraditórios (noindex vs canonical; múltiplos canonicals; follow/nofollow mistos).
Exemplo mínimo
<meta charset="UTF-8">
<title>Melhor Backup em Nuvem para Pequenas Empresas | Marca</title>
<meta name="description" content="Encontre backup em nuvem confiável, restaurações rápidas e criptografia forte. Compare provedores e escolha o plano certo para sua pequena empresa.">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="https://example.com/melhor-backup-nuvem">
<meta property="og:type" content="article">
<meta property="og:title" content="Melhor Backup em Nuvem para Pequenas Empresas">
<meta property="og:description" content="Encontre backup confiável com restaurações rápidas e criptografia forte. Compare provedores.">
<meta property="og:image" content="https://example.com/backup-1200x630.jpg">
<meta name="twitter:card" content="summary_large_image">