Objectivo do tutorial
Para o Google, telemóvel não é uma versão secundária. Se algo importante desaparece em telemóvel, pode perder valor técnico e semântico.
Este tutorial explica como comparar versões móveis e desktop sem quebrar sinais chave.
O que vê AISEO em experiência mobile-first e paridade
Viewport
Verifique se a página declara uma base móvel válida e não força uma vista de desktop encolhida.
Responsive real
Verifique que o design se adapta sem scroll horizontal, textos pequenos ou componentes quebrados.
Navegação Móvel
Valorize se os menus, ligações internas e rotas importantes ainda estiverem disponíveis.
Conteúdo essencial
Evite que telemóvel seja uma versão empobrecida do conteúdo de desktop.
Como interpretar o resultado
Pass
A página tem viewport correto, design móvel estável e mantém conteúdo e links essenciais.
Warning
Existem diferenças ou detalhes móveis que convém rever, mas não quebram toda a leitura.
Fail
Falta viewport, a experiência móvel está quebrada ou a versão móvel elimina sinais importantes.
Exemplo técnico orientativo
A revisão deve concentrar-se em equivalência, não em igualdade visual.
<meta name="viewport" content="width=device-width, initial-scale=1">
Desktop: conteúdo principal + links relevantes Mobile: conteúdo principal + links relevantes
Mobile: H1 + conteúdo principal + links relevantes + schemaO design pode mudar; as informações críticas não deveriam desaparecer.
Erros frequentes
- Não incluir viewport ou usar uma configuração móvel deficiente.
- Esconder textos extensos em telemóvel sem alternativa.
- Remover links internos importantes do menu móvel.
- Mostrar os dados estruturados ou conteúdo apenas no ecrã.
Como corrigir
- Adiciona ou corrige a etiqueta viewport no head.
- Veja larguras fixas, tabelas, cartões e componentes que transbordam.
- Compare conteúdo principal em telemóvel e desktop.
- Verifique se o menu, o footer e as ligações críticas não desaparecem em telemóvel.
- Mantenha sinais críticos, mesmo que mude a apresentação visual.