Desde julho de 2019, o Mobile First Index já é o padrão para novos domínios no ranking do Google.

O Google anunciou no início de 2020 que o "Mobile First Index" será aplicado a todas as páginas da web até o início de 2021. Isso significa que a partir de então, apenas as páginas da web otimizadas para uso mobile aparecerão no topo da lista de resultados da pesquisa. O design responsivo torna-se assim um forte fator de classificação. Suas páginas da web podem ter um ótimo conteúdo, mas se não estiverem no design responsivo ou concebidas como uma versão mobile, elas sofrerão por não aproveitar todo o potencial de tráfego, independentemente de seus usuários serem principalmente usuários de desktop.

Nos últimos anos, o Google tem aumentado fatores como a velocidade da página, a otimização mobile e a confiabilidade como fatores de classificação para a listagem nos resultados de busca do Google. O Google indicou em maio de 2020 que em 2021, a Experiência de Página reunirá sete fatores diferentes formando uma imagem holística da qualidade da experiência em um site.

Os sete seis principais fatores para a experiência do usuário e da página

  • Velocidade de carregamento
  • Interatividade (até fevereiro de 2024), Responsividade (a partir de março de 2024)
  • Estabilidade visual (mudanças cumulativas no layout)
  • Otimização para mobile
  • Navegação segura: sem malware, sem spoofing de marcas, ... (desativado como fator de classificação novamente desde 2021)
  • HTTPS: Criptografia via certificado SSL
  • Sem interstitials intrusivos (banners em tela cheia)
Visão geral das métricas principais da web.

Carregamento significa a velocidade do site, quão rápido o conteúdo principal é exibido para o seu usuário. O Google considera que tempos de até 2,5 segundos são um bom valor a ser perseguido pelos operadores de sites para seus usuários.

Interatividade no sentido do Primeiro Atraso da Interatividade significa quando uma página realmente responde quando um usuário interage com ela ... seja rolando ou clicando em um botão. É a velocidade de resposta do site às interações do usuário. Esse período deve ser o mais curto possível e um bom valor é de até 100 ms para o Google. A métrica FID será substituída por "Interagir até o Próximo Paint" (INP) a partir de março de 2024. Semelhante ao FID, o INP trata da capacidade de resposta dos sites. Quanto mais rápido um site reage após a interação do usuário, melhor. O INP mede a latência dos sites ao longo de todo o período de visita. Todas as interações dos usuários são consideradas.

Talvez você tenha experimentado isso ao trabalhar online com documentos muito longos. Se um script no aplicativo online Google Docs tiver muitas centenas de páginas de conteúdo, pode haver atrasos ou tremidos. Eu, como professor de marketing, criei um script com mais de 500 páginas. Durante a escrita em meu navegador, notei pequenas interrupções, uma vez que aparentemente estava tendo dificuldade em carregar suavemente as páginas ricas em recursos, incluindo muitos arquivos de imagem. Isso não necessariamente parou meu trabalho, mas representou uma distração reativa na utilização. Outro exemplo é quando sites com muitas imagens mostram atrasos ao rolar (aqui o exemplo 4eck-media.de). É exatamente sobre a interatividade dos sites, garantindo uma experiência do usuário positiva.

Mudanças Cumulativas no Layout (CLS) ocorrem quando o seu site carrega de forma assíncrona e um usuário, por exemplo, já está lendo uma seção mais abaixo, enquanto uma imagem ou anúncio com um grande tamanho de arquivo ainda está carregando no topo e, devido à colocação final, o layout salta para baixo. Isso pode ocorrer, por exemplo, quando uma imagem inserida na parte superior não foi otimizada e talvez tenha 10 MB. Ela carrega lentamente em conexões de internet mais lentas e o usuário já passou por ela enquanto rolava para baixo.

Você também pode identificar que a performance está baixa pela distribuição dos tempos de resposta em uma ferramenta de SEO como o Seobility. Se esses tempos não forem bons o suficiente, você deve trabalhar na performance e utilizar ferramentas adicionais como o GTMetrix e o Google PageSpeed.

O PageSpeed pode ser testado aqui - dois ferramentas recomendadas:
https://gtmetrix.com/ (ajuste a localização do servidor para Londres!)
https://pagespeed.web.dev/ (especialmente recomendado pela abordagem separada para mobile e desktop)

Aqui está uma visão geral da avaliação móvel do TutKit.com para o PageSpeed e a indicação se as Core Web Vitals passaram ou não:

PageSpeed Insights do TutKit.com.

A velocidade do site e a velocidade de resposta dependem de muitos fatores, como desempenho do servidor, qualidade do código, tamanhos de arquivo de imagem, ícones como SVG em vez de PNG, etc. Portanto, faz sentido seguir inicialmente as recomendações do GTMetrix e do PageSpeed Insight para alcançar melhorias globais, caso as métricas ainda não estejam boas.

Para imagens em formatos web modernos (WEBP/AVIF), você pode usar uma ferramenta como https://squoosh.app/. Isso é especialmente vantajoso se você quiser converter manualmente apenas algumas imagens. Caso contrário, você também pode converter seus arquivos JPG ou PNG no servidor ou no CMS. Quando atualizamos o TutKit.com com formatos de imagem modernos, mais de 14.000 arquivos JPG existentes foram convertidos para AVIF e WEBP em uma única vez. O AVIF, por ter uma melhor taxa de compressão com qualidade, é exibido por padrão no navegador. Se um navegador mais antigo não suportar o AVIF, o WEBP será exibido como alternativa. Fizemos o mesmo para nosso site de agência 4eck-media.de também.

O Google também fornece como resultado o valor resumido para os novos Core Web Vitals para a Experiência da Página. Na Google Search Console, você também tem a oportunidade de obter uma associação com as páginas individuais do seu site. Isso ajuda na análise para identificar e corrigir um problema em suas páginas.

Núcleo de Estatísticas em Tempo Real na Consola de Pesquisa do Google

A amigabilidade móvel de um site pode ser testada com uma ferramenta como Lambda-Test.

Principalmente para desenvolvedores, às vezes é importante ser capaz de entender como um layout reage a um dispositivo específico, por exemplo, quando um cliente relata um problema com um modelo mais antigo de iPhone. Em Chrome = F12, é possível ativar diretamente diferentes dispositivos, que então representam a resolução.

Para a otimização móvel, também é importante que os usuários consigam visualizar o conteúdo facilmente em um smartphone, sem necessidade de ampliar!

Navegação Segura significa que seu site não distribui malware e, além disso, você também segue as regras, ou seja, por exemplo, não utiliza logotipos de marcas que não tem permissão para usar, ou finge produtos de marcas que não estão em seu portfólio. Isso também inclui que, por exemplo, um botão de play para reproduzir um vídeo realmente reproduza um vídeo e não execute um download para o usuário. Especialmente o ponto de malware é o maior risco para muitos sites na Navegação Segura, que só pode ser limitado por atualizações constantes do CMS e dos plugins utilizados. Se o seu site não necessariamente precisa de um formulário de contato, é uma consideração a se fazer para evitar, porque os campos do formulário são uma porta de entrada para hackers ou hacks automatizados, como SQL injection, Cross-site Scripting, códigos hexadecimais, etc. Em agosto de 2021, o Google voltou atrás e afirmou que a Navegação Segura não seria mais considerada como fator de classificação, já que muitos donos de sites não têm culpa de hacking. No PageSpeed Insights e Lighthouse, você verá uma recomendação sobre a Navegação Segura na análise, portanto, é de se considerar que o tema ainda não está totalmente descartado em termos de SEO:

PageSpeed Insights Safe Browsing

Inspeções de velocidade de página Navegação segura

HTTPS é padrão hoje. Cada página deve ter um certificado SSL. Há também um risco de advertência para os operadores de sites que não possuem um: https://t3n.de/news/dsgvo-abmahnung-ssl-fehlt-1091180/

Especialmente durante uma troca de servidor ou relançamento, é importante pensar nas redirecionamentos de http para https. Boa coisa saber que há até uma ferramenta de teste para isso: https://www.seobility.net/de/redirectcheck/

É especialmente importante neste contexto garantir que as imagens que foram colocadas antes da atribuição de um certificado SSL também sejam ajustadas no código de http para https. Caso contrário, o navegador indicará que o site não é seguro. Isso é (ou foi no passado) especialmente o caso em sites WordPress - ou seja, no CMS mais utilizado de todos.

Faça uma pesquisa rápida no Google para verificar se ainda existem páginas http indexadas. Você pode fazer isso com a seguinte entrada na barra de pesquisa: site:domínio inurl:http

Substitua domínio pelo seu domínio. Enter.

  • site: Filtra os resultados que estão contidos apenas no domínio especificado.
  • -inurl: Filtra os resultados de páginas cuja URL contém http.

O último ponto no gráfico é a Renúncia aos intersticiais intrusivos, ou seja, banners em tela inteira que raramente fazem os corações dos seus usuários baterem mais forte. Eles só promovem frustração e assim geram emoções negativas e uma saída rápida.

Banner intersticial de tela cheia

A Experiência da Página é especialmente importante para evitar frustrar os usuários com tempos de carregamento lentos, não amigáveis para dispositivos móveis ou outros fatores. Assim, contribui para a conversão no comportamento desejado. Não se pode afirmar imediatamente que uma excelente Experiência de Página tornará o site o vencedor absoluto do ranking, pois o conteúdo de um site e outros sinais dos usuários também desempenham um papel na classificação. Porém, se as páginas estão igualmente bem posicionadas em termos de conteúdo, uma melhor Experiência de Página pode se tornar o "decisor" e posicionar o site com melhores valores nos Core Web Vitals em uma posição mais alta.

A maioria dos fatores do Google para amigabilidade móvel e uma alta Experiência do Usuário e da Página são resolvidos principalmente pelos seus desenvolvedores ou pela sua agência de gestão. Como profissional de marketing, é importante saber quais métricas são usadas para medir a Experiência da Página e quais ferramentas podem ser utilizadas para isso. Se sua agência for encarregada da otimização, garanta diretamente no contrato que o trabalho depende de resultados de medição muito bons para a aceitação do serviço.