O Google tem transformado progressivamente fatores como PageSpeed, otimização para dispositivos móveis e confiabilidade em fatores positivos para a classificação nos resultados de pesquisa do Google. Em maio de 2020, o Google anunciou que iria agrupar certas medidas de experiência da página como Sinais de Experiência da Página e em maio de 2021 os Sinais de Experiência da Página foram lançados como um novo fator de classificação para websites, combinando vários fatores para criar uma imagem holística da qualidade da experiência de um site.

Entre os sete seis principais fatores para a Experiência do Usuário e Experiência da Página estão:

• Velocidade de carregamento
• Interatividade (FID - até fevereiro de 2024), Interação com a próxima Pintura (INP - desde março de 2024)
• Estabilidade visual (mudanças de layout cumulativas)
• Otimização para dispositivos móveis
• Navegação segura: sem malware, sem falsificação de marcas, …
• HTTPS: criptografia via certificado SSL
• Sem intersticiais invasivos (banners em tela cheia)

Velocidade de carregamento nos Core Web Vitals

O termo loading refere-se à velocidade do site, o quão rapidamente o conteúdo principal é construído para o seu usuário. O Google estabelece até 2,5 segundos como um bom tempo que os operadores de sites devem visar para seus usuários.

Interatividade e responsividade nos Core Web Vitals

A interatividade no contexto do First Input Delay (FID - Primeira Atraso de Entrada) significa quando uma página realmente responde quando um usuário tenta interagir com ela ... seja rolando ou clicando em um botão. Portanto, é 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 para o Google é de até 100 ms. Desde março de 2024, a métrica foi substituída pela Interaction to Next Paint (INP - Interação com a Próxima Pintura). A INP mede a capacidade abrangente de resposta de um site às interações do usuário, monitorando o atraso de todos os cliques do mouse, pressionamentos de teclas e entradas de teclado que ocorrem durante toda a visita de um usuário a uma página. O valor final de INP corresponde à interação mais longa observada, excluindo valores discrepantes. A latência é definida como o intervalo de tempo entre uma ação do usuário e a aparição de uma reação visível a ela.

O script para meu tutorial de marketing digital, criado na aplicação online Google Docs, possui mais de 600 páginas. Em capítulos posteriores, notei pequenas travadas ao escrever no meu navegador, pois ele claramente tinha dificuldades em carregar suavemente as centenas de páginas ricas em recursos, incluindo muitos arquivos de imagem. Um evento que não necessariamente me impediu de trabalhar, mas representou uma perturbação reativa na experiência de uso. Assim, criei um novo documento onde o capítulo foi desenvolvido para depois copiá-lo no grande script. É exatamente isso que a interatividade dos sites se trata, de proporcionar uma experiência positiva em várias facetas. Ou seja, trata-se de responder a determinadas interações de rolagem, cliques, gestos e também a suavidade nas animações.

Mudanças de Layout Cumulativas nos Core Web Vitals

Mudanças de Layout Cumulativas, ou CLS (Cumulative Layout Shift), ocorrem quando seu site carrega de forma assíncrona e um usuário, por exemplo, já está lendo uma seção inferior enquanto uma imagem ou anúncio com um grande tamanho de arquivo ainda está carregando acima e, devido ao posicionamento final, o layout dá um salto para baixo. Muitas vezes é o fator que leva à falha dos Core Web Vitals, mesmo que seu site carregue rapidamente.

Testando a velocidade da página com ferramentas online

A velocidade da página pode ser testada aqui:
https://pagespeed.web.dev/
https://gtmetrix.com/

Alternativamente, o Lighthouse nas funcionalidades de desenvolvedor do seu navegador Chrome também pode ser utilizado. Basta pressionar F12 e, em seguida, no menu à direita, você encontrará o Lighthouse, através do qual pode testar o site atualmente aberto.

A velocidade do site e a velocidade de resposta dependem de muitos fatores, como desempenho do servidor, qualidade do código, o que é carregado quando, tamanhos de arquivos de imagem, ícones em SVG em vez de PNG, etc. Portanto, é aconselhável seguir as recomendações do GTMetrix e do PageSpeed Insight inicialmente, a fim de obter melhorias globais, se os valores ainda não estiverem bons.

O Google fornece como resultado um valor resumido para os novos Core Web Vitals para a Experiência da Página. Além disso, na Google Search Console, você também tem a possibilidade de obter uma associação às páginas individuais do seu site. Isso ajuda na análise e na identificação e correção de problemas em suas páginas.

A otimização para dispositivos móveis em termos de Experiência de Página

A otimização para dispositivos móveis de um site também pode ser testada usando as DevTools do seu navegador Chrome com a Toggle Device Toolbar (Ctrl + Shift + M).

Principalmente para os desenvolvedores, às vezes é importante poder compreender como um layout reage em um determinado dispositivo, por exemplo, quando um cliente relata um problema com um modelo mais antigo de iPhone. No Chrome = F12, você pode ativar diretamente diferentes dispositivos que mostrarão a resolução. Existem também ferramentas profissionais que realizam testes abrangentes, como o serviço Lambda-Test.

A otimização para dispositivos móveis também envolve permitir que os usuários acessem o conteúdo de forma confortável em um smartphone, sem precisar fazer zoom! Isso também significa que conteúdos que são visíveis em um computador desktop grande não precisam necessariamente ser visíveis em um smartphone. Um smartphone possui diferentes mecanismos de interação (móveis), como o toque em vez do clique. Isso é significativo especialmente para os elementos de hover populares em sites, que não funcionam dessa forma em smartphones. 

Igualmente, o smartphone é frequentemente hoje em dia o ponto de partida para uma pesquisa que talvez mais tarde seja continuada em outro dispositivo como o tablet ou o computador desktop. Portanto, trata-se do início de uma jornada do cliente mais longa através de vários dispositivos, razão pela qual a experiência do usuário também deve considerar a utilização cross-device.

Um exemplo da utilização cross-device da minha própria experiência: minha parceira e eu temos três filhos juntos. Estávamos recentemente em uma piscina coberta na casa de um amigo. Meu smartphone estava em uma espreguiçadeira perto da área da piscina. Um pensamento passou pela minha cabeça, o que aconteceria se, por acidente ou por um dos filhos, o smartphone caísse na água. O smartphone já controla metade da minha vida. Mas o pensamento se tornou preocupante, pois também administro minha carteira de investimentos pelo smartphone. "100% móvel"... é o que Trade Republic, minha corretora online, anuncia. De repente, percebi que não teria nenhuma opção de backup em caso de perda do smartphone. Ficaria então sem acesso à minha carteira por várias horas ou até mesmo dias. Para quem tem algumas opções com alavancagem alta e gatilhos apertados em sua carteira ao longo do dia, pode-se imaginar que isso possa desencadear um pequeno pânico. Sendo assim, "100% móvel" se tornou uma desvantagem latente para mim, motivo pelo qual abri uma nova conta em outra corretora digital, onde posso negociar tanto via dispositivos móveis quanto via desktop. Entretanto, Trade Republic agora também tem uma versão para desktop - que bom!

Navegação segura no contexto da Experiência da Página

Navegação segura significa que seu site não distribui malware e também que você segue as regras, ou seja, por exemplo, não usa logotipos de marcas que não tem permissão para usar, ou finge ter produtos de marcas que não fazem parte do seu portfólio. Também inclui, por exemplo, que um botão de reprodução de vídeo deve de fato reproduzir um vídeo e não iniciar um download para o usuário. Especialmente o ponto do malware representa o maior risco para muitos sites em termos de navegação segura, o que só pode ser limitado por meio de atualizações constantes do CMS e dos plugins utilizados. Se o seu site não necessariamente precisa de um formulário de contato, pode ser uma consideração abrir mão dele, pois os campos de 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 reverteu sua posição anterior e declarou que a navegação segura não será mais considerada um fator de classificação. Esse movimento foi justificado pelo fato de que muitos proprietários de sites não podem ser responsabilizados por ataques. No entanto, nos relatórios do PageSpeed Insights e do Lighthouse, há uma recomendação para a navegação segura. Portanto, é possível presumir que o assunto ainda não está completamente encerrado no contexto do SEO.

Conexões seguras via HTTPS para uma ótima Experiência da Página

HTTPS é padrão nos dias de hoje. Cada página deve ter um certificado SSL. Especialmente na Alemanha, há risco de multa para os operadores de sites que não possuem um certificado SSL.

É importante neste contexto garantir que as imagens, que foram colocadas antes da atribuição de um certificado SSL, sejam ajustadas de http para https no código. Caso contrário, o navegador indicará que a página não é segura. Isso é especialmente verdadeiro para sites em WordPress, o CMS mais utilizado.

Evitar intersticiais

O último ponto no quadro é a evitação de intersticiais intrusivos, ou seja, banners em tela inteira que raramente fazem os corações dos seus usuários baterem mais forte. Eles apenas promovem frustração e, portanto, resultam em emoções negativas e uma saída rápida do site. Neste contexto, também deve-se refletir sobre banners de inscrição de newsletter que aparecem rapidamente. Além disso, os banners de cookies para saudar novos clientes são frustrantes. Se um usuário voltar rapidamente para os resultados de pesquisa ao se deparar com um desses banners, também será um sinal negativo para o Google.

Conclusão sobre os fatores da Experiência da Página

A adaptação aos fatores do Google para uma ótima Experiência do Usuário e da Página é, na maioria das vezes, algo a ser feito por seus desenvolvedores ou pela sua agência de marketing. É importante para você, como profissional de marketing, saber quais métricas são utilizadas para medir a Experiência da Página e quais ferramentas você pode usar para isso. Se a sua agência for responsável pela otimização, certifique-se de incluir cláusulas no contrato que garantam resultados muito bons para a aceitação do trabalho. E esteja absolutamente ciente de que desde maio de 2021, a Experiência da Página realmente influencia ativamente a pesquisa e a classificação de sites no Google. As mudanças de classificação também serão percebidas por seus concorrentes, que, caso tenham caído nos resultados de pesquisa, terão ajustado seus sites aos novos requisitos.

Se você deseja aparecer entre os primeiros resultados nas pesquisas do Google com a sua presença online, não pode ignorar a Experiência da Página. E, por fim, você deve considerá-la não apenas por motivos de SEO, mas também como parte da experiência da marca, a fim de guiar seus clientes-alvo de maneira mais fácil em direção ao comportamento desejado.

Quais são os outros elementos que melhoram a experiência do usuário do seu público-alvo em particular no seu site? Basicamente, são todos os pontos de contato nos quais seu usuário cruza ao longo da sua jornada como cliente em direção à conversão desejada. Saiba mais sobre isso nos próximos capítulos desta série de ajuda.