SEO mobile é o conjunto de trabalhos que garante que o seu site funcione bem em celulares e tablets, tanto para os usuários quanto para os mecanismos de busca. No Brasil, a maior parte da navegação acontece pelo celular, e o Google passou a avaliar o seu site principalmente pela versão mobile. Ou seja, a experiência mobile não é um "recurso extra": é o rosto principal do seu site. Neste guia, você encontra os pilares do SEO mobile, os erros mais comuns e como testar.
O que é SEO mobile?
SEO mobile reúne as mudanças técnicas e de conteúdo que fazem suas páginas aparecerem corretamente em telas pequenas, carregarem rapidamente, serem fáceis de usar e serem rastreadas e indexadas por completo pelo Google. Embora pareça uma disciplina separada do SEO para desktop, ela serve ao mesmo objetivo: levar a pessoa certa à página certa com o mínimo de atrito. A diferença é que, no celular, a paciência é menor, a tela é menor e a conexão costuma ser mais lenta.
O que significa indexação mobile-first?
A indexação mobile-first significa que o Google rastreia, indexa e ranqueia um site com base na versão mobile dele. Depois de anos de transição, o Google tornou essa abordagem o padrão para todos os sites. Na prática: conteúdo, link ou dado estruturado que não existe na sua página mobile não existe para o Google, mesmo que esteja no desktop.
- Texto oculto ou resumido no mobile não substitui o texto exibido no desktop.
- Links internos ausentes no mobile enfraquecem o rastreamento e a distribuição de autoridade.
- Recursos bloqueados no mobile (CSS, JS, imagens) impedem o Google de "ver" a página corretamente.
Design responsivo e viewport
Para o mobile, há três opções: design responsivo, veiculação dinâmica e um site mobile separado (subdomínio m.). A opção recomendada pelo Google e com a manutenção mais simples é o design responsivo: um único endereço, um único HTML, com CSS que se adapta à largura da tela.
| Método | Vantagem | Desvantagem |
|---|---|---|
| Design responsivo | Uma única URL, manutenção fácil, igualdade de conteúdo garantida naturalmente | Exige trabalho de design e testes |
| Veiculação dinâmica | Pode servir HTML específico para cada dispositivo | Complexo; erros de configuração geram conteúdos diferentes |
| Site mobile separado (m.) | Interface específica para mobile | Manter dois sites, risco de erro em redirecionamento e canonical |
A base do design responsivo é a tag viewport na seção <head> da página:
<meta name="viewport" content="width=device-width, initial-scale=1">
Sem essa tag, o navegador do celular renderiza a página na largura de desktop e a reduz; o texto fica ilegível.
Além disso, em vez de definir a largura da página com pixels fixos (por exemplo, 1200px), use porcentagens, max-width e consultas
de mídia (media queries) do CSS.
Igualdade de conteúdo entre desktop e mobile
O erro mais comum na indexação mobile-first é "simplificar" o conteúdo na versão mobile. Textos explicativos removidos para abrir espaço no menu, tabelas ocultas e comentários que não carregam no celular podem sair do índice de uma hora para outra. Verifique:
- Texto principal: títulos e parágrafos devem ser os mesmos nas duas versões. Texto dentro de acordeão ou aba não é problema; já remover totalmente o texto, sim.
- Título, meta description e canonical: devem ter os mesmos valores nas duas versões.
- Dados estruturados (schema): marcações presentes no desktop e ausentes no mobile são perdidas.
- Imagens e vídeos: devem estar acessíveis no mobile, com os textos alternativos preservados.
- Links internos: mesmo que o menu seja simplificado, os links para as páginas importantes devem estar presentes no mobile. Para mais detalhes, veja nosso artigo sobre métodos para aumentar o tráfego orgânico.
Áreas de toque e legibilidade
O dedo é muito menos preciso que o cursor do mouse. Por isso, botões, links e campos de formulário precisam ser grandes o bastante e estar bem afastados uns dos outros. Medidas geralmente aceitas:
- Tamanho da área de toque: pelo menos cerca de 48x48 pixels CSS (faixa indicada pelas diretrizes do Google e de acessibilidade).
- Espaço entre alvos: pelo menos 8 pixels entre dois links lado a lado, para que o dedo não toque no elemento errado.
- Tamanho da fonte: o texto do corpo deve ter pelo menos 16 pixels; quem precisa dar zoom para ler um texto pequeno abandona a página.
- Largura da linha e espaçamento: em telas estreitas, linhas curtas e entrelinha confortável.
- Pop-ups: janelas que cobrem grande parte da tela e são difíceis de fechar afastam o usuário e podem cair na avaliação do Google sobre "intersticiais intrusivos".
Teste prático: segure o celular com uma única mão, pesquise um produto no seu site e adicione-o ao carrinho. Cada ponto que o seu polegar não alcança, em que você toca sem querer ou em que precisa dar zoom é um problema de SEO mobile a corrigir.
Velocidade no mobile
Em dispositivos móveis, processador e conexão costumam ser mais fracos do que no desktop; por isso a mesma página carrega mais devagar no celular. As métricas de experiência do Google, como LCP, INP e CLS, também são avaliadas com dados mobile. Para valores de referência detalhados, veja nosso artigo sobre Core Web Vitals. As melhorias mais eficazes no mobile são:
- Converta imagens para WebP/AVIF e sirva-as em tamanho adequado à largura do dispositivo (
srcset). - Carregue com atraso as imagens e iframes que ficam abaixo da dobra da tela.
- Remova JavaScript e CSS não utilizados; limite scripts de terceiros.
- Reduza o tempo de resposta do servidor com cache e CDN.
- Diminua o número de fontes e use
font-display: swap. - Defina dimensões fixas para imagens e espaços de anúncio, para que a página não "pule" durante o carregamento.
Navegação e design de menu no mobile
No desktop, um menu amplo funciona bem; no celular, são necessárias soluções como o menu hambúrguer, uma barra inferior ou categorias expansíveis. Um bom menu mobile tem estas características: as três a cinco páginas mais importantes estão a um toque de distância, a busca fica visível, o botão "voltar" se comporta como esperado e a página não se desloca por trás do menu aberto. Ao simplificar o menu, não remova por completo os links internos importantes; como o Google considera a versão mobile, links ausentes no celular também podem afetar a distribuição de autoridade da página.
Formulários e checkout no mobile
O visitante mobile desiste de preencher um formulário ou de fazer um pedido com muito mais facilidade do que no desktop. Reduza os campos, use o tipo de teclado certo (numérico para telefone, teclado com @ para e-mail), permita o preenchimento automático e mostre as mensagens de erro ao lado do campo. Na etapa de pagamento, métodos de um toque, como Apple Pay e Google Pay, podem aumentar muito a conversão. Essas melhorias não são fatores diretos de ranqueamento, mas são o caminho mais curto para transformar o tráfego orgânico em cliente.
Erros comuns que prejudicam a experiência mobile
| Erro | Efeito | Solução |
|---|---|---|
| Ausência da tag viewport | A página encolhe e o texto fica ilegível | Adicione a meta tag viewport |
| Rolagem horizontal | Imagem ou tabela que transborda cansa o usuário | max-width: 100%, contêiner de tabela com rolagem |
| CSS/JS bloqueados | O Google não consegue renderizar a página corretamente | Não bloqueie os recursos no robots.txt |
| Flash / plugins antigos | Não funcionam em nenhum celular | Use uma alternativa em HTML5 |
| Redirecionamento incorreto | O usuário mobile cai em uma página não relacionada | Redirecione para a URL mobile correspondente à mesma página do desktop |
| Áreas de toque pequenas | Toques errados e abandono | Alvos de cerca de 48 pixels |
Olhe os dados reais: um teste de laboratório simula um único aparelho e uma única condição de rede. Seus usuários, por outro lado, navegam em celulares e conexões muito diferentes. O relatório Principais métricas da Web (Core Web Vitals) do Search Console mostra essa experiência real separadamente para mobile e desktop; ao definir prioridades, confie mais nesses dados do que na nota do laboratório.
A participação do tráfego mobile varia conforme o setor: em restaurantes, serviços locais e varejo, a maioria vem do celular; já em sites B2B e de software, a participação do desktop pode ser maior. Veja a sua proporção no relatório de categoria de dispositivo do Google Analytics e ajuste o peso do trabalho de acordo com isso. Mas lembre-se: o Google usa a sua versão mobile para ranquear, mesmo que a maioria dos visitantes venha do desktop.
Ferramentas de teste e checklist
Para medir a sua situação mobile, há ferramentas gratuitas e confiáveis:
- PageSpeed Insights: mostra os resultados de Core Web Vitals separados para mobile e desktop, com sugestões de melhoria.
- Search Console → Inspeção de URL: mostra como o Googlebot mobile vê a página. Para configurar, veja nosso guia de introdução ao Search Console.
- Modo de dispositivo do Chrome DevTools: simula diferentes tamanhos de tela e conexões lentas.
- Teste em aparelhos reais: testar manualmente em alguns celulares e navegadores diferentes não é substituído por nenhuma simulação.
Checklist resumido:
- A tag viewport está presente?
- No mobile, o conteúdo principal, os títulos e os dados estruturados são iguais aos do desktop?
- As áreas de toque estão grandes o bastante e o texto é legível?
- A página atinge os limites de Core Web Vitals no mobile?
- CSS, JS e imagens não estão bloqueados pelo robots.txt?
- Pop-ups e anúncios não cobrem o conteúdo?
Se o tráfego mobile sai de uma página de forma visivelmente imediata, você também pode investigar a causa com os passos do nosso guia sobre taxa de rejeição.
Uma última observação: as melhorias mobile não são um projeto único. Um novo plugin, um script de anúncio ou uma atualização de design podem estragar a experiência mobile da noite para o dia. Depois de grandes mudanças, crie o hábito de testar novamente algumas páginas representativas.
Conclusão
O SEO mobile é requisito básico em um mundo em que o Google avalia o seu site pela versão mobile. Comece pelo design responsivo, mantenha a igualdade de conteúdo, ajuste as áreas de toque e o tamanho da fonte para o polegar, meça a velocidade com dados mobile. Depois, faça verificações regulares com o Search Console e o PageSpeed Insights. Uma experiência mobile impecável não garante uma posição fixa; mas remove os obstáculos que fazem o usuário desistir e abre caminho para o seu conteúdo mostrar o desempenho que merece.