Core Web Vitals: o que são e como melhorar no teu site

Core Web Vitals: o que são e como melhorar no teu site

Core Web Vitals explicados: LCP, INP e CLS, os limites que o Google considera bons e o que corrigir primeiro no teu site, com passos práticos para PMEs.

O teu site é lento para o Google? Os Core Web Vitals são três métricas que medem como um visitante real vive a tua página: quanto demora a aparecer o conteúdo principal (LCP), quanto demora a responder a um toque ou clique (INP) e se o layout salta enquanto carrega (CLS). Para a tua página ser considerada boa, o LCP deve ficar em 2,5 segundos ou menos, o INP em 200 milissegundos ou menos e o CLS em 0,1 ou menos.

O que são os Core Web Vitals

Os Core Web Vitals são o conjunto de métricas de experiência de página que o Google define e mede com dados de utilizadores reais de Chrome. Fazem parte dos sinais de experiência de página, que contam para a pesquisa, mas não substituem a relevância do conteúdo. Uma página lenta com a melhor resposta pode continuar a aparecer. Uma página rápida com conteúdo fraco não passa a aparecer só por ser rápida.

Isto é importante para teres expectativas certas: melhorar estas métricas não garante subir de posição. Reduz o atrito para quem chega, e isso costuma ajudar também a taxa de rejeição e a taxa de conversão.

As três métricas e os limites que contam

O Google avalia cada métrica no percentil 75 das visitas: para passar, pelo menos 75% das visitas à página têm de ficar dentro do limite.

MétricaO que medeBomFraco
LCP (Largest Contentful Paint)Tempo até aparecer o maior elemento visível, normalmente uma imagem ou um títuloaté 2,5 sacima de 4 s
INP (Interaction to Next Paint)Tempo de resposta às interações ao longo da visitaaté 200 msacima de 500 ms
CLS (Cumulative Layout Shift)Quanto o conteúdo se desloca sem o utilizador quereraté 0,1acima de 0,25

O INP substituiu o antigo FID em março de 2024. Se leres guias anteriores que falam de FID, estão desatualizados nesse ponto.

Dados de campo e dados de laboratório

Esta é a confusão mais comum. Há duas fontes e dão números diferentes:

• Dados de campo: medidos em visitas reais, durante cerca de 28 dias. É o que o Google usa para avaliar o site. Aparecem no relatório de Core Web Vitals do Google Search Console, desde que a página tenha tráfego suficiente. • Dados de laboratório: uma simulação feita na hora, com um telemóvel e uma rede definidos. É o que o Lighthouse faz. Serve para encontrar a causa de um problema e para testar uma correção sem esperar semanas.

Se o teu site tem pouco tráfego, o Search Console pode não mostrar dados de campo. Nesse caso, o laboratório é o que tens, e é um bom ponto de partida. Para ler as notas, vê o guia sobre o Lighthouse e os seus resultados e o de PageSpeed.

Como melhorar cada métrica

Como melhorar o LCP?

Primeiro identifica qual é o elemento do LCP. Quase sempre é a imagem de topo ou o título grande. Depois:

• Comprime a imagem e serve-a em formato moderno (WebP ou AVIF), com as dimensões em que é mostrada. • Não uses carregamento diferido (lazy loading) na imagem principal, só nas que ficam mais abaixo. • Reduz o tempo de resposta do servidor: alojamento fraco ou sem cache atrasa tudo o resto. • Remove CSS e scripts que bloqueiam o desenho da página.

Como melhorar o INP?

O INP piora quando o navegador está ocupado com JavaScript e não consegue reagir ao clique. As causas típicas são plugins a mais, widgets de chat, pixéis de rastreio e carrosséis pesados. Remove o que não usas, carrega scripts de terceiros só quando são precisos e evita tarefas longas no arranque da página.

Como melhorar o CLS?

O CLS sobe quando algo ocupa espaço depois de a página já estar desenhada. Define sempre largura e altura nas imagens e vídeos, reserva espaço para anúncios e banners de cookies e carrega os tipos de letra de forma a não mudarem o texto de tamanho a meio.

Por onde começar numa PME

Não tentes arranjar tudo. Segue esta ordem:

  1. Abre o relatório de Core Web Vitals no Search Console e vê se há grupos de URLs marcados como "precisam de melhorias" ou "fracos".
  2. Escolhe o tipo de página que mais importa, por exemplo a página inicial ou as fichas de produto, e corrige o problema que se repete nesse modelo.
  3. Testa em modo telemóvel, porque é onde os limites são mais difíceis de cumprir.
  4. Espera pelas semanas de dados de campo antes de concluir se a correção funcionou.

Se tens uma loja, o impacto é maior nas páginas de categoria e produto. Vê também o guia de SEO para lojas online e a lista de SEO técnico. Com a Black Friday a 27 de novembro, convém rever o tempo de carregamento antes de enviar tráfego pago para o site, e não depois.

Como o Rankly resolve isto

O Rankly não corrige o código do teu site por ti e não mede dados de campo de utilizadores reais. O que faz é a parte de diagnóstico e prioridade:

• Corre auditorias com o Lighthouse a sério, em telemóvel e em computador, com notas de desempenho, acessibilidade, boas práticas, SEO e leitura por agentes. • Aponta o elemento exato a corrigir, por exemplo a imagem que está a atrasar o LCP, para não andares à procura. • Liga ao Search Console para veres a indexação página a página, e verifica os sitemaps do site.

Os planos custam, sem IVA, 39 EUR por mês (Essencial), 89 (Negócio), 179 (Crescimento) e 349 (Agência). Pagando ao ano, tens dois meses de desconto. Há uma experiência gratuita de 3 dias, sem cartão, com as funcionalidades do plano Negócio.

Comparação das opções

OpçãoMais forte emLimite
Teste manual no navegadorGrátis, bom para uma páginaNão dá visão de todo o site nem acompanhamento
Search ConsoleDados de campo reais usados pelo GoogleDiz o que está mau, não o elemento a corrigir
RanklyAuditoria Lighthouse com correção exata, junto de SEO e conteúdoDados de laboratório, não de campo

Se só tens um site pequeno e algum à-vontade técnico, o Search Console e um teste manual podem bastar. O Rankly faz mais sentido quando queres repetir auditorias em várias páginas e juntar isso ao resto do trabalho de SEO.

Perguntas Frequentes

Os Core Web Vitals influenciam mesmo o posicionamento no Google?

Sim, mas como um sinal entre muitos. A relevância do conteúdo e a intenção de pesquisa pesam mais. Ter bons valores ajuda a não perder visitantes e pode servir de desempate entre páginas parecidas, sem garantir posições.

Qual é a diferença entre Core Web Vitals e PageSpeed?

O PageSpeed Insights mostra duas coisas: dados de campo, que são os Core Web Vitals reais, e uma simulação do Lighthouse. A nota de 0 a 100 vem do laboratório e não é a que o Google usa para avaliar o site.

Quanto tempo demora a ver melhorias no Search Console?

O relatório usa uma janela de cerca de 28 dias de dados de campo. Depois de corrigires, o gráfico muda de forma gradual, por isso só tiras conclusões passadas algumas semanas.

Preciso de programador para melhorar os Core Web Vitals?

Nem sempre. Comprimir imagens, remover plugins e definir dimensões resolve muitos casos. Problemas de JavaScript pesado ou de servidor costumam precisar de ajuda técnica.

Experimenta no teu site

Se queres saber que elemento está a travar as tuas páginas, corre uma auditoria no Rankly com os 3 dias grátis, sem cartão: joinrankly.com/register.