Ao longo dos anos, os motores de busca incentivaram as empresas a melhorar a experiência em dispositivos móveis em seu site. Mais de 60% do tráfego vem de celulares e, dependendo do nicho, esse tráfego pode chegar a 90%.
Desde que o Google focou seu algoritmo para indexação que prioriza dispositivos móveis, a principal análise é mais “se seu site deve ser otimizado para dispositivos móveis”, mas até que ponto ele está adaptado para atender as boas práticas de SEO.
Um novo desafio surgiu então para os profissionais de SEO com a introdução do Interaction to Next Paint (INP), que substituiu o First Input Delay (FID) a partir de 12 de março de 2024 .
Portanto, compreender os últimos avanços do SEO para mobile, especialmente com a mudança para o INP, é essencial.
O que é SEO para mobile e por que é importante?
O objetivo do SEO para mobile é otimizar seu site para gerar melhor visibilidade nos resultados de mecanismos de pesquisa adaptados especificamente para os dispositivos móveis.
Essa forma de SEO não visa apenas aumentar as classificações nos mecanismos de pesquisa, mas também prioriza melhorar a experiência do usuário por meio de conteúdo e tecnologia.
O SEO para mobile e o SEO geral compartilham práticas semelhantes, mas existem etapas adicionais relacionadas à renderização e ao conteúdo do site que são necessárias para atender às necessidades dos usuários móveis e aos requisitos de velocidade dos dispositivos móveis.
Certo, e isso precisa ser uma prioridade para o meu site? O quanto urgente é isso?
Vamos supor que 58% do tráfego mundial vem de dispositivos móveis.
Se você não está focado para este público, há uma boa chance de estar perdendo uma enorme quantidade de tráfego orgânico.
Indexação que prioriza dispositivos móveis
A partir de 2023, o Google mudou seus rastreadores para priorizar a indexação para sites que priorizam os dispositivos móveis.
Ou seja, mais um motivo para que a experiência mobile do seu site seja fundamental para manter uma indexação assertiva, que é a etapa antes de os algoritmos de classificação entrarem em ação.
Quanto do seu tráfego vem do celular?
O potencial de tráfego do seu site de usuários móveis depende de vários fatores, incluindo seu objetivo de negócio (sites B2B atraem mais usuários de desktop, por exemplo) e a intenção de pesquisa que seu conteúdo aborda (os usuários preferem desktop para compras maiores, por exemplo).
Independentemente de onde esteja o seu objetivo de negócio e a intenção de pesquisa dos seus usuários, o futuro exigirá que você otimize a experiência do seu site para dispositivos móveis.
Mas como posso avaliar de onde os usuários estão acessando o meu site?
Uma das maneiras fáceis de ver qual porcentagem de seus usuários está em dispositivos móveis é acessar o Google Analytics 4 .
- Clique em Relatórios na coluna esquerda.
- Clique no ícone Insights no lado direito da tela.
- Role para baixo até Perguntas sugeridas e clique nela.
- Clique em Tecnologia .
- Clique em Modelo de dispositivo principal por usuários .
- Em seguida, clique na categoria Dispositivo principal por usuários em Resultados relacionados.
- O detalhamento da categoria Dispositivo principal corresponderá ao período selecionado na parte superior do GA4.
Você também pode configurar um relatório no Looker Studio .
- Adicione seu site à fonte de dados.
- Adicione a categoria Dispositivo ao campo Dimensão.
- Adicione usuários ativos há 30 dias ao campo Métrica.
- Clique em Gráfico para selecionar a visualização que funciona melhor para você.
Você pode adicionar mais dimensões para se aprofundar nos dados e ver quais páginas atraem quais tipos de usuários, qual é a combinação de dispositivos móveis para computadores por país, quais mecanismos de pesquisa enviam mais usuários mobile e muito mais.
Como verificar se o seu site é compatível com dispositivos móveis
Agora que você sabe como criar um relatório sobre o uso de dispositivos móveis e computadores, precisa descobrir se seu site está otimizado para esse tráfego.
Em dezembro de 2023, o Google removeu a ferramenta de teste de compatibilidade com dispositivos móveis do Google Search Console, mas ainda existem várias ferramentas úteis para avaliar seu site.
O Bing possui uma ferramenta de teste compatível com dispositivos móveis que analisa se:
- A viewport está configurada corretamente.
- O conteúdo da página se ajusta à largura do dispositivo.
- O texto na página é legível.
- Links e alvos de toque são suficientemente grandes e fáceis de tocar.
- Quaisquer outros problemas detectados.
A extensão Lighthouse Chrome do Google fornece uma avaliação do desempenho do seu site, incluindo tempo de carregamento, acessibilidade e SEO.
Para usar, instale a extensão Lighthouse Chrome.
- Acesse o seu site no seu navegador.
- Clique no ícone do farol laranja na barra de endereço do seu navegador.
- Clique em Gerar relatório .
- Uma nova guia será aberta e exibirá suas pontuações assim que a avaliação for concluída.
Outra opção que o Google oferece é a ferramenta PageSpeed Insights (PSI). Basta adicionar seu URL no campo e clicar em Analisar. O PSI integrará todas as pontuações do Core Web Vitals na visualização resultante para que você possa ver o que seus usuários estão enfrentando quando acessam seu site.
Ferramentas como WebPageTest.org exibirão graficamente os processos e tempos de carregamento de tudo o que for necessário para exibir suas páginas. Com essas informações, você pode ver quais processos bloqueiam o carregamento de suas páginas, quais demoram mais e como isso afeta o tempo geral.
Você também pode emular a experiência móvel usando as Ferramentas do desenvolvedor no Chrome, que permitem alternar entre uma experiência de desktop e uma experiência móvel.
Faça também o caminho do usuário, use seu próprio celular para carregar e navegar no seu site:
- Demora uma eternidade para carregar?
- Você consegue navegar em seu site para encontrar as informações mais importantes?
- É fácil adicionar algo ao carrinho?
- Você consegue ler o texto?
Como otimizar seu site para dispositivos móveis
Com todas essas ferramentas, escolha a que você mais se identifica e fique de olho nas pontuações de Desempenho e Acessibilidade, pois são elas que afetam diretamente os usuários móveis. Expanda cada seção do relatório PageSpeed Insights para ver quais elementos estão afetando sua pontuação.
Essas seções possuem detalhes e passo a passo para que os seus desenvolvedores saibam por onde iniciar a otimização do mobile de seu site.
Melhores práticas para otimização de dispositivos móveis
Ao contrário do SEO geral, que se concentra em garantir que você esteja focado no conteúdo buscado pelos seus clientes no que se refere à interseção de seus produtos/serviços e suas necessidades, a otimização para SEO mobile é mais voltada ao SEO técnico.
Isso não te isenta de focar no conteúdo de acordo com as necessidades do usuário, mas vai te exigir uma expertize ou contratação de desenvolvedor e designer para chegar no objetivo da otimização.
Alguns dos principais fatores de SEO para dispositivos móveis que não deve ignorar ao otimizar seu site:
Renderização de site
O “como” seu site responde a diferentes dispositivos é um dos elementos mais importantes no SEO móvel. As duas formas mais tradicionais para isso são design responsivo e serviço dinâmico.
O design responsivo é a mais comum das duas opções, e a que o Google recomenda.
Usando folhas de estilo em cascata (CSS) e layouts flexíveis do seu site, bem como redes de distribuição de conteúdo (CDN) responsivas e tipos de arquivos de imagem modernos, o design responsivo permite que seu site se ajuste a uma variedade de resoluções de tela.
Com o design responsivo, os elementos da página são ajustados em tamanho e localização com base no tamanho da tela do celular. Você pode redimensionar a janela do navegador do seu desktop e ver na prática a responsividade funcionar.
O design adaptativo , também conhecido como serviço dinâmico, consiste em vários layouts fixos que são servidos dinamicamente ao usuário com base em seu dispositivo.
Os sites podem ter um layout separado para usuários de desktops, smartphones e tablets. Cada design pode ser modificado para remover funcionalidades que podem não fazer sentido para determinados tipos de dispositivos.
Esta é uma técnica menos eficiente, mas dá aos sites mais controle sobre o que cada dispositivo vê.
Outras duas outras opções são:
- Progressive Web Apps (PWA) (integrados a um aplicativo móvel)
- Site/URL móvel separado (não é mais recomendado)
InInteraction to Next Paint (INP)
O Google introduziu o Interaction to Next Paint (INP) como uma métrica de experiência do usuário, substituindo o First Input Delay (FID).
Enquanto o FID mede o tempo desde a primeira interação de um usuário com a sua página (clicando em um link ou um botão) até o momento em que o navegador começa a processar essa interação, o INP amplia esse tempo medindo a resposta de um site durante toda a navegação na página, não apenas a primeira interação.
É importante entender que ações como passar o mouse e rolar não influenciam o INP, mas o processamento necessário para carregar conteúdo adicional ao rolar sim.
Qual é a pontuação ideal para INP?
- Um INP abaixo de 200ms indica boa capacidade de resposta.
- Entre 200ms e 500ms precisa de melhorias.
- Mais de 500 ms significa que a página tem baixa capacidade de resposta.
Problemas comuns que causam pontuações baixas no INP:
- Tarefas longas de JavaScript: a execução pesada de JavaScript pode bloquear o thread principal, atrasando a capacidade do navegador de responder às interações do usuário. Portanto, divida tarefas JS longas em partes menores usando a API do agendador .
- Tamanho grande de DOM (HTML): Um DOM grande (a partir de 1.500 elementos ) pode impactar severamente o desempenho interativo de um site. Cada elemento DOM adicional aumenta o trabalho necessário para renderizar páginas e responder às interações do usuário.
- Retornos de chamada de eventos ineficientes: manipuladores de eventos que executam operações demoradas ou complexas podem afetar significativamente as pontuações INP. Retornos de chamada mal otimizados associados às interações do usuário, como cliques, pressionamentos de teclas ou toques, podem bloquear o thread principal, atrasando a capacidade do navegador de renderizar feedback visual prontamente.
Você pode solucionar problemas de INP usando ferramentas gratuitas ou pagas. Para iniciar, recomendo verificar suas pontuações INP por localização geográfica pelo treo.sh. Essa ferramente te dará insights de alto nível onde você mais tem dificuldades.
Otimização de imagem
As imagens agregam muito valor ao conteúdo mas se não otimizadas podem afetar a experiência do usuário. Principamente quando falamos sobre experiência em dispositivos móveis. As imagens precisam se ajustar a telas menores, resoluções e orientações variadas.
Portanto:
- Use imagens responsivas
- Implemente o carregamento lento (lazy load)
- Compacte suas imagens (sugestão: WebP)
- Adicione suas imagens ao mapa do site (sitemap.xml)
Evite popups intersticiais intrusivos
O Google raramente usa linguagem concreta para afirmar que algo é um fator de classificação ou resultará em uma penalidade, e isso se aplica a essa regra.
Intersticiais intrusivos são popups em uma página que impedem o usuário de ver o conteúdo da página.
John Mueller, analista sênior de pesquisa do Google, afirmou que eles estão especificamente interessados na primeira interação que um usuário tem após clicar na sua página na SERP.
Nem todos os popups são considerados ruins. Os tipos de intersticiais considerados “intrusivos” pelo Google incluem:
- Popups que cobrem a maior parte ou todo o conteúdo da tela.
- Popups que não respondem ou que são impossíveis de serem fechados pelo celular.
- Popups que não são acionados por uma ação do usuário, como uma rolagem ou um clique.
Dados Estruturados
A maioria das dicas fornecidas aqui até agora são focadas em usabilidade e velocidade e têm um efeito aditivo, mas há mudanças que podem influenciar diretamente a forma como seu site aparece nos resultados de pesquisa para celular.
A SERP não é mais representada pelos “10 links azuis” em cada paginação há muito tempo.
Atualmente elas refletem a diversidade da intenção de pesquisa, mostrando uma variedade de seções diferentes para atender às necessidades dos usuários. Pacote local, anúncios de listagem de compras, conteúdo de vídeo e muito mais dominam essa experiência.
Como resultado, é mais importante do que nunca fornecer marcação de dados estruturados aos mecanismos de pesquisa para que eles possam exibir resultados aprimorados para os usuários. Adiciona-los ao seu site pode influenciar no desempenho do site em pesquisas locais e pesquisas relacionadas a produtos.
Estilo do conteúdo
Quando você pensa nos usuários e nas telas de seus dispositivos, você se vê influenciado pela forma de como escreve seu conteúdo. Em vez de parágrafos longos e detalhados, os usuários móveis preferem estilos de escrita concisos para leitura fácil.
O tamanho das fontes deve se ajustar à resolução da tela para evitar cansaço visual dos usuários e, se possível, permita um modo escuro em seu site para reduzir o cansaço visual.
O menu deve ser otimizado e abordar a intenção do pesquisador. Em vez de menus longos, cheios de links, mantenha a simplicidade.
Toque em alvos
Tão importante quanto o tamanho do texto, os pontos de toque nas suas páginas devem ser dimensionados e dispostos de forma adequada.
Os alvos de toque incluem elementos de navegação, links, campos de formulário e botões, como “Adicionar ao carrinho”. Os alvos menores que 48 pixels por 48 pixels e os alvos que se sobrepõem ou são sobrepostos por outros elementos da página são pontuados e alertados no relatório do Lighthouse .
Os alvos de toque são essenciais para a experiência do usuário, especialmente para sites de comércio eletrônico, portanto otimizá-los é um ponto estratégico para o sucesso do seu negócio online.
Priorizando as dicas desse guia
Se você adiou a compatibilidade do seu site com dispositivos móveis até agora, este guia pode parecer complicado. Como resultado, pode não saber o que priorizar primeiro. Assim como em tantas outras otimizações em SEO, é necessário entender quais mudanças terão maior impacto.
Pense no SEO como uma estrutura na qual os aspectos técnicos do seu site são a base do seu conteúdo. Sem uma base sólida, mesmo o melhor conteúdo pode ter dificuldade para ser classificado.
Inicie então em:
- Renderização responsiva ou dinâmica: se o seu site exige que o usuário aplique zoom e role para a direita ou esquerda para ler o conteúdo de suas páginas, este deve ser o primeiro da sua lista.
- Estilo de conteúdo: repense como seus usuários consumirão seu conteúdo. Evite parágrafos muito longos. “A brevidade é a alma da inteligência”, de Shakespeare.
- Otimização de imagem: comece a migrar suas imagens para formatos de última geração e otimize seu servidor para obter velocidade e capacidade de resposta.
- Tap Targets: um site que impede os usuários de navegar ou converter em vendas não permanecerá no mercado por muito tempo. Torne a navegação, links e os botões acessíveis e fáceis de entender.
- Dados estruturados: embora esse elemento seja o último em prioridade nesta lista, os resultados aprimorados podem melhorar suas chances de receber tráfego orgânico. Adicione-o à sua lista de tarefas depois de concluir as outras otimizações.
Resumo
Em How Search Works , “a missão do Google é organizar as informações do mundo e torná-las universalmente acessíveis e úteis”. Se a missão principal do Google é tornar todas as informações do mundo acessíveis e úteis, então você sabe que eles preferirão apresentar sites que se alinhem com essa visão.
Como uma porcentagem crescente de usuários utilizando dispositivos móveis para navegação, a pergunta que te deixo aqui é: você está perdendo tráfego mobile devido a uma experiência móvel ruim?
Se você deseja crescer no SEO, faça desse guia detalhado uma prioridade agora.
Texto traduzido e adaptado de Search Engine Journal.
