Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
SEO
Por que é o meu website tão pequeno no smartphone?
Uma página muito pequena no smartphone tem geralmente uma única causa: no código-fonte falta a especificação de viewport. Esta única linha comunica ao dispositivo que a página deve ser ajustada à largura do ecrã do smartphone. Se faltar, o dispositivo mostra a visão larga de desktop reduzida — legível apenas se o visitante constantemente faz zoom e desliza lateralmente.
A especificação de viewport alinha a página ao ecrã
Um ecrã de smartphone é muito mais estreito do que um monitor. Para que um website seja bem legível nele, o dispositivo deve saber: ajusta a apresentação à largura real do ecrã. É exatamente isto que a especificação de viewport comunica — uma única linha no código-fonte que cada página deveria trazer. Com ela, o conteúdo adapta-se à largura estreita: os textos quebram-se, as colunas organizam-se uma sob a outra, os botões permanecem suficientemente grandes para tocar. Sem a linha, o dispositivo presume que deve mostrar uma página larga de desktop e reduz tudo até que a largura completa caiba no ecrã.
Sem a especificação perde visitantes móveis
A maioria das pesquisas para uma empresa regional vem do smartphone — por exemplo, quando alguém procura um artesão, um restaurante ou um horário de funcionamento em movimento. Se este visitante encontrar uma apresentação do tamanho de um selo de correio, deve fazer zoom, deslizar lateralmente e apontar com o polegar para pontos de menu minúsculos. A maioria desiste após alguns segundos e escolhe o resultado seguinte. O Google também presta atenção à compatibilidade móvel das páginas; a especificação de viewport em falta tira este sinal fundamental da página. A nossa verificação reporta a especificação em falta como uma falha de gravidade média — corrigível com uma única linha.
- Abra o seu website no seu smartphone e verifique se o texto é legível sem fazer zoom.
- Preste atenção se tem de deslizar lateralmente para ver o conteúdo — este é um aviso claro.
- Peça à sua agência para adicionar a especificação de viewport em todas as páginas se faltar.
- Teste novamente no smartphone após a correção se os textos se quebram e os botões são bem tocáveis.