Guia de SEO Passo 2: On-Page & Meta Tags

Este é o Passo 2 do Guia de SEO em 13 Etapas. Os meta tags on-page controlam o que os motores de busca exibem sobre seu site — e se os usuários clicam.

---

SEO Técnico (Passo 1) garante que os motores de busca possam encontrar seu site. A otimização on-page garante que eles o entendam — e o apresentem de forma atraente nos resultados. Cada resultado de busca que você vê no Google é construído a partir dos meta tags na página. Se você não os controla, o Google adivinha. E o Google adivinha mal.

A diferença entre uma taxa de cliques de 2% e 8% muitas vezes se resume a um título e descrição melhores. Em uma página com 1.000 impressões mensais, isso representa 60 visitantes a mais por mês — de graça.

O que a SEO On-Page Abrange

A otimização on-page abrange 8 áreas:

1. Title Tags — O link azul nos resultados de busca
2. Meta Descriptions — O texto cinza abaixo do link
3. Open Graph & Social — Como suas páginas aparecem quando compartilhadas
4. Hierarquia de Headings — Estrutura de conteúdo que sinaliza relevância
5. Dados Estruturados — Resultados ricos (estrelas, preços, FAQs)
6. Otimização de Imagens — Alt text, nomes de arquivos e carregamento preguiçoso
7. Texto âncora Interna — O que seus próprios links dizem sobre suas páginas
8. Marcação de Notícias & Artigos — Google News, Discover e crawlers de IA

1. Title Tags

O title tag é o elemento on-page mais impactante. É o link azul clicável nos resultados de busca, o texto da aba do navegador e um fator direto de classificação.

Regras para title tags de alto desempenho:

• 50-60 caracteres (o Google corta em ~60)
• Palavra-chave principal perto do início
• Único em cada página do seu site
• Atraente para humanos, não apenas para algoritmos
• Nome da marca no final (se houver espaço)

Fórmulas que funcionam:

| Tipo de Página | Fórmula | Exemplo | |----------------|---------|---------| | Página Inicial | [Marca] — [Proposta de Valor] | LANGR — Automação de SEO para Negócios em Crescimento | | Produto | [Produto] — [Benefício] | [Marca] | Plano Pro — Monitoramento SEO Diário | LANGR | | Blog | [Tópico]: [Promessa] ([Ano]) | Title Tags: O Guia Completo (2026) | | Categoria | [Categoria] — [Contexto] | [Marca] | Tênis de Corrida — Coleção Masculina | Nike |

Erros comuns:

• Mesmo título em várias páginas (títulos duplicados)
• Enchimento de palavras-chave: "SEO SEO Guia SEO Dicas SEO Ajuda"
• Muito curto: "Página Inicial" ou "Produtos"
• Totalmente ausente (o Google gera um a partir do seu conteúdo — geralmente mal)

Vitória rápida: Exporte todos os seus title tags (Screaming Frog, ou verifique o Search Console). Encontre duplicatas e páginas com títulos abaixo de 30 caracteres. Corrija essas primeiro.

2. Meta Descriptions

As meta descriptions não afetam diretamente as classificações, mas afetam drasticamente a taxa de cliques. Elas são sua cópia de anúncio nos resultados orgânicos.

Regras:

• 120-155 caracteres (dispositivos móveis cortam mais cedo)
• Inclua sua palavra-chave principal (o Google realça os termos correspondentes)
• Inclua um chamado à ação ("Saiba como", "Comece agora", "Veja preços")
• Único por página (duplicatas são substituídas pelo snippet automático do Google)
• Correspondência da intenção de busca (informacional, transacional, navegacional)

Fórmula: [O que a página oferece] + [benefício-chave] + [CTA]

Exemplo: "Saiba os 8 meta tags que afetam diretamente as classificações. Dicas práticas com exemplos antes/depois. Comece a otimizar hoje."

Quando o Google ignora sua descrição: O Google reescreve ~70% das meta descriptions para melhor corresponder à consulta específica. Você não pode evitar isso, mas uma descrição bem escrita ainda é usada mais vezes do que uma de má qualidade. Ela também aparece em compartilhamentos sociais e visualizações de links.

Vitória rápida: Escreva descrições para suas 20 páginas de tráfego mais alto primeiro. Priorize páginas onde o Search Console mostra muitas impressões, mas CTR baixa.

3. Open Graph & Meta Social

Quando alguém compartilha seu link no Facebook, LinkedIn, Twitter/X, ou em um aplicativo de mensagens, os tags Open Graph controlam o cartão de prévia que aparece.

Tags OG essenciais:

<meta property="og:title" content="Título da Sua Página" />
<meta property="og:description" content="Descrição atraente para social" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Para Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Título da Sua Página" />
<meta name="twitter:description" content="Descrição para Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Requisitos de imagem:

• Mínimo 1200x630px para cartões grandes
• Tamanho de arquivo abaixo de 8MB
• Use texto nas imagens com moderação (regra de 20%)
• Teste com Facebook Debugger e Twitter Card Validator

Vitória rápida: Crie um template de imagem OG de alta qualidade para sua marca. Use-o como padrão, depois crie imagens personalizadas para suas 10 principais páginas.

4. Hierarquia de Headings

Os headings (H1-H6) fornecem uma estrutura de conteúdo para os motores de busca. Eles sinalizam sobre o que sua página trata e quais seções são mais importantes.

Regras:

• Exatamente um H1 por página (seu tópico/palavra-chave principal)
• H2s para seções principais (essas frequentemente se tornam respostas em snippets destacados)
• H3s para subseções dentro dos H2s
• Nunca pule níveis (H1 → H3 sem H2)
• Use palavras-chave naturalmente nos headings, não forçadas
• Coloque as palavras importantes no início (leitores escaneadores leem as 3 primeiras palavras)

Impacto no SEO:

• O Google usa os textos de H2/H3 para snippets destacados e "As pessoas também perguntam"
• O texto dos headings influencia a classificação de passagens (o Google pode classificar uma seção da sua página de forma independente)
• Leitores de tela e crawlers de IA usam headings para entender a estrutura da página

Exemplo de estrutura:

H1: Como Escolher Tênis de Corrida
  H2: Tipo de Pé e Pronacão
    H3: Sobrerotação
    H3: Neutro
    H3: Sub-rotatividade
  H2: Categorias de Tênis
    H3: Corrida na Rua
    H3: Corrida em Trilhas
  H2: Quando Substituir Seus Tênis

Vitória rápida: Verifique suas páginas principais — se alguma tiver múltiplos H1s, nenhum H1, ou headings que apenas dizem "Seção 1", "Seção 2", corrija imediatamente.

5. Dados Estruturados (Schema Markup)

Os dados estruturados informam aos motores de busca exatamente o que seu conteúdo representa. Isso possibilita resultados ricos — as listagens aprimoradas com estrelas, preços, FAQs, etapas de como fazer, e mais.

Tipos de schema de alto ROI:

| Schema | Resultado Rico | Melhor Para | |----------------|-----------------------------------|---------------------------| | FAQ | Q&A expansível diretamente no SERP| Páginas de serviços, páginas de produtos | | HowTo | Passo a passo com imagens | Conteúdo de tutoriais/guias | | Article | Autor, data, imagem nos resultados| Postagens de blog, notícias | | Product | Preço, avaliação, disponibilidade | E-commerce | | LocalBusiness| Mapa, horários, avaliações | Negócios físicos | | BreadcrumbList| Navegação de caminho no SERP | Todas as páginas | | Organization | Painel de conhecimento | Página inicial |

Exemplo de schema FAQ:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Quanto tempo leva o SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "A maioria dos sites vê melhorias mensuráveis em 3-6 meses..."
    }
  }]
}

Regras:

• Apenas marque conteúdo que é realmente visível na página
• Não fabrique avaliações ou classificações
• Valide com o teste de resultados ricos do Google
• Monitore no Search Console → Melhorias

Vitória rápida: Adicione schema FAQ às suas 5 principais páginas de serviço/produto. Escreva 3-5 perguntas e respostas genuínas para cada uma. Isso pode dobrar seu espaço no SERP da noite para o dia.

6. Otimização de Imagens

Imagens são frequentemente o maior gargalo de desempenho e uma oportunidade de SEO negligenciada. O Google Imagens direciona tráfego significativo para muitos sites.

Os 5 elementos essenciais:

1. Alt text: Descreva o que está na imagem (para acessibilidade + SEO). Inclua palavras-chave quando natural: alt="Tênis de corrida Nike Air Max 2026 na cor preta", não alt="tênis" ou alt=""
2. Nomes de arquivos: Renomeie antes do upload. nike-air-max-2026-preto.webp não IMG_4382.jpg
3. Formato: WebP para fotografias (30-50% menor que JPEG). SVG para ícones/logos. Evite PNG para fotos.
4. Carregamento preguiçoso: Adicione loading="lazy" a imagens abaixo da dobra. Nunca use carregamento preguiçoso na imagem principal.
5. Dimensões: Sempre especifique atributos width e height para evitar mudanças de layout (CLS).

Vitória rápida: Encontre suas 10 maiores imagens (o PageSpeed Insights as sinaliza). Converta para WebP e adicione texto alternativo adequado. Isso melhora tanto o desempenho quanto a visibilidade na busca por imagens.

7. Texto Âncora Interna

O texto clicável em seus links internos informa aos motores de busca sobre o que a página de destino trata. A maioria dos sites desperdiça isso usando "clique aqui" ou "leia mais".

Regras:

• Use texto âncora descritivo que inclua palavras-chave relevantes
• Varie o texto âncora (não use o mesmo texto exato para cada link para uma página)
• Links de páginas de alta autoridade para páginas que você deseja classificar
• Link contextual dentro do conteúdo, não apenas na navegação

Bom vs. Ruim:

• Ruim: "Clique aqui para nosso guia de SEO"
• Bom: "Leia nosso guia completo de SEO para todos os 13 passos"
• Ruim: "Saiba mais"
• Bom: "Veja como dados estruturados melhoram as taxas de cliques"

Vitória rápida: Pesquise seu site por links "clique aqui" e "leia mais". Substitua-os por texto âncora descritivo contendo palavras-chave relevantes.

8. Marcação de Notícias & Artigos

Se você publica postagens de blog, conteúdo de notícias, ou qualquer conteúdo atualizado regularmente, a marcação otimizada para notícias desbloqueia o Google News, Google Discover, e tratamento preferencial pelos crawlers de IA.

Schema de artigo (exigido para recursos de notícias):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Título do Seu Artigo",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Nome do Autor",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Sua Marca",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Use NewsArticle vs Article:

• NewsArticle — para conteúdo de notícias sensíveis ao tempo (eventos, anúncios)
• Article — para postagens de blog e guias perenes
• BlogPosting — para peças de opinião e blogs pessoais

Otimização para Google News & Discover:

• Imagem principal de alta qualidade (mínimo 1200px de largura, meta max-image-preview:large)
• Data de publicação claramente visível na página
• Nome do autor com link para a página do autor
• Reportagem original ou análise única (não reescritas)
• Meta robots: max-snippet:-1, max-image-preview:large (permitir visualizações completas)

Meta robots para conteúdo de notícias:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

Isso informa ao Google que ele pode usar imagens grandes e texto completo em cartões Discover e resultados de notícias.

Por que isso importa para níveis mais altos:

• Estratégia de blog: A marcação de artigos permite que seu conteúdo surja no Discover (potencialmente milhares de impressões por post)
• Aquisição de links: Conteúdo indexado por notícias é mencionado por outras publicações, ganhando backlinks naturais
• Crawlers de IA: ChatGPT, Perplexity, e outros sistemas de IA citam preferencialmente fontes com marcação de artigo apropriada e autoria clara
• Monitoramento da marca: Mencionar sua marca nas notícias (rastreadas por scanners como o News Scanner da LANGR) revela oportunidades de construção de links e PR

Vitória rápida: Adicione schema de artigo a todas as suas postagens de blog. Certifique-se de que cada uma tenha uma data visível, nome do autor e imagem principal superior a 1200px de largura. Habilite max-image-preview:large em sua meta robots.

A Lista de Verificação de Auditoria de SEO On-Page

Verifique isso para cada página importante:

• [ ] Título tag único, 50-60 caracteres, palavra-chave perto do início
• [ ] Meta descrição única, 120-155 caracteres, inclui CTA
• [ ] Tags Open Graph definidas (título, descrição, imagem, url)
• [ ] Exatamente um H1 contendo a palavra-chave principal
• [ ] Hierarquia lógica de headings (H1 → H2 → H3, sem pulos)
• [ ] Dados estruturados adicionados e validados (FAQ, Artigo, Produto, etc.)
• [ ] Imagens: formato WebP, texto alternativo descritivo, carregamento preguiçoso abaixo da dobra
• [ ] Links internos usam texto âncora descritivo
• [ ] Schema de artigo em todo o conteúdo de blog/notícias com datePublished + autor
• [ ] Tag meta robot max-image-preview:large nas páginas de conteúdo

Erros Comuns em On-Page (Classificados por Impacto)

1. Tags de título duplicadas — Múltiplas páginas competindo entre si
2. Meta descriptions ausentes — Deixando o Google adivinhar (e adivinhar errado)
3. Sem dados estruturados — Perdendo resultados ricos que seus concorrentes têm
4. Headings com excesso de palavras-chave — "Dicas de SEO Guia de SEO Ajuda de SEO SEO 2026"
5. Falta de texto alternativo nas imagens — Invisível para a busca + falha de acessibilidade
6. Sem marcação de artigo em postagens de blog — Invisível para News/Discover/IA
7. Texto âncora genérico — "Clique aqui" não ensina nada ao Google
8. Mesma imagem OG em todos os lugares — Todos os seus compartilhamentos parecem idênticos

E Agora?

Passo 3: Conteúdo & Estratégia — O que escrever, quando publicar, e como criar conteúdo que classifica em vez de apenas existir.

---

Este guia é parte da série de SEO em 13 etapas da LANGR. Realize uma auditoria gratuita para ver onde seu site se encaixa em todas as 13 disciplinas.