Recomendações de Conteúdo, Novo Layout Home Log-In (V4)

Subtítulo (parágrafo abaixo do H1):

<section class="hero">
  <h1>Log-In Logística Integrada, navegação e logística intermodal que conecta o Brasil</h1>
  <p>Empresa brasileira de logística intermodal especializada em cabotagem...</p>
  <a href="/empresa/sobre-nos/" class="btn-primary">Conheça a Log-In</a>
</section>

Texto do hero deve ser HTML real, não imagem. Se a tagline visual "Impulsionando negócios por terra e mar" for parte da identidade da marca, use como elemento decorativo (background ou imagem com alt) e mantenha o H1 + subtítulo factuais em texto HTML.

SEO: tópico principal claro para Google. GEO: IAs extraem H1 + subtítulo como definição da entidade. Schema headline da WebPage fica coerente.

• [N] navios próprios em operação (frota 2026)
• [N] portos atendidos no Brasil e Mercosul
• [N] anos de operação (fundada em [ano])
• [N] mil contêineres movimentados/mês (média 2025, fonte: relatório operacional Log-In)
• [N] setores atendidos (lista no bloco 5)
• [N] colaboradores (quadro 2026)

<section aria-labelledby="numeros-titulo">
  <h2 id="numeros-titulo">Nossos Números</h2>
  <p>Somos uma empresa de logística completa, especialistas em cabotagem...</p>
  <dl class="numeros-grid">
    <div>
      <dt>[N]</dt>
      <dd>Navios próprios <cite>(frota 2026)</cite></dd>
    </div>
    <!-- repetir para 6 itens -->
  </dl>
</section>

<!-- Animação visual via JS pode existir como camada por cima -->

Não usar typed.js sem fallback. Não deixar placeholder "Informação sobre números da Log-In". Crawlers e IAs não capturam conteúdo só-JS.

Cada número vira claim citável imediato. IAs respondem com precisão a "quantos navios a Log-In tem?", "há quanto tempo opera?". Featured snippets em queries quantitativas.

• Subtítulo do hero (visível na página)
• Schema Organization, propriedade description
• Meta description (versão resumida)
• Open Graph description
• Description traduzida em en e es (versões hreflang)

Citação direta em ChatGPT, Perplexity, Gemini para queries institucionais. Knowledge Graph mais robusto. Description usada em Featured Snippet.

{
  "@type": "Organization",
  "@id": "https://www.loginlogistica.com.br/#organization",
  "name": "Log-In Logística Integrada",
  "legalName": "Log-In Logística Intermodal S.A.",
  "url": "https://www.loginlogistica.com.br/",
  "logo": "https://.../logo.png",
  "description": "Empresa brasileira de logística intermodal...",
  "foundingDate": "[YYYY]",
  "numberOfEmployees": "[N]",
  "areaServed": ["BR", "AR", "UY", "PY"],
  "address": {
    "@type": "PostalAddress",
    "addressCountry": "BR",
    "addressLocality": "[cidade matriz]"
  },
  "telephone": "[+55 ...]",
  "vatID": "[CNPJ]",
  "sameAs": [
    "https://www.linkedin.com/company/loginlogistica/",
    "https://www.instagram.com/login.oficial/",
    "https://web.facebook.com/logisticaintermodalcabotagem/",
    "https://ri.loginlogistica.com.br/",
    "https://pt.wikipedia.org/wiki/Log-In_Log%C3%ADstica_Intermodal",
    "https://www.b3.com.br/.../LOGN3"
  ]
}

Knowledge Panel no Google preenchido. IAs validam autoridade via vínculos cruzados (B3, Wikipedia, RI). Citação factual em respostas (idade, escala, abrangência).

<!-- Conteúdo completo no HTML, sempre -->
<section aria-label="Setores atendidos">
  <h2>Setores de Negócio</h2>
  <ul class="setores-list">
    <li><article>
      <h3>Agronegócio</h3>
      <p>Logística para grãos, fertilizantes e insumos...</p>
    </article></li>
    <!-- TODOS os 12+ setores aqui, não apenas os 4 visíveis -->
  </ul>
</section>

<!-- Carrossel é uma camada de UX por cima:
- Swiper.js, Glide.js ou similar
- Aria-controls, aria-label
- Setas de navegação
- Não esconder conteúdo do DOM, só visualmente -->

12+ setores e todos os clientes ficam indexáveis. IAs respondem positivamente a queries setoriais. Acessibilidade preservada.

Cada card deve seguir este padrão:

1. H3: Nome canônico do serviço
2. Frase 1: Definição factual (o que é + escala Log-In)
3. Frase 2 (opcional): Diferencial específico com fonte se possível
4. CTA: link para a página do serviço

{
  "@type": "Service",
  "name": "Cabotagem",
  "serviceType": "Transporte marítimo entre portos brasileiros",
  "provider": { "@id": "...#organization" },
  "areaServed": "BR",
  "url": "https://www.loginlogistica.com.br/servicos/cabotagem/"
}

IAs respondem com precisão "quais serviços a Log-In oferece?" listando os 6 com definição. Cada serviço fica indexado como entidade própria.

IAs citam "a Log-In oferece eficiência [...], confiabilidade [...], economia [...], sustentabilidade [...]" com dados específicos. Bloco vira fonte primária para queries comparativas.

IAs respondem positivamente a queries setoriais (mineração, automotivo, agronegócio). Cada setor vira página potencial de aterrissagem para long-tail.

{
  "@type": "ItemList",
  "name": "Empresas Clientes Log-In",
  "itemListElement": [
    {
      "@type": "Organization",
      "name": "Samsung",
      "sameAs": "https://www.samsung.com/br/"
    },
    /* repetir para cada cliente */
  ]
}

Confirmar com o cliente que os logos das empresas listadas têm autorização formal de uso em material institucional público antes do go-live.

IAs cruzam dados (Samsung, Fiat, Unilever, Monsanto têm Knowledge Graph denso) e validam autoridade da Log-In via vínculo cliente. Knowledge Panel mais robusto.

IAs respondem "como funciona a logística integrada da Log-In?". Acessibilidade preservada. Image Search ranqueia para "logística intermodal".

CTR melhor na SERP. Description usada como resumo por IAs.

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 é listada na Bolsa?

{
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Quem é a Log-In Logística?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A Log-In Logística Integrada é uma empresa brasileira de logística intermodal..."
      }
    }
  ]
}

Se a newsletter for estratégica e não puder ser substituída, considerar inserir um bloco extra de FAQ entre Notícias e Newsletter, ou ampliar o bloco Newsletter para incluir 3-4 perguntas + formulário.

Rich results na SERP (People Also Ask). Citações diretas em IAs. Resolve a única grande lacuna estrutural do layout V4.

• Hero: descrever o que está na imagem (porto, contêineres, navio) + contexto Log-In
• Ilustração isométrica: descrição da operação integrada ilustrada
• Foto de cabotagem: "Navio porta-contêineres da Log-In em operação de cabotagem em porto brasileiro"
• Foto de armazenagem: "Armazém da Log-In com paletes e contêineres em operação de armazenagem"
• Logos de clientes: "Logo Samsung, cliente Log-In em logística para eletrônicos"
• Ícones decorativos (pilares, setores): se acompanhados de label textual, usar aria-hidden

Image Search ranqueia para queries específicas. Acessibilidade WCAG. IAs com vision capability extraem contexto adicional.

{
  "@type": "WebApplication",
  "name": "Calculadora de CO2 Log-In",
  "description": "Ferramenta pública para mensurar emissões de CO2...",
  "url": "https://www.loginlogistica.com.br/calculadora-co2/",
  "applicationCategory": "BusinessApplication",
  "provider": { "@id": "...#organization" },
  "offers": { "@type": "Offer", "price": "0" }
}

Diferencial competitivo único reconhecido por IAs em queries ESG. Sinal de pioneirismo no setor. Tráfego qualificado para a página da calculadora.