Princípios Aplicados a Este Layout
- Hero único = H1 único. Aproveitar a virada do layout (saímos de 5 slides H2 do carrossel atual) para definir um H1 declarativo.
- 6 cards de serviço = 6 unidades citáveis. Cada card abre com definição factual antes da copy promocional.
- 4 pilares de diferenciais = 4 fatos com fonte. Não basta nomear (Eficiência, Confiabilidade...), cada um precisa de dado quantitativo.
- Carrosséis (setores, clientes) = HTML estático sempre. Camada visual JS por cima, conteúdo extraível abaixo.
- Bloco "Nossos Números" = renderização estática + fonte. Replicar problema da Home atual aqui é inaceitável.
- Prova social = Schema sameAs cruzado. Logos lindos não bastam, precisa de schema que conecte entidades.
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)
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
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
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
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)
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
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
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.
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
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
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
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.
- Quem é a Log-In Logística?
- Há quanto tempo a Log-In opera?
- Quais serviços a Log-In oferece?
- Onde a Log-In atua?
- Quantos navios a Log-In tem?
- A Log-In atende [setor X]? (versão genérica para múltiplos setores)
- A Log-In é listada na Bolsa?
- 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
- H1 único definido no hero
- Subtítulo do hero contém definição factual da Log-In
- 6 cards de serviço com definição factual + diferencial específico
- 4 pilares de diferenciais com fato datado e fonte cada
- Bloco "Nossos Números" com 6 dados reais + ano + fonte
- 12+ setores com 1 frase descritiva cada
- Notícias com 3 posts + autor + data
- FAQ com 6+ perguntas (em bloco dedicado ou substituindo Newsletter)
- Bloco diferencial intermodal com texto descritivo
Estrutura semântica
- H1 → H2 → H3, sem saltos
- Cada card de serviço com H3
- Cada setor com H3
- Cada pilar de diferencial com H3
- Carrosséis (setores, clientes) com 100% do conteúdo no HTML estático
Schema (todo desde o lançamento)
- Organization expandido completo
- 6 Services
- ItemList para setores
- ItemList para clientes (com sameAs cruzado)
- FAQPage
- NewsArticle nos 3 posts
- WebApplication para Calculadora CO2
- @graph único validado
Atributos invisíveis
- Title otimizado (keyword + entidade + diferencial)
- Meta description manualmente escrita
- hreflang pt, en, es
- Alt texts descritivos em todas imagens
Performance e Acessibilidade
- Imagens em webp/avif com lazy loading
- Carrosséis acessíveis (aria-label, navegação por teclado)
- Contraste WCAG AA em todos os textos sobre imagem
- CLS estável (newsletter, carrosséis, fontes carregadas com display:swap)
Validação
- Google Rich Results Test passando para FAQ, Article, Service, Organization
- Schema.org Validator
- Lighthouse SEO ≥ 95
- Lighthouse Performance ≥ 85
- Lighthouse Accessibility ≥ 95
- Mobile-Friendly Test
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.