Você sabe o que é Core Web Vitals? Se ainda não reconhece essas palavras, pode ter certeza de que vai ficar cansado de ouvi-las em breve. Core Web Vitals é um conjunto de métricas que o Google acaba de incorporar ao seu algoritmo.
A intenção é aumentar a fiscalização da experiência do usuário nos sites. Lembra-se de quando as páginas não otimizadas para mobile tiveram sua relevância reduzida no mecanismo de busca? Com o Core Web Vitals, a exigência ficou maior e mais elementos vão impactar o posicionamento do seu site. Agora é preciso ter um site veloz, de interatividade fluida e estabilidade visual.
Neste artigo, vou falar sobre as novas três métricas, como medi-las e como isso vai impactar seus resultados. Vamos lá?
Largest Contentful Paint (LCP)
A LCP mede o carregamento da página. Assim que você abre um site, o tempo começa a correr e, quando o maior elemento da primeira dobra puder ser visualizado por inteiro, ele para. Ou seja, quanto mais rápido você enxergar o elemento mais importante, melhor será a LCP.
Os elementos considerados nessa conta são imagens, vídeos e parágrafos de texto. Botões não contam, por exemplo. E o “tamanho” se refere à área medida em pixels.
Na página inicial da Supersonic, por exemplo, a imagem é o maior elemento, e demora 1,3 segundos para carregar.
O Google diz que um tempo menor de 2,5 segundos é ótimo. De 2,5 até 4, precisa melhorar, e acima de 4, seu site está em perigo.
First Input Delay (FID)
O FID é o tempo que o navegador leva para processar a primeira interação do usuário. Sabe quando você clica em um botão e ele demora a levar você aonde deve? E aí você clica novamente? O Google não quer que você passe por isso.
Dessa forma, o tempo começa a contar quando o usuário clica, toca ou pressiona alguma tecla e termina quando a interação começa a ser correspondida. Se ele der zoom ou rolar a página, isso não conta no FID.
Um tempo bom para o FID, segundo o Google, é até 100 milissegundos, entre 100 e 300 precisa de atenção e, acima disso, a atenção precisa vir com urgência.
Uma das bases para o sucesso do Gmail foi a rapidez da resposta às interações do usuário. Paul Buchheit, um dos principais programadores do produto, conta que Hotmail e Yahoo entregavam uma experiência “travada” porque, toda vez que o usuário solicitava uma ação, a página, criada em HTML, tinha que recarregar completamente.
Dessa forma, ele utilizou um código interativo inteiramente feito em Javascript. Isso fez com que o Gmail se parecesse com um software e não um site. Assim, porque a velocidade é uma prioridade, temos um produto que a maioria esmagadora das pessoas utiliza.
Veja como executar uma ação no Gmail é rápido.
Cumulative Layout Shift (CLS)
O terceiro dos Core Web Vitals é o CLS. Ele mede o impacto das mudanças de posição dos elementos de uma página. O objetivo é evitar que o usuário se confunda com uma “dança” de imagens e textos de forma não esperada.
Para medir esse impacto, o cálculo usa a distância que um elemento se movimentou na página e o espaço total que ocupou. A medida é entre 0 e 1 e, quanto mais perto de 1, pior a métrica está.
Veja como a página carregou e só depois as imagens apareceram.
Agora que você sabe quais são as Core Web Vitals, veja como otimizar esses indicadores.
Como otimizar as Core Web Vitals
O primeiro passo para otimizar essas métricas e evitar problemas de posicionamento e conversão (já que uma boa experiência é fundamental para converter visitantes em leads e vendas) é acompanhá-las. Você pode fazer isso pela extensão para Google Chrome das Core Web Vitals.
Para otimizar, não deixe de checar o já clássico Google PageSpeed Insights, que traz uma lista de ações para melhorar todas essas métricas.
E como as Core Web Vitals vão impactar seus resultados?
Desde junho de 2021, o Google começou a implementar as mudanças no algoritmo relacionadas às Core Web Vitals. Essa implementação será gradual, claro, mas o quanto antes você melhorar os problemas do seu site melhor.
Isso porque não é apenas o posicionamento que está em jogo. Se a sua interface tem o objetivo de converter (como a maioria), ela precisa entregar uma boa experiência ao usuário. Assim, mesmo que o SEO não estivesse sendo impactado por Core Web Vitals ruins até agora, suas vendas com certeza já estariam.
Por isso, aproveite a onda e comece a ajustar esses problemas desde já.
Agora, se você quer ir além e entender melhor outros indicadores da sua interface, que tal conferir nosso Checklist do Diagnóstico? Ele vai ajudar a entender com profundidade seus resultados e a encontrar insights de otimização.
De curioso a cliente
Um passo a passo eficiente para transformar seus visitantes em compradores
baixar e-book
