Um site responsivo reorganiza o mesmo conteúdo para que ele continue legível e utilizável em diferentes tamanhos de tela. Para avaliar o seu, confira se a pessoa consegue ler, navegar, entender a oferta e concluir a ação principal sem zoom ou rolagem horizontal.

Responsividade não é apenas “encolher” a versão de desktop. Colunas, imagens, menus, botões e formulários precisam se adaptar ao espaço disponível sem esconder informação importante.

O que verificar em um site no celular

Faça este teste nas páginas mais importantes — principalmente home, serviços, contato e páginas que recebem tráfego de campanhas ou busca:

  1. Leitura: textos não ficam minúsculos, cortados ou sobrepostos; títulos quebram em linhas naturais.
  2. Navegação: o menu abre e fecha, os links têm espaço suficiente para toque e a pessoa consegue voltar ou avançar sem perder contexto.
  3. Conteúdo: imagens e vídeos cabem na tela, não cobrem texto e não empurram a informação principal para fora da página.
  4. Ação: botões, telefone, WhatsApp, mapas e formulários funcionam no toque; campos não ficam escondidos pelo teclado do celular.
  5. Layout: não há rolagem horizontal inesperada, cartões espremidos ou elementos fixos cobrindo o conteúdo.
  6. Equivalência: informações importantes disponíveis no desktop também aparecem na versão móvel.

O Google usa a versão móvel do conteúdo para indexação e recomenda design responsivo como uma forma simples de atender diferentes dispositivos com o mesmo HTML e URL. Isso não significa que responsividade, isoladamente, garanta posições melhores: a experiência de página reúne vários aspectos e não é um único sinal de ranqueamento. Consulte as orientações oficiais sobre sites móveis e mobile-first indexing e experiência da página.

Como corrigir problemas comuns

Conteúdo ultrapassa a largura da tela

Procure elementos com largura fixa maior que o espaço disponível: tabelas, imagens, vídeos, iframes, códigos ou blocos posicionados fora do fluxo. Prefira dimensões flexíveis e limite mídias à largura do contêiner. Evite corrigir tudo escondendo o overflow horizontal, pois isso pode apenas ocultar conteúdo cortado.

Colunas e cartões ficam apertados

Revise a composição para empilhar blocos quando não houver largura suficiente. Em telas menores, priorize a ordem de leitura e mantenha primeiro o conteúdo que ajuda a pessoa a entender a página. Não reduza a fonte até caber um layout pensado para desktop.

Teste com toque, não só com o cursor. Confira se o menu pode ser aberto e fechado, se os campos têm rótulos claros, se mensagens de erro aparecem junto ao campo e se os botões levam à ação indicada. Não dependa apenas de hover ou de ícones sem nome acessível.

A página parece lenta no celular

Responsividade e velocidade são revisões relacionadas, mas não são a mesma coisa. Confira o peso das imagens, recursos carregados acima da dobra e scripts que não são necessários para a primeira interação. Use o PageSpeed Insights como diagnóstico, não como promessa de posição: uma nota isolada não substitui testar o site real.

Como testar antes de publicar

  1. Abra a página em larguras estreitas e amplas no modo responsivo do navegador.
  2. Redimensione aos poucos, em vez de testar apenas dois tamanhos; problemas costumam surgir nos intervalos.
  3. Percorra a página com teclado e confirme foco visível e ordem coerente.
  4. Teste links, menu, campos, botões e conteúdo incorporado.
  5. Quando possível, repita a tarefa em um celular físico. Simulação não reproduz todas as condições de rede, toque e comportamento do dispositivo.
  6. Depois de corrigir, revise novamente as páginas e componentes que usam o mesmo layout.

O Lighthouse no Chrome pode apontar problemas técnicos de desempenho e acessibilidade; ele não substitui a revisão visual e funcional. A avaliação deve considerar o que a pessoa realmente consegue fazer na página.

Responsividade é parte do projeto, não uma garantia de resultado

Um layout que funciona em diferentes telas reduz barreiras de leitura e navegação, mas não garante vendas, contatos ou posições específicas no Google. Esses resultados também dependem de conteúdo, oferta, contexto de busca, desempenho e outros fatores.

Se você está planejando um site novo, inclua a revisão mobile na definição das páginas, do conteúdo e das ações principais — não deixe para adaptar tudo no final. Se já tem um site, comece corrigindo as páginas mais acessadas e os pontos que impedem uma tarefa importante.

Para conversar sobre um projeto de site, veja como funciona a criação de sites. A avaliação depende do objetivo, do conteúdo e do estado atual do projeto; não há resultado ou prazo garantido.