Principais Web Vitals do Google e o que você precisa fazer para evitar a perda de tráfego

Viu uma queda repentina no tráfego do site no ano passado? A atualização do Core Web Vitals do Google é o provável culpado.

Após a atualização do mecanismo de pesquisa no verão de 2021, muitos sites viram uma queda drástica no tráfego de pesquisa chegando ao site. Esse é o tráfego que eles não viram desde então, deixando os gerentes de marketing de mãos suadas lutando por ideias.

Soa familiar? Continue lendo se isso descreve sua experiência ou se você deseja proteger seu tráfego da Web de ser penalizado por futuras atualizações do Core Web Vitals (CWV).

Este artigo é baseado em um de nossos webinars populares. Veja o vídeo e baixe os slides:

Como a atualização do Core Web Vitals do Google mudou o jogo de SEO

Quando se trata de SEO, há muitas coisas que você não pode controlar. Você não pode controlar o Google. Você não pode controlar quem acessa seu site ou quais páginas eles acessam.

Mas você pode controlar a arquitetura, a engenharia e a velocidade do seu site.

O que são os Principais Web Vitais?

Os Core Web Vitals (CWVs) são a maneira do Google de medir o que o mecanismo de pesquisa considera importante sobre o desempenho do site, o que significa velocidade e capacidade de resposta. Existem três elementos:

1. Maior pintura de conteúdo (LCP) - Quanto tempo leva para uma página carregar? Geralmente medido em segundos ou, se seu site for excepcionalmente lento, em dezenas de segundos.
2. Atraso da primeira entrada (FID) - Quanto tempo leva para que o site responda a um clique ou interação do usuário? Geralmente medido em milissegundos.
3. Mudança de layout cumulativa (CLS) - Quanto o site muda durante o carregamento? Geralmente medido em segundos.

O Google mede esses elementos de duas maneiras. Dados de laboratório , onde você insere sua página da Web em um software ou uma ferramenta de teste (mais sobre isso posteriormente). E dados de campo , que são baseados em ações reais do usuário em seu site.

O Google não terá ou usará dados de campo para cada página, mas determinará o que está medindo com base no volume de tráfego. Quanto maior o volume, maior a probabilidade de haver dados de campo reais. E o Google pode agregar esses dados em todo o site. Essa agregação pode causar muito agravamento. Por quê? Se você tiver muitos visitantes de pessoas com pouca conectividade, como telefones celulares com conexões 3G ou lugares do mundo onde a fibra ainda não existe, esse tráfego pode distorcer os dados. Portanto, para o Google, seu site pode parecer lento, mesmo que para outros usuários seja bom e os dados de laboratório mostrem que você tem um site de alto desempenho.

Por que os CWVs são importantes?

Este é um exemplo de um site que foi atingido pela atualização do CWV e perdeu metade do tráfego em três meses. Ai. Esses dados são provenientes do Google Search Console (mais sobre isso posteriormente).

O Google penaliza sites lentos porque os usuários não gostam de sites lentos. O que o Google está tentando fazer com os CWVs é tornar a web mais centrada no usuário, o que é uma coisa boa. A experiência do usuário é importante quando você está vendendo coisas. As taxas de conversão caem para cada segundo adicional de tempo de carregamento em até cinco segundos e, em seguida, caem 4,42%. Resumindo, se o seu site está demorando seis segundos para carregar e o site do seu concorrente está demorando um segundo para carregar, eles verão uma taxa de conversão melhor do que você.

A atualização do Core Web Vitals simplesmente priorizou esses fatores quando se trata do jogo de SEO. Se você quiser continuar jogando, você tem que aceitar que as regras mudaram. Então, adapte-se.

Como medir os Core Web Vitals do seu site

Ver o problema é o primeiro passo para resolvê-lo. Infelizmente, não existe uma ferramenta que resolva todos os seus problemas para medir e otimizar CWVs.

O que você está tentando fazer é testar se modificar algo em seu site tem algum impacto no tráfego, certo? Então, você faz uma mudança, espera que os dados reais do usuário se acumulem ao longo de um mês ou dois (os dados do laboratório só podem prever até certo ponto) e, em seguida, espera que o Google perceba.

Você precisa ver o problema de diferentes perspectivas para obter uma visão completa. Isso significa várias ferramentas. Após muitas tentativas e erros, este é o kit de ferramentas que recomendamos:

1. Google Search Console

Google Search Console **** é uma ferramenta gratuita que você absolutamente deve usar se quiser dados reais sobre CWVs em todo o seu site. Quantas páginas estão pontuando bem? Quantos precisam de melhorias? Quantos estão pontuando mal? Verde, amarelo, vermelho. É o único lugar onde você pode obter o próprio relatório do Google neste nível.

Você pode pedir ao Google para revisar formalmente seu site clicando em "Revalidar" e o Google coletará ou revisará os dados de campo durante várias semanas. Dizem que demora até 28 dias.

Sim, você ouviu direito. Os dados demoram um mês para serem atualizados. Esse é um ciclo de feedback muito lento.

2. Clique

O Clickio fornece o que há de mais próximo de dados em tempo real no Core Web Vitals que você pode obter. Ele exige que você coloque um rastreador em seu site, o que, ironicamente, adiciona um pouco de peso à página, mas é útil o suficiente para valer a pena, desde que você aja de acordo com os dados que obtém dele.

Clickio lhe dará feedback sobre as mudanças ao longo do tempo. Qual é a Mudança de layout cumulativa em todas as páginas do nosso site veiculadas para dispositivos móveis em um determinado país no último mês? Qual é a porcentagem de usuários que estão obtendo uma maior exibição de conteúdo de mais de quatro segundos de nossas páginas de blog em dispositivos desktop neste trimestre? Você pode fatiar os dados de várias maneiras para obter as informações de que precisa.

Aviso de saúde: a ferramenta mostra a interpretação do Clickio dos dados do Google. NÃO está mostrando o que o Google vê. É o melhor indicador principal que encontramos para abordar possíveis problemas de CWVs sem ter que esperar meses para obter qualquer feedback e fornece uma boa quantidade de granularidade , como dados de país por país. Mas não são dados reais do Google. E sendo dados em tempo real , você precisa dar algum tempo para que dados significativos suficientes se acumulem antes de poder dizer com certeza se uma mudança que você fez funcionou ou não. Não é instantâneo, mas você também não precisa esperar um mês inteiro para atualizar.

3. Google Analytics

O Google Analytics coletará alguns pontos de dados representativos e fornecerá estatísticas de desempenho da página com base nisso, ao longo do tempo , para que você possa ver onde o tráfego diminui ou aumenta. Se você não tiver muitos visitantes, esses dados provavelmente não serão muito úteis para você, mas é uma boa maneira de rastrear essas informações ao longo do tempo e destacar páginas lentas que precisam de sua atenção.

4. Google Data Studio

O Google Data Studio mostra uma porcentagem de desempenho em seu site para cada um dos principais Web Vitals. Essencialmente, é um histórico de mudanças ao longo do tempo. Melhorias, de preferência.

Isso seria incrível se fosse em tempo real. Se você pudesse olhar para os últimos 28 dias em uma base contínua, trabalho feito, você saberia que o que você está fazendo está tendo um efeito. Infelizmente, o Google atualiza isso mensalmente em atraso no meio do mês subsequente. Esse é um ciclo de feedback ainda mais lento do que o Google Search Console. Portanto, é um instantâneo de dados retrospectivos. Útil para monitorar o progresso, mas lento.

5. Web.dev - Farol

Web.dev, um site de propriedade do Google, fornece uma ferramenta de código aberto chamada Lighthouse. Esta ferramenta fornece dados de laboratório em páginas individuais. Você insere um URL e ele informa acessibilidade de desempenho, melhores práticas, pontuação de SEO e assim por diante - você pode ver mais dados se clicar em 'Exibir mapa de árvore' no aplicativo.

Há alguma volatilidade nos dados, pois os dados podem mudar um pouco dependendo do seu navegador, hora do dia, cache ou outros tipos de 'tempo na internet'. No entanto, ainda é muito bom.

6. Web.dev - Insights do PageSpeed

O Google PageSpeed ​​Insights é onde você obterá dados de campo no nível da página. Novamente, você insere um URL e ele fornecerá os dados de campo para o LCP, CLS, FID e assim por diante. No entanto, você precisa de um certo volume de tráfego para uma página para obter dados de campo decentes.

7. GTmetrix

O GTmetrix desconstrói uma página da web e diz o tamanho de cada um dos arquivos, quantas coisas estão sendo carregadas, como é arquitetada e assim por diante. Essa é uma ótima ferramenta para desenvolvedores de páginas de controle de qualidade e verificam se eles não adicionaram um arquivo de imagem enorme ou um widget inchado que diminuirá o tempo de carregamento.

Sugerimos usar essa ferramenta e as ferramentas web.dev em conjunto para medir quais alterações funcionaram página por página.

8. Debug Bear

O DebugBear obtém uma lista de páginas e relatórios sobre o Core Web Vitals e algumas outras métricas. É útil como uma ferramenta de monitoramento de integridade em vez de uma ferramenta de diagnóstico. Você pode usá-lo para monitorar cerca de 20 páginas de 'canário na mina de carvão'. Portanto, se alguma atividade adicionar peso ao seu site, você poderá vê-la aqui.

Como otimizar seu site para melhorar o Core Web Vitals

Agora, vamos falar sobre quais atividades você pode fazer para melhorar o Core Web Vitals. Você obterá muitas informações das ferramentas acima sobre onde estão os problemas, então essas são apenas algumas das coisas que fizemos para nós mesmos e para os clientes, e que sabemos que tiveram impacto.

1. Rehospede seu site

Isso não é reconstruir ou redesenhar seu site. É apenas mover para outro lugar. Normalmente, vemos cerca de 30% de melhorias de desempenho para sites que migramos do WordPress para o HubSpot.

Se você está aderindo ao WordPress, mover seu site para uma empresa de hospedagem dedicada como o WP Engine, que realmente conhece o desempenho, pode fazer uma grande diferença.

Ao rehospedar seu site no HubSpot (ou WP Engine), você se beneficiará de:

• Cache - isso faz com que os sites carreguem mais rápido após a primeira visita. Um site WordPress genérico precisará de um plug-in de armazenamento em cache, mas o HubSpot o tem integrado.
• Rede de entrega de conteúdo (CDN), por exemplo, Akamai - isso entrega arquivos ao usuário de um servidor local, mesmo que seu site esteja hospedado em outro lugar.
• DNS CloudFlare - basicamente, isso ajuda a acelerar o lado do servidor de nomes de domínio das coisas.

2. Desligue o código de compartilhamento social do HubSpot

Se você já estiver em um HubSpot, a vitória mais rápida número um é desativar o código de compartilhamento social do HubSpot em seu blog. O HubSpot deixa esses botões ativados por padrão, irritantemente. Isso excluirá cerca de 450 kilobytes de código JavaScript de todas as páginas do seu blog.

Faça um instantâneo antes e depois da velocidade da página e do tempo de carregamento no GTmetrix e web.dev. É realmente satisfatório.

3. Compactar imagens

Quando você lançou seu site pela primeira vez, seus desenvolvedores podem ter evitado o uso de imagens enormes. Esperamos. E esperamos que eles tenham usado o carregamento lento para imagens, apenas como um princípio geral.

Mas mais tarde, profissionais de marketing bem-intencionados adicionarão imagens em destaque a blogs e páginas e de repente. Bam. Seu site é retardado por um arquivo de imagem de 40 MB que pode enfeitar a lateral de um jato jumbo.

Comprima imagens para <250 KB, idealmente <100 KB. Converta imagens para jpg ou use svgs sempre que possível. Tenha muito cuidado com logotipos, especialmente logotipos no rodapé, pois eles estão em todas as páginas do seu site.

Novamente, se você tiver o HubSpot, o Articulate criou uma ferramenta chamada Fizz+Ginger para compactar imagens em postagens de blogs e páginas de sites no HubSpot.

4. Evite incorporações

Esta é uma captura de tela de uma página em nosso site que tinha uma apresentação incorporada, um vídeo incorporado do YouTube, um pop-up, imagens e algumas mídias sociais ao vivo. Todas essas coisas somavam seis megabytes de apenas... coisas. Tirar o máximo possível fez com que a página carregasse muito mais rápido. Substituímos vídeos incorporados por miniaturas vinculadas, por exemplo.

5. Simplifique suas ferramentas de marketing

As ferramentas de marketing adicionam peso à página. Coisas como Hot Jar ou Lucky Orange que monitoram o uso da página ou chamadas para ações rastreadas ou o Gerenciador de tags do Google - ter essas ferramentas em seu site é útil, mas tem um custo. O custo é o desempenho. Então você tem que usá-los com moderação e criteriosamente.

6. Ligue o AMP

Existe um padrão do Google chamado páginas móveis aceleradas, ou AMP. Com o AMP, você obtém tempos de carregamento extremamente rápidos. Se um usuário clicar em um resultado de pesquisa em um navegador do Google, ele exibirá a versão AMP da página dos servidores do Google.

Mas, no processo, você perde o controle sobre quem atende a página e como ela é. Eles o retiram ao mínimo em termos de estilo. É uma troca.

7. Otimize seu código

Este é o longo e difícil trabalho de otimização de sites. Você não pode simplesmente ligar e jogar isso. Você precisa otimizar seu código. Para isso, você deve ter uma equipe de qualidade de desenvolvedores especialistas, que implementarão coisas como:

• Minimizando Javascript e CSS
• Carregamento atrasado de Javascript
• Carregamento lento por padrão
• Auto-AMPificação (por exemplo, não exibir imagens em destaque do blog em dispositivos móveis)
• Boas práticas de codificação dentro do pipeline de desenvolvimento
• Uso mínimo de plugins e código externo

A experiência do usuário é a métrica do site do futuro

Nos próximos anos, o Core Web Vitals só aumentará em importância. As empresas precisam adaptar seus sites para desempenho e experiência do usuário agora para evitar serem penalizadas na próxima grande atualização.

Claro, ficaríamos felizes em oferecer nossos serviços de SEO e desenvolvimento de sites para ajudá-lo a chegar onde você precisa ir. Aprendemos muito sobre o Core Web Vitals e incorporamos esse conhecimento em nossos processos, tornando nossos sites altamente otimizados e leves.

Entre em contato conosco para obter o site que seus usuários desejam que você tenha.