Começou! Em 2021 o novo relatório do Google Core Web Vitals já começa a impactar os rankings de SEO e do posicionamento de conteúdo na primeira página do Google.
O Core Web Vitals é um conjunto de métricas pelo Google para medir velocidade, capacidade de resposta e estabilidade da página em um site. Dessa forma, esse conjunto de métricas se foca principalmente, na experiência do usuário em uma página.
O Core Web Vitals vem para somar a um conjunto de métricas já existentes no Google, chamadas de ‘Sinais de experiência de página’. Veja abaixo:
Fonte: https://developers.google.com/search/blog/2020/05/evaluating-page-experience
Vamos entender então, cada uma das três métricas do Core Web Vitals e saber como adaptar seu site comum.
Métricas do Core Web Vitals:
Fonte: https://web.dev/vitals/
Maior Contentful Paint (LCP): ela mede a renderização da maior imagem ou bloco de texto visível na página, marca o ponto linha do tempo de carregamento da página, no qual o conteúdo principal da página é carregada.
Para um bom LCP, o maior conteúdo da página deve carregar em até 2,5 segundos após o início do carregamento da página.
First Input Delay (FID): ela mede a resposta da página a uma interação do usuário, por exemplo, clique em um botão ou em um controle de base de JavaScript, até o momento em que a página responde a essa ação. Não é entregar a ação para o usuário imediatamente, é o tempo que leva para começar a responder a essa ação.
O FID ideal de uma página é de 100 milissegundos ou menos.
Cumulative Layout Shift (CLS): ela mede a estabilidade da página e a frequência com que os usuários experimentam mudanças inesperadas de layout. Por exemplo, elementos que tremem ou piscam, botões que mudam de lugar e geram cliques equivocados.
Para os editores essa métrica é central e pode afetar profundamente a monetização, já que cliquem equivocados em anúncios podem ser classificados como tráfego inválido.
Uma boa pontuação de CLS é de 0,1 ou menos.
Como saber medir o Core Web Vitals no seu site?
Existem algumas ferramentas disponíveis para você poder medir o Core Web Vitals do seu site:
Page Speed Insights – mede todos os níveis da sua URL, incluindo dados de até 30 dias atrás, mostrando se a sua URL passa ou não, nas métricas exigidas.
Google Search Console – possui um relatório específico para o Core Web Vitals, dividido between mobile and desktop.
Chrome DevTools – pela DevTools você pode acessar o Lighthouse, onde você seleciona categorias e dispositivos para obter um relatório com todas as métricas do Core Web Vitals.
WebPageTest – pode ser usada para gerar um relatório completo das métricas do Core Web Vitals no seu site.
Extensões do Chrome: Core Web Vitals ou Web Vitals – ambas são completas que dão como métricas em tempo real.
Use e abuse de todas as ferramentas, mas esteja preparado de como estão como métricas do seu site, já que isso está afetando o posicionamento e a preferência que um SERP’s dá para cada conteúdo.
Como melhorar as métricas do seu site
Essa nova etapa que começa agora é muito importante para um novo método de ranqueamento dos sites na web. Mas também é importante lembrar que nem mesmo o site do próprio Google tem um score de 100% no Core Web Vitals, então sem desespero, você pode trabalhar no seu site e ir se adaptando.
LCP – se você tem um site cheio de imagens e scripts de terceiros, mesmo que sejam do YouTube ou do Google Analytics, por exemplo, essa métrica será afetada.
Da forma mesma, se você tem um site que está cheio de imagens de alta resolução, páginas longas demais, pode ser um desafio bater essa métrica.
Mas você pode trabalhar para reduzir os scripts caso seu site está falhando e também usar plug-ins para compactar das imagens. Se você usa o Wordpress, é legal reduzir também o número de plugins usados, retirando os desnecessários.
Outra coisa que pode te ajudar, implementar seriamente Lazy Loading e testar para ver se a métrica volta ao verde. Com Lazy Carregando uma página carrega a medida que o usuário avança e não precisa carregar toda de uma vez.
Vale também consultar seu hosting do site, veja se ele é rápido o suficiente ou se você precisa mudar.
FID – quando você usar algumas das ferramentas que citamos acima, para ver essas métricas no seu site como, por exemplo a DevTools, ela vai te oferecer um relatório que mostra todos os scripts e tarefas que estão tomando muito tempo para começar a responder e você vai ter a oportunidade de remover ou modificar esses scripts para melhorar o tempo de resposta de seu site como ações do usuário.
CLS – Você pode evitar mudanças inesperadas de layout seguindo alguns princípios de orientação:
- Sempre inclua atributos de tamanho em suas imagens e elementos de vídeo, ou reserve o espaço necessário com algo como caixas de proporção de aspecto CSS. Essa abordagem garantia que o navegador pode alocar a quantidade correta de espaço no documento, enquanto a imagem está sendo carregada.
Observe que você também pode usar uma política de recursos de mídia dimensionada para forçar esse comportamento em navegadores que oferecem suporte a política de recursos.
- Nunca conteúdo acima insira do conteúdo existente, exceto em resposta a uma interação do usuário, isso garante que todas as mudanças de layout sejam esperadas pelo usuário.
- Prefira animações de transformação em lugar de animações de propriedades, que aciona mudanças de layout. Anime como transições de uma forma que forneça contexto e continuidade de um estado para outro.
Para concluir
Trabalhar na estrutura do seu site e na monetização em simultâneo, pode ser pesado e tomar muito do seu tempo. Deixe o PubGuru te ajudar na monetização, para que você tenha mais tempo de se dedicar ao Core Web Vitals e ao seu conteúdo.
Temos ferramentas fantásticas para te oferecer aumento de receita e uma equipe de otimização de anúncios experiente e pronta para levar seu negócio ao nível. Venha experimentar o PubGuru.
