Framework SEO + GEO, Novo Layout Home (V4)

Princípio guia: 12 blocos com função semântica clara
Premissa: layout dado, otimizamos conteúdo + schema
Data: 30/04/2026

Princípios Aplicados a Este Layout

  1. Hero único = H1 único. Aproveitar a virada do layout (saímos de 5 slides H2 do carrossel atual) para definir um H1 declarativo.
  2. 6 cards de serviço = 6 unidades citáveis. Cada card abre com definição factual antes da copy promocional.
  3. 4 pilares de diferenciais = 4 fatos com fonte. Não basta nomear (Eficiência, Confiabilidade...), cada um precisa de dado quantitativo.
  4. Carrosséis (setores, clientes) = HTML estático sempre. Camada visual JS por cima, conteúdo extraível abaixo.
  5. Bloco "Nossos Números" = renderização estática + fonte. Replicar problema da Home atual aqui é inaceitável.
  6. Prova social = Schema sameAs cruzado. Logos lindos não bastam, precisa de schema que conecte entidades.
1

Header Sticky + Meta Tags

Função SEO

Carrega title, meta description, hreflang, canonical, schema base. Define indexação e signals do site inteiro.

Função GEO

Description do schema Organization é frequentemente extraída por IAs como resumo da empresa.

Schema recomendado

  • WebPage (com headline, description)
  • Organization expandido (description, legalName, foundingDate, numberOfEmployees, areaServed, address, telephone, vatID/CNPJ, sameAs ampliado)
  • WebSite (com SearchAction)
  • BreadcrumbList (apenas com "Home", remover ou simplificar)

DO

  • Title novo: "Log-In Logística Integrada, Cabotagem e Logística Intermodal no Brasil e Mercosul"
  • Meta description manualmente escrita
  • sameAs com Wikipedia, Wikidata, B3, RI, Crunchbase, YouTube
  • hreflang pt, en, es preservado

DON'T

  • Repetir o title genérico atual ("Home, Log-In Logística Integrada")
  • Description gerada automaticamente pelo Yoast
  • Schema Organization "magrinho" (sem description, foundingDate)
2

Hero

Função SEO

Define o tópico principal da página. H1 único.

Função GEO

O headline + subtítulo do hero é a definição da Log-In que IAs vão extrair primeiro. Vale ouro.

Schema recomendado

  • O texto do hero deve ser HTML real (não imagem). Marcado como headline da WebPage.
  • Se houver vídeo manifesto vinculado, marcar como VideoObject.

DO (sugestões de copy GEO-otimizada)

Headline (H1):

"Log-In Logística Integrada, navegação e logística intermodal que conecta o Brasil"

Subtítulo (parágrafo):

"Empresa brasileira de logística intermodal especializada em cabotagem, com operação em [N] portos do Brasil e Mercosul desde [ano]. Cabotagem, transporte rodoviário, armazenagem e o Terminal Portuário de Vila Velha (TVV) em uma única operação integrada."

CTA primário: "Conheça a Log-In" ou "Fale com um especialista"

DON'T

  • Texto renderizado como imagem (perde para crawler)
  • Headline poético sem fato citável ("Impulsionando negócios por terra e mar" funciona como tagline visual, mas precisa do subtítulo factual abaixo)
  • Múltiplos H1 se houver carrossel
3

Diferencial Intermodal (ilustração isométrica)

Função SEO

Ranqueia para queries informacionais sobre logística intermodal, cabotagem integrada, modal multimodal.

Função GEO

Definição da operação integrada. Resposta nativa para "como funciona a Log-In?", "o que é logística intermodal?".

DO (sugestões de copy)

H2: Logística marítima e integrada, do porto à porta do cliente

Texto descritivo:

"A Log-In opera uma malha intermodal que conecta navegação por cabotagem, transporte rodoviário, terminais portuários e armazenagem em uma única operação. A integração modal reduz custos logísticos em até [N]% (fonte: [estudo Log-In ou ANTAQ]) e elimina gargalos de transbordo entre modais."

Alt text para a ilustração:

"Ilustração isométrica da operação integrada Log-In, com navio porta-contêineres em porto, caminhões em transporte rodoviário, armazém e operação portuária conectados em uma única malha logística."

DON'T

  • Texto exclusivamente publicitário sem fato
  • Ilustração sem alt text
4

Serviços (6 cards)

Função SEO

Maior bloco de conteúdo de serviço da Home. Captura queries de cada serviço.

Função GEO

Muito alto potencial. Cada card é uma unidade de resposta para "quais serviços a Log-In oferece?".

Schema recomendado

  • 6 schemas Service, um por card
  • Cada Service com provider, serviceType, areaServed, description, url apontando para a página específica

DO (estrutura de cada card)

  • Nome do serviço (H3): nome curto e canônico
  • Definição factual (1 frase): "X é Y. A Log-In opera X desde [ano] com [N] [unidade]"
  • Diferencial específico (1 frase): o que torna o serviço Log-In diferente
  • CTA "Saiba Mais" linkando para a página do serviço

Exemplo Cabotagem:

"Cabotagem. Transporte marítimo de cargas entre portos brasileiros. A Log-In opera cabotagem desde [ano] com [N] navios próprios em rotas que conectam Manaus, Pecém, Suape, Salvador, Rio de Janeiro, Santos, Itajaí e Rio Grande. Reduz em até 80% as emissões de CO2 vs rodoviário (fonte: CNT 2024)."

DON'T

  • Microcopy publicitária genérica ("Soluções inovadoras para sua empresa")
  • Nomes de serviço inconsistentes com o menu principal
  • Cards sem CTA específico
5

Setores de Negócio (carrossel)

Função SEO

Captura long-tail por setor (agronegócio + cabotagem, fertilizantes + transporte, etc.).

Função GEO

Alto potencial se cada setor tiver microcopy. Hoje (na Home atual) é só label, perdendo a oportunidade.

Schema recomendado

  • ItemList envolvendo todos os setores
  • Cada setor como Service ou Audience com industry

DO

  • Estrutura: ícone visual + nome do setor (H3) + 1 frase descritiva
  • Importante: TODOS os setores devem estar no HTML estático, não apenas o slide visível. Carrossel é camada de UX por cima do conteúdo.
  • Schema ItemList com 100% dos itens

Exemplo Agronegócio:

"Agronegócio. Logística para grãos, fertilizantes e insumos via cabotagem e rodoviário, com atuação em corredores de exportação do Centro-Oeste, Sul e Norte."

DON'T

  • Carrossel JS-only sem fallback estático
  • Apenas label sem texto descritivo
  • Lista incompleta no HTML (apenas os 4-5 primeiros setores visíveis)
6

Diferenciais (4 pilares)

Função SEO

Captura queries comparativas ("por que escolher Log-In", "vantagens cabotagem").

Função GEO

Muito alto potencial. 4 pilares são formato perfeito para citação direta.

Schema recomendado

  • Sem schema específico
  • Considerar transformar os 4 pilares em FAQ derivada (FAQPage com pergunta "Por que escolher a Log-In?" e resposta listando os 4)

DO (sugestão de copy)

Eficiência:

"Operação integrada porta a porta reduz transbordo e tempo de trânsito em até [N]% (fonte: [...] ou dados próprios datados)."

Confiabilidade:

"Frota própria com [N] navios e [N] mil contêineres movimentados/mês com índice de pontualidade de [N]% (fonte: relatório operacional Log-In [ano])."

Economia:

"Cabotagem reduz custo logístico em até 30% por tonelada-quilômetro vs rodoviário (fonte: ANTAQ)."

Sustentabilidade:

"Cabotagem reduz emissões de CO2 em até 80% vs rodoviário (fonte: Estudo CNT 2024). A Log-In oferece Calculadora de CO2 pública para mensurar o impacto modal."

DON'T

  • Apenas o nome do pilar sem fato (vira lista de adjetivos vazia)
  • Frase descritiva sem fonte
  • Mistura de tonalidade entre os 4 pilares
7

Nossos Números

Função SEO

Sinaliza autoridade quantitativa.

Função GEO

Prioridade máxima. É o ativo mais citável da Home se bem feito. Replicar problema da Home atual aqui é inaceitável.

Schema recomendado

  • Organization com propriedades quantitativas (numberOfEmployees, etc.)
  • Considerar Statistic se aplicável

DO

Estrutura recomendada (renderização HTML estática + animação visual por cima):

<section aria-labelledby="numeros-titulo">
  <h2 id="numeros-titulo">Nossos Números</h2>
  <dl class="numeros-grid">
    <div>
      <dt>[N]</dt>
      <dd>Navios próprios em operação <cite>(frota 2026)</cite></dd>
    </div>
    <!-- + 5 números: portos, anos, contêineres/mês, setores, colaboradores -->
  </dl>
</section>

DON'T

  • Números só em JavaScript (typed.js)
  • Placeholders genéricos ("Informação sobre números da Log-In")
  • Números sem ano/fonte
  • Marketing-numbers ("Mais de 1.000.000 de clientes satisfeitos") sem suporte
8

Prova Social (Empresas que confiam)

Função SEO

Sinaliza autoridade e portfólio de clientes.

Função GEO

Alto potencial. IAs validam autoridade ao cruzar dados (Samsung, Fiat, Unilever, Monsanto = sinais fortes de Fortune 500/global brands).

Schema recomendado

  • Considerar marcar cada cliente com Organization schema usando sameAs
  • Bloco como ItemList

DO

  • Título: "Empresas que confiam na Log-In"
  • Logos com alt text descritivo: "Logo Samsung, cliente Log-In em logística para eletrônicos"
  • Microcopy abaixo (sugestão): "Atendemos [N] empresas em [N] setores no Brasil e Mercosul, incluindo líderes globais como Samsung, Fiat, Unilever e Monsanto."
  • Carrossel: todos os logos no HTML estático, com Schema ItemList e referências cruzadas (sameAs para os domínios oficiais)

DON'T

  • Logos sem alt text
  • Lista incompleta no HTML (apenas os 4 visíveis)
  • Misturar logos de clientes com logos de parceiros sem distinção

Atenção legal: confirmar com o cliente que os logos das empresas listadas têm autorização de uso. Sugerimos solicitar autorização formal antes do go-live.

9

Links Úteis (4 cards)

Função SEO

Linkagem interna estratégica para hubs operacionais.

Função GEO

Sinaliza ferramentas operacionais públicas.

Schema recomendado

  • ItemList envolvendo os 4 cards
  • Cada card como WebApplication (Log-Aí, Log-Aí TVV) ou WebPage (Programações, Mapa)

DO

  • Cada card com imagem com alt text descritivo
  • Nome do recurso (H3) + microcopy curta (1 frase)
  • CTA com texto descritivo (não "saiba mais", mas "Acessar Log-Aí" ou "Ver programação")

DON'T

  • 4 cards apenas com label e foto, sem contexto
10

Notícias

Função SEO

Freshness e atividade editorial.

Função GEO

Autoridade temática.

Schema recomendado

  • 3 schemas NewsArticle, um por post
  • Bloco como ItemList

DO

  • Cada post com headline real, datePublished, author, publisher (Organization)
  • Imagens com alt descritivo
  • Manter bloco como na Home atual, ampliando schema

DON'T

  • Posts sem schema NewsArticle (problema da Home atual)
  • Misturar categorias muito diferentes
11

Newsletter / Contato

Função SEO

Conversão e captação de leads.

Função GEO

Baixo (não é foco GEO).

DO

  • Texto curto explicativo
  • Formulário com campos mínimos (email, opcionalmente nome)
  • Política de privacidade linkada
  • Confirmar conformidade LGPD (consentimento explícito)

Sugestão alternativa: em vez de newsletter genérica, transformar este bloco em mini-FAQ com 3-4 perguntas frequentes. Isso ganharia o bloco que falta para FAQ + ainda permite CTA de contato no final.

DON'T

  • Formulário sem labels
  • Sem política de privacidade
12

Footer

Função SEO

Sitemap visual, linkagem interna, sinais de confiança.

Função GEO

Entity signals, compliance, governança.

Schema recomendado

  • Reflete Organization expandido do header
  • address no schema mais detalhado

DO

  • Manter estrutura atual (4 colunas + créditos)
  • Reforçar links para RI, Manual de Conduta, Canal de Denúncia, Política de Privacidade
  • Garantir links descritivos (não "saiba mais")

DON'T

  • Quebrar links internos
  • Esquecer compliance (LGPD, ESG signals)

13FAQ Sugerido (a inserir em algum bloco)

O layout não traz bloco de FAQ. Sugestão forte: inserir 6-8 perguntas em algum lugar, idealmente entre Notícias e Newsletter, ou substituir/aumentar o bloco Newsletter.

  1. Quem é a Log-In Logística?
  2. Há quanto tempo a Log-In opera?
  3. Quais serviços a Log-In oferece?
  4. Onde a Log-In atua?
  5. Quantos navios a Log-In tem?
  6. A Log-In atende [setor X]? (versão genérica para múltiplos setores)
  7. A Log-In é listada na Bolsa?
  8. A Log-In tem certificações ESG?

Schema FAQPage com markup JSON-LD detalhado no documento 04-recomendacoes-novo-layout-home.

14Schema JSON-LD @graph Completo (Recomendado)

{
  "@context": "https://schema.org",
  "@graph": [
    { "@type": "WebPage", "@id": "#webpage", "headline": "Log-In Logística Integrada..." },
    { "@type": "Organization", "@id": "#organization",
      "name": "Log-In Logística Integrada",
      "legalName": "Log-In Logística Intermodal S.A.",
      "description": "Empresa brasileira de logística intermodal...",
      "foundingDate": "[ano]",
      "areaServed": ["BR", "AR", "UY", "PY"],
      "sameAs": [/* Wikipedia, Wikidata, B3, RI, LinkedIn, Instagram, Facebook, YouTube, Crunchbase */]
    },
    { "@type": "Service", "name": "Cabotagem" },
    { "@type": "Service", "name": "Mercosul" },
    { "@type": "Service", "name": "Projetos Logísticos Customizados" },
    { "@type": "Service", "name": "Armazenagem" },
    { "@type": "Service", "name": "Operações Rodoviárias" },
    { "@type": "Service", "name": "Terminal Portuário de Vila Velha (TVV)" },
    { "@type": "ItemList", "name": "Setores Atendidos" },
    { "@type": "FAQPage", "mainEntity": [/* 6 a 8 perguntas */] },
    { "@type": "WebApplication", "name": "Calculadora de CO2 Log-In" },
    { "@type": "WebSite", "@id": "#website" }
  ]
}

Checklist de Otimização Pré-Launch

Conteúdo

Estrutura semântica

Schema (todo desde o lançamento)

Atributos invisíveis

Performance e Acessibilidade

Validação

15Glossário Rápido

Pilar (no contexto deste layout)
Cada um dos 4 elementos do bloco "Soluções sustentáveis para impulsionar negócios responsáveis" (Eficiência, Confiabilidade, Economia, Sustentabilidade).
Carrossel-amigável-GEO
Carrossel cujo conteúdo está 100% no HTML estático, com a navegação visual sendo apenas uma camada de UX.
Definição factual
Afirmação curta, declarativa, com dado concreto, em formato extraível por IA.
Entity signal cruzado
Vínculo schema (sameAs) entre a Organization Log-In e outras entidades (clientes, B3, Wikipedia) que valida autoridade.