SEO para sites em HTML puro: otimização e indexação

Por que o HTML puro facilita a vida do Google

O Google processa páginas com JavaScript em três fases: rastreamento, renderização e indexação. Quando o conteúdo depende de script para aparecer, ele precisa passar pela renderização antes de ser lido. A documentação do Google diz que renderizar no servidor ou pré-renderizar continua sendo uma boa ideia, porque deixa o site mais rápido para pessoas e robôs. Também lembra que nem todo robô executa JavaScript.

Um site em HTML puro já entrega o texto no código. Não há etapa extra. Se você usa um gerador de sites estáticos, como mostra a página sobre o Eleventy, o resultado é o mesmo: arquivos HTML prontos.

O outro lado: no WordPress, um plugin de SEO preenche title, description e sitemap. No HTML puro, você escreve ou gera esses itens. Se você quer entender os conceitos de SEO antes do código, comece pelo guia o que é SEO e como começar.

O head que toda página precisa

O head é a parte do HTML que o visitante não vê, mas o Google lê. Nos exemplos abaixo, o endereço seunegocio.github.io é só um modelo: troque pelo domínio do seu site.

<!doctype html>
<html lang="pt-BR">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Conserto de geladeira em Goiânia | Nome da Empresa</title>
  <meta name="description" content="Conserto de geladeira e freezer em domicílio. Veja os serviços, a área atendida e como pedir orçamento pelo WhatsApp.">
  <link rel="canonical" href="https://seunegocio.github.io/conserto-de-geladeira/">
</head>

O Google pode reescrever o título que aparece no resultado. A documentação lista as fontes que ele consulta: o title, o título principal visível, os H1, o og:title, o texto de links que apontam para a página e os dados estruturados do tipo WebSite. Por isso, mantenha title e H1 coerentes.

HTML semântico e URLs que explicam

HTML semântico é usar cada tag para o que ela significa: header, nav, main, article, footer, um H1 por página e H2 para as seções. O guia de SEO do Google diz que títulos fora de ordem não atrapalham na busca, mas que a ordem certa ajuda leitores de tela. Faça certo pelo leitor.

Imagens precisam de texto alternativo, o atributo alt. O Google explica que ele ajuda os buscadores a entender a imagem. Em imagem que é link, o alt funciona como a âncora do link.

Para as URLs, o Google recomenda incluir palavras úteis para quem lê. Um endereço como /conserto-de-geladeira/ explica mais do que /pagina?id=382. No site estático, a URL nasce do nome da pasta ou do arquivo, então escolha bem antes de publicar. Mudar depois exige redirecionamento.

A criação é grátis quando você contrata uma hospedagem da HostGator em ciclo anual pelo link do MundoBlá. A gente ganha uma comissão da HostGator quando você contrata pelo link, sem custo extra para você. O escopo é combinado no WhatsApp antes de começar.

Sitemap XML e robots.txt

O sitemap é um arquivo que lista os endereços do site. O Google Search Central define as regras:

1. Até 50 mil URLs ou 50 MB sem compressão por arquivo.
2. Codificação UTF-8.
3. Endereços absolutos, com domínio completo.
4. O campo lastmod só é usado quando a data é precisa.
5. Os campos priority e changefreq são ignorados.
6. O envio é só uma dica: o Google não assegura que vai usar.

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
  <url>
    <loc>https://seunegocio.github.io/conserto-de-geladeira/</loc>
    <lastmod>2026-11-05</lastmod>
  </url>
</urlset>

O robots.txt fica na raiz do site e diz aos robôs quais endereços eles podem rastrear. Segundo o Google, o uso principal é evitar excesso de requisições no servidor. Ele também pode apontar o sitemap:

User-agent: *
Allow: /

Sitemap: https://seunegocio.github.io/sitemap.xml

Um alerta do Google: o robots.txt não serve para esconder página da busca. Um endereço bloqueado ainda pode aparecer se outros sites apontarem para ele. Para tirar uma página do índice, o Google orienta usar a meta tag robots ou proteger a página com senha. Em site de empresa, deixe as páginas públicas abertas.

Dados estruturados com Schema.org

Dados estruturados descrevem a página em um formato que o Google entende. O Google recomenda o formato JSON-LD e usa o vocabulário do Schema.org. O código vai dentro de uma tag script, no head ou no corpo.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "LocalBusiness",
  "name": "Nome da Empresa",
  "url": "https://seunegocio.github.io/",
  "telephone": "+55-00-0000-0000",
  "address": {
    "@type": "PostalAddress",
    "addressLocality": "Goiânia",
    "addressRegion": "GO",
    "addressCountry": "BR"
  }
}
</script>

Ter a marcação certa deixa a página elegível para resultados especiais, mas não faz eles aparecerem por obrigação. O Google indica o Teste de pesquisa avançada (Rich Results Test) para validar. E orienta seguir a documentação dele, não só a do Schema.org, para saber o que de fato muda na busca.

Links internos que o Google segue

O Google só descobre links que são um elemento a com atributo href apontando para um endereço real. Links inseridos por JavaScript também contam, desde que sigam esse formato. Botão com clique programado não é seguido de forma confiável.

O Google pede que cada página importante receba link de pelo menos uma outra página do site. Não há número ideal de links por página. Para montar a estrutura, veja como organizar links internos para SEO.

Passo a passo para indexar o site estático

Com o site publicado, siga esta ordem.

1. Confira se todas as páginas têm title, description e canonical próprios.
2. Gere o sitemap.xml com endereços absolutos e publique na raiz.
3. Publique o robots.txt com a linha Sitemap.
4. Verifique a propriedade do domínio no Google Search Console.
5. Envie o sitemap no relatório Sitemaps do Search Console.
6. Pesquise site: seguido do seu domínio para ver o que já entrou no índice.
7. Volte em alguns dias e veja no Search Console as páginas fora do índice e o motivo.

Se você está trocando um WordPress por HTML, mantenha os mesmos endereços ou crie redirecionamentos. O passo a passo está em como migrar de WordPress para HTML.

Velocidade, conteúdo e o que pesa mais

O Google informa que os Core Web Vitals são usados pelos sistemas de classificação. Mas também diz que a busca mostra o conteúdo mais relevante, mesmo com experiência ruim, e que nota boa nas métricas não coloca ninguém no topo. O site estático costuma largar bem na velocidade, como mostra a página de sites rápidos com HTML e Cloudflare.

O que decide é o texto responder bem à dúvida de quem busca. O código limpo só tira os obstáculos do caminho. Para o restante do projeto, volte ao guia de como criar sites sem WordPress. Outras dúvidas têm resposta no Mundo Criação de Sites, a resposta sobre segurança está na página de sites estáticos seguros e a resposta para o resto começa na página inicial.

Erros comuns de SEO em site HTML

1. Copiar o mesmo title e a mesma description em todas as páginas.
2. Canonical com endereço relativo ou apontando para a página errada.
3. Sitemap com endereço de teste, sem domínio ou com página que não existe mais.
4. Bloquear o site inteiro no robots.txt e esquecer de liberar ao publicar.
5. Menu feito só com JavaScript, sem links a href.
6. Imagem sem alt e com nome de arquivo sem sentido.
7. Mudar a URL de uma página sem redirecionar a antiga.

Transparência: a HostGator paga uma comissão ao MundoBlá quando você contrata a hospedagem anual pelo nosso link. Hospedagem e domínio você paga direto à HostGator, e a criação do site sai sem custo.

Em outros Mundos

O código é a base, o conteúdo é o que ranqueia. No Mundo SEO você encontra pesquisa de palavras, estratégia de conteúdo e SEO local.