Core Web Vitals: O Que São e Como Afetam Seu Ranqueamento

Em 2021, o Google oficializou algo que muitos já suspeitavam: a experiência do usuário é um fator direto de ranqueamento. Os Core Web Vitals são as métricas que o Google usa para medir essa experiência — e sites que não atendem os limites recomendados perdem posições, independentemente da qualidade do conteúdo.

Neste guia você vai entender o que são os Core Web Vitals, como cada métrica afeta o SEO do seu site e quais são as ações mais eficientes para melhorar os números sem precisar reescrever todo o código.

O Que São Core Web Vitals?

Core Web Vitals (CWV) são um conjunto de métricas definidas pelo Google para mensurar a qualidade da experiência do usuário em três dimensões: velocidade de carregamento, interatividade e estabilidade visual. Cada dimensão tem uma métrica específica com limites claros de “bom”, “precisa melhorar” e “ruim”.

Desde 2021, os CWV fazem parte do Page Experience Signal do Google — o conjunto de fatores de experiência que influenciam o ranqueamento. Sites com CWV bons têm vantagem sobre concorrentes com conteúdo similar mas experiência inferior.

As 3 Métricas dos Core Web Vitals

1. LCP — Largest Contentful Paint (Velocidade de Carregamento)

O LCP mede quanto tempo leva para o maior elemento visível da página — geralmente uma imagem de destaque, um bloco de texto principal ou um vídeo — aparecer na tela do usuário após o início do carregamento.

• Bom: até 2,5 segundos
• Precisa melhorar: entre 2,5 e 4 segundos
• Ruim: acima de 4 segundos

O LCP é a métrica com maior impacto percebido pelo usuário — é o momento em que a página “parece carregada”. Um LCP lento é a principal causa de abandono antes da interação.

Principais causas de LCP lento e como corrigir:

• Imagens pesadas: use o formato WebP ou AVIF no lugar de JPEG/PNG. Comprima imagens antes do upload. Use o atributo loading="eager" na imagem principal acima da dobra e fetchpriority="high" para que o browser a priorize.
• Servidor lento (TTFB alto): o Time to First Byte alto significa que o servidor demora para responder. Trocar para um servidor mais rápido ou ativar cache de página resolve na maioria dos casos. Para WordPress, plugins como WP Rocket ou LiteSpeed Cache fazem isso.
• CSS e JavaScript bloqueando renderização: remova ou adie scripts que bloqueiam o carregamento do conteúdo principal. Use o atributo defer em scripts não críticos.

2. INP — Interaction to Next Paint (Interatividade)

O INP substituiu o FID (First Input Delay) em março de 2024. Ele mede a responsividade geral da página — quanto tempo a página leva para responder a qualquer interação do usuário (cliques, toques, digitação) durante toda a sessão, não apenas na primeira interação.

• Bom: até 200 milissegundos
• Precisa melhorar: entre 200 e 500 ms
• Ruim: acima de 500 ms

Um INP ruim é especialmente crítico em dispositivos móveis de entrada — onde o processador é menos potente e qualquer JavaScript pesado causa travamentos perceptíveis.

Como melhorar o INP:

• Reduza e adie JavaScript de terceiros (chat widgets, scripts de analytics pesados, pop-ups).
• Evite tarefas longas no thread principal — divida scripts pesados em partes menores usando a API scheduler.yield() ou setTimeout.
• Remova plugins desnecessários em WordPress — cada plugin adicionado pode contribuir com scripts que degradam o INP.

3. CLS — Cumulative Layout Shift (Estabilidade Visual)

O CLS mede a quantidade de deslocamento inesperado de elementos na página durante o carregamento. Sabe quando você está prestes a clicar em um botão e ele se move porque um anúncio carregou acima? Isso é layout shift — e é exatamente o que o Google penaliza.

• Bom: até 0,1
• Precisa melhorar: entre 0,1 e 0,25
• Ruim: acima de 0,25

Causas comuns de CLS alto e como resolver:

• Imagens sem dimensões declaradas: sempre defina os atributos width e height nas tags <img>. O browser reserva o espaço antes da imagem carregar e elimina o shift.
• Anúncios e embeds sem espaço reservado: elementos de tamanho variável (banners, iframes do YouTube) devem ter um espaço mínimo reservado via CSS antes de carregar.
• Fontes personalizadas causando FOUT: quando a fonte web substitui a fonte fallback, o texto pode se mover. Use font-display: swap com métricas de fallback ajustadas para minimizar o salto.

Como Medir os Core Web Vitals do Seu Site

O Google oferece ferramentas gratuitas para medir os CWV com dados reais e dados de laboratório:

• Google Search Console → Relatório de Experiência na Página: mostra os CWV com dados reais de usuários (campo) agrupados por URL. É a fonte mais importante porque usa os mesmos dados que o Google usa para ranquear.
• PageSpeed Insights: analisa uma URL específica e mostra tanto dados de campo (quando disponíveis) quanto dados de laboratório com diagnósticos detalhados de cada problema.
• Chrome DevTools → Lighthouse: ferramenta local para testes durante o desenvolvimento. Simula carregamento em conexões lentas e dispositivos móveis.
• Web Vitals Extension: extensão do Chrome que mostra os CWV em tempo real enquanto você navega nas páginas do seu site.

Importante: há diferença entre dados de laboratório (simulado) e dados de campo (usuários reais). O Google usa dados de campo para ranqueamento. Um site pode parecer rápido no PageSpeed Insights e ainda ter CWV ruins no Search Console se os usuários reais enfrentarem condições diferentes das simuladas.

Core Web Vitals no WordPress: As Ações de Maior Impacto

A maioria dos sites de empresas brasileiras roda WordPress. Nesse contexto, estas são as ações com maior retorno na melhoria dos CWV:

1. Plugin de cache de página: WP Rocket, LiteSpeed Cache ou W3 Total Cache reduzem o TTFB e melhoram o LCP com configuração simples. Impacto: alto.
2. CDN (Content Delivery Network): distribui arquivos estáticos (imagens, CSS, JS) por servidores próximos ao usuário. Cloudflare oferece plano gratuito com CDN eficiente para WordPress. Impacto: alto para usuários geograficamente distantes do servidor.
3. Compressão e conversão de imagens: plugin Imagify, ShortPixel ou Smush converte imagens para WebP automaticamente e comprime sem perda perceptível de qualidade. Impacto: muito alto para sites com imagens pesadas.
4. Hospedagem adequada: hospedagem compartilhada barata é a causa raiz de TTFB alto em muitos sites WordPress. Migrar para hospedagem gerenciada de WordPress (como Kinsta, WP Engine ou Cloudways) resolve o problema estruturalmente. Impacto: muito alto.
5. Remover plugins desnecessários: cada plugin instalado e ativo adiciona scripts. Faça uma auditoria e desative o que não é essencial. Impacto: médio a alto dependendo dos plugins.

Qual o Impacto Real dos Core Web Vitals no Ranqueamento?

O Google confirma que os CWV são um fator de ranqueamento, mas é um fator de desempate — não de dominância. Isso significa:

• Uma página com conteúdo excelente mas CWV ruins ainda pode ranquear acima de uma página com CWV perfeitos mas conteúdo fraco.
• Entre páginas de qualidade similar, os CWV podem ser o fator decisivo para qual aparece primeiro.
• CWV ruins impactam indiretamente o SEO mesmo além do ranking: taxas de rejeição altas, tempo de sessão baixo e menos conversões são sinais comportamentais negativos que o Google também observa.

Na prática, otimizar os Core Web Vitals é uma das poucas melhorias técnicas de SEO que tem impacto duplo: melhora o ranqueamento diretamente e melhora as conversões porque os usuários têm uma experiência melhor.

Para aprofundar na estratégia de SEO técnico como um todo, acesse o guia O que é SEO? Guia Completo ou conheça o serviço de SEO para sites da Focofy, que inclui auditoria técnica e otimização de Core Web Vitals.

Conclusão

Core Web Vitals não são métricas técnicas abstratas — são a tradução quantitativa da experiência que seu usuário tem ao acessar o site. LCP lento faz o visitante desistir antes de ver o conteúdo. INP alto faz o site parecer travado. CLS alto faz o usuário clicar no lugar errado por engano.

Melhorar os CWV é uma das otimizações com melhor relação custo-benefício em SEO: as ferramentas de diagnóstico são gratuitas, as correções mais impactantes (cache, compressão de imagem, CDN) são acessíveis mesmo para sites pequenos, e o resultado aparece tanto no ranqueamento quanto na experiência real dos visitantes.

Quer saber como estão os Core Web Vitals do seu site e o que priorizar para melhorar? Acesse o guia completo em SEO para Empresas ou fale com nossa equipe para um diagnóstico técnico gratuito.