Este guia define a arquitetura padrão de página otimizada simultaneamente para:
Quem deve usar: times de conteúdo, desenvolvimento e marketing que criam ou editam páginas de serviços/produtos.
Como usar: cada seção deste guia corresponde a um bloco da página. Siga a ordem, implemente os elementos obrigatórios, e use o checklist no final para validar.
SEO e GEO compartilham a mesma fundação técnica. A diferença está na camada de conteúdo:
| Aspecto | SEO Tradicional | GEO (Generativo) |
|---|---|---|
| Objetivo | Rankear na SERP | Ser citado por IAs |
| Unidade | Página inteira | Claim individual |
| Sinal-chave | Relevância + autoridade | Citabilidade + evidência |
| Formato | Keywords + headings | Q&A + claims com fonte |
| Schema | Ranking signals | Entity disambiguation |
O que é: elementos invisíveis no <head> que informam buscadores e engines sobre a página.
<title>[Serviço] | [Benefício Principal], [Marca]</title> <meta name="description" content="[O que fazemos] + [diferencial quantificável] + [CTA implícito]"> <link rel="canonical" href="[URL canônica]"> <!-- Open Graph --> <meta property="og:title" content="[Igual ao title]"> <meta property="og:description" content="[Igual à meta description]"> <meta property="og:image" content="[Imagem hero em 1200x630]"> <!-- Hreflang (se houver versões em outros idiomas) --> <link rel="alternate" hreflang="pt-BR" href="[URL PT]"> <link rel="alternate" hreflang="en" href="[URL EN]">
| Função SEO | Função GEO |
|---|---|
| Title e description afetam CTR na SERP | Description é usada por IAs como resumo do serviço |
| Canonical evita duplicação | Canonical ajuda IAs a identificar a fonte autoritativa |
| OG tags melhoram compartilhamento social | IAs usam OG para contexto rápido da página |
O que é: navegação hierárquica que mostra o caminho até a página.
<nav aria-label="breadcrumb"> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/"><span itemprop="name">Home</span></a> <meta itemprop="position" content="1" /> </li> <!-- + Serviços e Nome do Serviço --> </ol> </nav>
| Função SEO | Função GEO |
|---|---|
| Rich result de breadcrumb na SERP | Ajuda IAs a entender a taxonomia do site |
| Sinal de arquitetura de informação | Contexto hierárquico para entity resolution |
O que é: o primeiro bloco visível da página. Contém o H1, uma descrição curta e CTAs primários.
<section class="hero"> <h1>[Serviço] + [Proposição de Valor Única]</h1> <p class="hero-subtitle">[Descrição em 1-2 frases com keyword secundária]</p> <div class="hero-ctas"> <a href="[CTA primário]" class="btn-primary">[Ação Principal]</a> <a href="[CTA secundário]" class="btn-secondary">[Ação Secundária]</a> </div> </section>
| Função SEO | Função GEO |
|---|---|
| H1 é o sinal mais forte de tópico da página | IAs extraem o H1 como título/definição do serviço |
| Keywords no H1 afetam ranking diretamente | Subtitle é frequentemente citado como "resumo" |
O que é: barra de KPIs/números que validam a proposta de valor. Aparece logo após o hero.
<section class="proof-bar" aria-label="Principais indicadores"> <div class="proof-item"> <span class="proof-number">30%</span> <span class="proof-label">de redução média no custo logístico</span> <cite class="proof-source">Fonte: [Estudo/Relatório/Dado interno verificável]</cite> </div> <!-- + 80% menos emissões GEE vs rodoviário, 18+ anos conectando portos --> </section>
| Função SEO | Função GEO |
|---|---|
| Números geram featured snippets | CRÍTICO: Claims com fonte são citados por IAs |
| Engagement signal (tempo na página) | Números quantificáveis são preferidos por engines generativas |
Tag <cite> sinaliza fonte verificável | Tag <cite> sinaliza fonte verificável |
O que é: seções de conteúdo que explicam o serviço em profundidade. Cada bloco é um H2 temático.
Estrutura recomendada: 5-7 H2 temáticos.
| H2 | Função | Exemplo |
|---|---|---|
| H2-1 | Definição do serviço | "O que é Cabotagem?" |
| H2-2 | Benefícios/Vantagens | "Por que escolher a Cabotagem?" |
| H2-3 | Como funciona | "Como funciona o processo de cabotagem" |
| H2-4 | Diferenciais da empresa | "Por que a [Empresa]?" |
| H2-5 | Serviços complementares | "Serviços integrados" |
| H2-6 | Prova social | "Quem já escolheu" |
| H2-7 | FAQ | "Perguntas Frequentes" |
O que é: blocos de conteúdo especificamente estruturados para serem extraídos e citados por engines generativas.
<div class="citable-claim" itemscope itemtype="https://schema.org/Claim"> <p itemprop="text"> <strong>[Afirmação factual clara e direta]</strong> </p> <footer> <cite itemprop="source">Fonte: [Referência verificável]</cite> <time itemprop="datePublished" datetime="2026-01-15">Atualizado em Jan/2026</time> </footer> </div>
| Tipo | Exemplo | Formato |
|---|---|---|
| Definição | "Cabotagem é o transporte de cargas por via marítima entre portos de um mesmo país." | Frase direta + definição |
| Estatística | "A cabotagem reduz em média 30% o custo logístico comparado ao modal rodoviário." | Número + contexto + fonte |
| Comparação | "Enquanto um caminhão emite X toneladas de CO2 por km, a cabotagem emite 80% menos." | Versus + números + fonte |
| Processo | "O processo de cabotagem porta a porta inclui: coleta, estufagem, transporte marítimo, desova e entrega." | Sequência clara |
| Autoridade | "A Log-In opera desde 2008, com terminais próprios em Vila Velha (ES) e Itajaí (SC)." | Fato + especificidade |
O que é: seção de perguntas e respostas com markup estruturado FAQPage.
<section> <h2>Perguntas Frequentes sobre [Serviço]</h2> <div itemscope itemtype="https://schema.org/FAQPage"> <div itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"> <h3 itemprop="name">[Pergunta]</h3> <div itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer"> <p itemprop="text">[Resposta direta e completa em 2-4 frases]</p> </div> </div> </div> </section>
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "[Pergunta]",
"acceptedAnswer": { "@type": "Answer", "text": "[Resposta]" }
}
]
}
| Função SEO | Função GEO |
|---|---|
| Rich results de FAQ na SERP | Q&A é o formato nativo de engines generativas |
| People Also Ask eligibility | Respostas são extraídas diretamente como citações |
| Long-tail keyword coverage | Perguntas mapeiam intenções de busca conversacional |
O que é: elementos que constroem confiança: logos de clientes, certificações, reguladores, prêmios.
<section> <h2>Empresas que confiam na [Marca]</h2> <div class="client-logos"> <img src="[logo]" alt="[Nome completo do cliente]" width="150" height="80"> </div> <div class="certifications"> <p>Registrada na <strong>ANTAQ</strong>, Agência Nacional de Transportes Aquaviários</p> </div> </section>
| Função SEO | Função GEO |
|---|---|
| Trust signals afetam E-E-A-T | Entity signals (nomes de empresas, reguladores) fortalecem citabilidade |
| Alt text em logos = keyword relevance | IAs usam associações de entidade para avaliar autoridade |
| Menção a reguladores (ANTAQ) = sinal de legitimidade |
O que é: bloco de conversão final com chamada para ação e informações de contato.
<section class="cta-final"> <h2>[Chamada orientada a ação]</h2> <p>[1-2 frases reforçando o benefício principal]</p> <a href="[formulário/contato]" class="btn-primary">[CTA claro e específico]</a> <div itemscope itemtype="https://schema.org/Organization"> <span itemprop="name">[Nome da empresa]</span> <span itemprop="telephone">[Telefone]</span> </div> </section>
Para cada página de serviço, o JSON-LD no <head> deve conter:
{
"@context": "https://schema.org",
"@graph": [
{ "@type": "WebPage", "name": "[Title]", "description": "[Meta description]", "url": "[Canonical URL]", "inLanguage": "pt-BR" },
{ "@type": "BreadcrumbList", "itemListElement": [/* ... */] },
{
"@type": "Service",
"name": "[Nome do Serviço]",
"description": "[Descrição do serviço]",
"provider": { "@type": "Organization", "name": "[Empresa]" },
"areaServed": { "@type": "Country", "name": "Brazil" },
"serviceType": "[Tipo]"
},
{ "@type": "FAQPage", "mainEntity": [/* ... */] },
{
"@type": "Organization",
"name": "[Empresa]",
"sameAs": ["[LinkedIn]", "[Instagram]", "[Facebook]"],
"foundingDate": "[Ano]"
}
]
}
| SEO | Search Engine Optimization, otimização para buscadores tradicionais (Google, Bing). |
| GEO | Generative Engine Optimization, otimização para ser citado por IAs (ChatGPT, Perplexity, AI Overviews). |
| Claim Citável | Frase factual, direta e verificável que uma IA pode extrair e citar como resposta. |
| Entity Signal | Menção a entidades conhecidas (empresas, reguladores, certificações) que ajudam IAs a avaliar autoridade. |
| Schema Markup | Código estruturado (JSON-LD) que ajuda buscadores e IAs a entender o conteúdo da página. |
| FAQPage | Tipo de schema que marca perguntas e respostas para rich results e citações. |
| E-E-A-T | Experience, Expertise, Authoritativeness, Trustworthiness, critérios de qualidade do Google. |
| Citabilidade | Grau de facilidade com que uma IA consegue extrair e citar um trecho como resposta. |
| YMYL | Your Money or Your Life, categorias de conteúdo que exigem padrão mais alto de qualidade. |