Desde 2023, o Google indexa exclusivamente a versão mobile dos sites (mobile-first indexing). Isso significa: se seu site tem problema em celular, ele é penalizado no ranking — mesmo que a versão desktop seja excelente.

Em 2026, com mais de 70% do tráfego de pesquisa vindo de dispositivos móveis, SEO mobile não é mais uma otimização complementar. É a fundação.

Este guia explica como funciona o mobile-first indexing, o que afeta ranking em celular e como fazer seu site performar.

O que é Mobile-First Indexing?

Mobile-first indexing é a prática do Google de usar a versão mobile do site como versão primária para:

Indexação — decide o que aparece no índice do Google.
Ranking — calcula onde você aparece nos resultados.
Rich results — avalia se você é elegível para Featured Snippets, AI Overview, etc.

Até 2019, o Google usava a versão desktop. Em 2023, ele fez a transição completa para mobile-first em 100% dos sites.

Implicações práticas

Conteúdo ausente no mobile não existe para o Google. Se você tem texto ou imagens só na versão desktop (oculto em mobile), o Google não indexa.
Core Web Vitals mobile pesa mais que desktop.
UX mobile ruim = ranking ruim mesmo em buscas feitas no desktop.

Como saber se seu site está pronto para mobile-first

1. Google Search Console

No GSC, vá em Configurações → Indexação → User-agent do Googlebot. Se mostrar "Smartphone", seu site está em mobile-first (99% dos sites estão desde 2023).

2. Teste de Otimização Mobile

O Google tem ferramenta oficial em search.google.com/test/mobile-friendly. Ela valida:

Viewport configurado.
Texto legível sem zoom.
Elementos clicáveis sem sobreposição.
Conteúdo dentro da tela (sem scroll horizontal).

3. PageSpeed Insights (aba Mobile)

Analisa Core Web Vitals especificamente para dispositivos móveis. É o dado que o Google usa.

Os 8 pilares de SEO Mobile

1. Design responsivo (não sites separados)

Melhor prática: um único HTML que se adapta ao tamanho da tela via CSS.

Evite:

Sites com URLs separadas m.seusite.com.br (antigo, Google não recomenda).
Páginas "versão mobile" com conteúdo reduzido.

Implementação:

<meta name="viewport" content="width=device-width, initial-scale=1">

E CSS com media queries ou frameworks (Tailwind, Bootstrap).

2. Performance mobile obrigatória

Core Web Vitals mobile são o maior diferencial hoje.

Metas realistas (mobile 4G):

LCP < 2.5s
INP < 200ms
CLS < 0.1

Otimizações de maior impacto:

Imagens AVIF/WebP com srcset e tamanhos responsivos.
Fonts preload com font-display: swap.
CSS crítico inline no <head>.
JavaScript defer — scripts não críticos após o carregamento.
CDN obrigatório.

3. Conteúdo igual em mobile e desktop

Nunca esconda conteúdo em mobile para "simplificar". Se o usuário precisa acessar por menu hambúrguer, ok — mas o conteúdo precisa estar no HTML e ser acessível.

Erros comuns:

Texto oculto com display: none baseado em media query sem fallback.
Imagens carregadas só em desktop.
Seções inteiras removidas via JavaScript no mobile.

4. Elementos clicáveis adequados

Touch targets: botões e links precisam de pelo menos 48px × 48px (recomendação Google).

Entre elementos clicáveis, deixe 8px de espaçamento mínimo para evitar cliques acidentais.

5. Fontes e texto legíveis

Tamanho mínimo: 16px em mobile (textos menores exigem zoom).
Line-height: 1.5+ para boa legibilidade.
Contraste: mínimo 4.5:1 (WCAG AA).

6. Pop-ups intersticiais: cuidado

O Google penaliza pop-ups intrusivos em mobile (cobrem a maior parte da tela logo ao entrar). Se for usar:

Ok: banner de cookies ou aviso legal.
Não ok: pop-up de newsletter tampando tudo na chegada.

7. Estrutura de navegação simples

Menu hambúrguer é padrão em mobile. Bom layout:

Menu principal com 5-7 itens máximo.
Busca acessível (ícone no header).
Breadcrumb para navegação contextual.
CTA principal sempre visível (sticky bottom bar, por exemplo).

8. Formulários otimizados

Input types corretos: type="email", type="tel", type="number" (teclado adequado).
Autocomplete nativo: autocomplete="given-name", "family-name", "email".
Labels visíveis (não só placeholder).
Campo telefone com máscara BR.

Mobile-First e E-E-A-T

Google prioriza autoridade em mobile também:

Autor visível em posts de blog (nome + link para bio).
Schema Person/Article com author conectado.
Página "Sobre" acessível em poucos cliques.

Em mobile, o espaço é limitado. Coloque sinais de autoridade acima da dobra sempre que possível: credenciais, tempo de experiência, logos de clientes, avaliações.

Erros que prejudicam ranking mobile

1. Intersticiais cobrindo conteúdo principal ao entrar.

2. JavaScript pesado travando a interação. INP alto = ranking baixo.

3. Imagens não otimizadas específicas para mobile (ex: servir 2000px quando a tela mostra 400px).

4. Conteúdo em tabelas gigantes que não cabem em mobile (sem overflow-x).

5. Vídeos autoplay com som — Google penaliza UX ruim.

6. Texto colorido sobre fundo com contraste ruim.

7. Links muito próximos — touch targets < 48px.

8. Header gigante ocupando metade da tela.

Como auditar seu site hoje

PageSpeed Insights (aba Mobile) em home + 3 páginas principais.
Teste mobile-friendly do Google.
Chrome DevTools → Lighthouse Mobile audit.
Navegação real em celular — abra seu site no celular e teste navegação, formulários e CTAs.
GSC → Core Web Vitals (Mobile) — veja URLs com problema.

Checklist rápido

[ ] Meta viewport configurado.
[ ] Passa no Teste Mobile-Friendly do Google.
[ ] LCP < 2.5s em CrUX mobile.
[ ] INP < 200ms em CrUX mobile.
[ ] CLS < 0.1 em CrUX mobile.
[ ] Conteúdo completo presente em mobile (mesmo se colapsado).
[ ] Touch targets ≥ 48px com spacing ≥ 8px.
[ ] Fontes ≥ 16px.
[ ] Sem intersticiais agressivos.
[ ] Formulários com input types corretos.

Conclusão

SEO mobile não é uma checklist opcional — é a base. Um site que falha em mobile falha no Google inteiro. Comece por Core Web Vitals mobile (maior impacto) e depois refine UX.

Posso fazer uma auditoria completa de SEO mobile do seu site. Fale comigo para análise gratuita.

SEO Mobile: guia de Mobile-First Indexing em 2026