A indexação mobile-first significa que os motores de pesquisa classificam o teu site com base na versão de telemóvel, e não na de computador. Mais de metade de todas as pesquisas acontece em telemóveis. O teu site de telemóvel é agora o teu site principal. O computador é secundário. Se o teu site fica mal no telemóvel ou carrega devagar, perdes classificações e tráfego. Vê como otimizar para telemóvel e ficar classificado nos dispositivos onde a maioria das pessoas pesquisa.
A maior parte do teu tráfego vem de dispositivos móveis. Os motores de pesquisa sabem-no. Dão prioridade à experiência no telemóvel sobre a do computador. Um site que funciona muito bem no computador mas mal no telemóvel perde classificações e tráfego.
Otimizar para telemóvel não é acrescentar um menu mobile. É desenhar cada elemento para a forma como as pessoas realmente usam os telemóveis. Ecrãs pequenos. Interação por toque. Ligações lentas. Otimiza para estas realidades e ganhas na pesquisa em telemóvel.
A indexação mobile-first significa que o telemóvel é o teu site principal
Os motores de pesquisa rastreiam primeiro o teu site de telemóvel. Indexam o teu site de telemóvel como a versão principal. O teu site de computador é secundário. Esta mudança aconteceu há anos, mas muitos sites ainda tratam o telemóvel como um pormenor de última hora.
Se a tua versão de telemóvel tem menos conteúdo do que a de computador, os motores de pesquisa indexam menos conteúdo. Se a tua versão de telemóvel carrega mais devagar, os motores de pesquisa veem um site mais lento. Se a navegação no telemóvel está avariada, os motores de pesquisa veem um site avariado. A tua experiência no telemóvel determina as tuas classificações em todos os dispositivos.
O design responsivo adapta-se a qualquer tamanho de ecrã
O teu site deve ajustar-se automaticamente aos ecrãs de computador, tablet e telemóvel. O design responsivo usa layouts flexíveis que encolhem e expandem consoante o tamanho do ecrã. O conteúdo continua legível. As imagens ajustam-se bem. A navegação funciona em todos os dispositivos.
Testa o teu site em vários dispositivos. Fica bem num ecrã de telemóvel de 320 píxeis? Funciona num tablet de 10 polegadas? Funciona num monitor de 27 polegadas? O design responsivo trata de tudo isto sem se partir.
Os utilizadores de telemóvel comportam-se de forma diferente dos de computador
Os utilizadores de telemóvel pesquisam de forma diferente. Usam pesquisas “perto de mim”. Pesquisam com frases mais curtas. Querem respostas rápidas. Esperam resultados instantâneos. Têm pouca paciência para carregamentos lentos.
Os utilizadores de computador investigam. Os de telemóvel precisam já. Otimiza para o comportamento no telemóvel. Faz o teu site rápido. Faz com que a informação-chave fique logo visível. Faz botões e links fáceis de tocar. Faz formulários curtos. Os utilizadores de telemóvel abandonam sites lentos e complicados em segundos.
Garante que as áreas de toque são suficientemente grandes
As pessoas tocam com os dedos, não com cursores de rato. Os botões devem ter pelo menos 48 píxeis de largura e 48 píxeis de altura. Os links precisam de espaço à volta para que os toques acidentais acertem no link certo. Não amontoes elementos demasiado perto uns dos outros.
Testa o teu site num telemóvel real. Toca nos botões. Consegues tocar sem acertar no errado? Se é difícil para ti, é impossível para pessoas com dedos maiores ou vista mais cansada. Faz com que tudo seja fácil de tocar.
Reduz o peso da página para as redes móveis
As ligações móveis são mais lentas do que a banda larga. Cada kilobyte conta. Comprime as imagens. Remove código desnecessário. Carrega as imagens por baixo da dobra de forma diferida. Adia o JavaScript não crítico.
Uma página de 5 MB que demora 10 segundos a carregar no telemóvel é demais. Os utilizadores de telemóvel esperam ver conteúdo em 2 a 3 segundos. Otimiza os tamanhos dos ficheiros sem descanso.
Testa em dispositivos e redes móveis reais
Os emuladores no navegador são úteis, mas incompletos. Testa em telemóveis reais. Testa em redes lentas. Limita a tua ligação a 4G. Vê como o teu site realmente se comporta para utilizadores reais.
O Lighthouse e o PageSpeed Insights ajudam. Mas medem condições de laboratório. Utilizadores reais em redes reais têm experiências diferentes. Testa as duas.
Perguntas frequentes
A otimização para telemóvel afeta as minhas classificações no computador?
Sim. Os motores de pesquisa usam o teu site de telemóvel como a versão principal para classificar os resultados de telemóvel e de computador. Se o teu site de telemóvel tem má experiência, as classificações no telemóvel e no computador ressentem-se. Otimizar para telemóvel beneficia as duas versões. Com o criador de websites da WEMASY, podes configurar isto diretamente no teu website.
Qual é o tamanho de ecrã de telemóvel ideal para otimizar?
Desenha para uma largura mínima de 320 píxeis, para garantires que suportas telemóveis mais antigos e ecrãs pequenos. A maioria dos telemóveis modernos tem 375 a 480 píxeis de largura. Os tablets têm mais de 768 píxeis. Otimiza primeiro para telemóvel, nos 320 px, e depois escala para ecrãs maiores. Esta abordagem mobile-first garante que o teu site funciona em todo o lado.
Devo ter um site de telemóvel separado ou usar design responsivo?
Usa design responsivo. Os sites de telemóvel separados estão desatualizados e criam dores de cabeça de manutenção. O design responsivo serve o mesmo conteúdo a todos os dispositivos, adapta o layout automaticamente e é mais fácil de manter. Os motores de pesquisa preferem o design responsivo.
Como testo a otimização para telemóvel?
Usa o Teste de Compatibilidade com Dispositivos Móveis da Google para verificar a compatibilidade básica com telemóveis. Usa o PageSpeed Insights para medir o desempenho no telemóvel. Testa em dispositivos reais, com redes móveis reais. Limita o teu navegador à velocidade 4G. Usa telemóveis reais de fabricantes e idades diferentes. Os testes de laboratório são úteis, mas o que mais conta é o teste real.
Que tamanho devem ter os botões no telemóvel?
Os botões devem ter pelo menos 48x48 píxeis para serem fáceis de tocar. O espaço à volta dos botões conta. Afasta-os o suficiente para que os utilizadores não toquem sem querer no botão errado. Se a tua interface parece apertada num telemóvel, os botões são pequenos demais.
Preciso de uma app para telemóvel para o SEO?
Não. Um website otimizado para telemóvel fica melhor classificado do que uma app nos motores de pesquisa. Os motores de pesquisa não conseguem rastrear apps. Conseguem rastrear websites. Se queres tráfego de pesquisa no telemóvel, otimiza o teu website. As apps servem outros fins, mas não ajudam o SEO.