O que você deve saber sobre o Google Core Web Vitals
Publicados: 2021-05-08Você já ouviu falar sobre os novos Core Web Vitals do Google? Além dos quatro sinais de experiência de página existentes, os Core Web Vitals são cruciais para a melhor experiência possível do usuário (carregamento, interatividade e estabilidade visual). O Google começará gradualmente a lançar essas métricas em meados de junho e elas desempenharão um papel completo nas determinações de classificação até o final de agosto. Neste blog, examinaremos mais de perto cada um dos Core Web Vitals, como eles afetarão seu site, ferramentas para melhorá-los e muito mais.
Quais são os principais elementos vitais da Web do Google?
Os Core Web Vitals avaliam a experiência do usuário (em desktop e dispositivos móveis) em termos de velocidade e rapidez com que os visitantes podem interagir com uma página. Cada Core Web Vital “representa uma faceta distinta da experiência do usuário, é mensurável em campo e reflete a experiência do mundo real de um resultado crítico centrado no usuário”.
Em vez de se concentrar apenas em elementos de texto, os Core Web Vitals avaliam a qualidade da experiência geral do usuário (UX) em uma página. Existem três Principais Web Vitais:
- Maior pintura de conteúdo (LCP)
- Atraso da primeira entrada (FID)
- Mudança de layout cumulativa (CLS)
O LCP avalia o desempenho e o carregamento, a capacidade de resposta e interatividade do FID e a estabilidade visual do CLS. Os principais Web Vitals compõem a maior parte da sua pontuação de experiência da página do Google, que também inclui os seguintes sinais de pesquisa existentes:
- Compatível com dispositivos móveis
- Navegação segura
- HTTPS
- Sem intersticiais intrusivos
Analisaremos mais detalhadamente a pontuação de experiência da página mais adiante neste blog. Vamos começar investigando os detalhes de cada Core Web Vital.
Core Web Vital #1 :: A maior pintura de conteúdo (LCP)
A maior pintura de conteúdo (LCP) mede a rapidez com que o maior elemento de conteúdo em uma página é carregado. Normalmente, trata-se de um grande pedaço de texto, imagem ou vídeo em nível de bloco. Em vez de avaliar o tempo de carregamento da página inteira, o LCP examina quanto tempo leva para carregar uma página do ponto de vista do usuário, que é a métrica de velocidade de página mais importante de todas.
Um bom LCP tem menos de 2,5 segundos, o que significa que o maior elemento é exibido em 2,5 segundos após o início do carregamento da página. Otimizar seu LCP é importante porque tempos de carregamento mais longos comprovadamente têm um efeito negativo severo nas taxas de rejeição. Para melhorar seu tempo de LCP, considere:
- Removendo elementos de página grandes
- Atualizando seu host
- Implementando o carregamento lento
- Removendo scripts de terceiros desnecessários
Core Web Vital #2 :: Atraso da primeira entrada (FID)
First Input Delay (FID) mede a quantidade de tempo desde quando um usuário interage pela primeira vez com uma página até a resposta do navegador a essa interação. As interações do usuário incluem (mas não estão limitadas a) o seguinte:
- Selecionando um menu ou opção de navegação
- Clicar em um link ou botão
- Inserindo texto em um campo
- Abrindo um menu de acordeão no celular
O FID vai além da pontuação do PageSpeed porque mede o tempo que um usuário leva para concluir uma ação específica. Isso significa que requer dados de campo de usuários em tempo real e não pode ser gerado por meio de simulações de laboratório.
Um bom FID não deve ter mais de 100 milissegundos para fornecer uma ótima experiência ao usuário na web. Para melhorar seu tempo de FID, considere:
- Utilizando um cache do navegador
- Removendo scripts de terceiros não críticos
- Adiando (ou minimizando) JavaScript
Core Web Vital #3 :: Layout de Turno Cumulativo (CSL)
O layout de deslocamento cumulativo (CSL) calcula o número total de mudanças de layout que ocorrem quando uma página inteira é carregada. Em outras palavras, determina a rapidez com que uma página fica visualmente estável durante o processo de carregamento. A estabilidade da página durante o carregamento ajuda a garantir que os visitantes não cliquem em algo por engano ou precisem reaprender onde estão os links, botões e campos.
Um bom CSL é qualquer coisa menor que 0,1. Sua pontuação pode ser tão baixa quanto 0 e aumenta sempre que ocorrem layouts de mudança. Em outras palavras, uma pontuação mais alta significa que os elementos estão pulando muito enquanto sua página é carregada. Não há pontuação máxima, mas o Core Web Vitals pontua 0,25 ou mais como “Ruim”. Para melhorar sua pontuação CSL, considere:
- Adicionando elementos adicionais da interface do usuário abaixo da dobra
- Garantir que os elementos do anúncio tenham espaço reservado
- Definindo dimensões de atributo de tamanho para mídia
Como os principais Web Vitals se encaixam nos fatores de classificação do Google?
Os Core Web Vitals são um novo componente crucial de um conjunto de métricas conhecido como sinais de experiência de página. Eles avaliam a experiência geral do usuário na Web de uma página considerando os elementos não textuais mais importantes. Em outras palavras, eles consideram como os usuários percebem suas interações com uma página e quão útil essa página é para satisfazer sua consulta. Examinaremos os quatro sinais de experiência de página existentes abaixo.
1. Compatível com dispositivos móveis
Isso avalia como os sites são fáceis de navegar em dispositivos móveis. Isso inclui a acessibilidade de links e elementos na página, juntamente com a legibilidade do conteúdo. Cada parte de uma página deve ser tão funcional no celular quanto no desktop, que é a base do design responsivo.
2. Navegação Segura
A Navegação segura determina se um site tem problemas como conteúdo invadido, phishing e malware. Ele está focado em garantir que os visitantes possam navegar com segurança pelo que estão procurando.
3. HTTPS
Essa métrica avalia a segurança de um site e se ele está sendo veiculado por HTTPS de acordo com as recomendações de práticas recomendadas do Google.
4. Sem intersticiais intrusivos
Esse sinal garante que o conteúdo essencial da página não seja obstruído por intersticiais intrusivos (anúncios pop-up), promovendo uma experiência de navegação agradável.
Como são calculadas as pontuações do seu Core Web Vitals?
As pontuações do Core Web Vitals são calculadas usando o percentil 75 em uma janela de 28 dias. Em outras palavras, ele usa três de quatro visitas ao site (75%) para determinar se uma página atende à meta de cada Core Web Vital. Se uma página satisfizer as pontuações recomendadas para todas as três métricas, ela passará na avaliação do Core Web Vitals.
Como o Core Web Vitals afetará seu site?
Embora os Core Web Vitals sejam certamente importantes, é fundamental entender que o Google considera centenas de sinais exclusivos ao classificar as páginas da web. No entanto, os Core Web Vitals podem fazer uma diferença significativa para páginas que estão competindo por termos extremamente competitivos. Os Core Web Vitals evoluirão continuamente ao longo do tempo à medida que as expectativas do usuário mudam, por isso é crucial manter-se informado.
Como você pode melhorar suas pontuações do Core Web Vitals?
Existem muitas ferramentas gratuitas que você pode usar para analisar e melhorar suas pontuações no Core Web Vitals. Melhorar essas métricas pode ajudá-lo a superar seus concorrentes e ter uma classificação mais alta nas páginas de resultados do mecanismo de pesquisa do Google. Recomendamos as ferramentas a seguir para revisar suas pontuações no Core Web Vitals e descobrir oportunidades de melhoria.
Ferramenta nº 1 :: Relatório de Vitais da Web Principais do Google Search Console
Se você deseja melhorar suas pontuações no Core Web Vitals, comece com o Relatório de Core Web Vitals do Google Search Console. Localizado na seção "Aprimoramentos" da sua conta do Search Console, o relatório Core Web Vitals fornece uma visão geral do desempenho de todo o seu site.
O relatório Core Web Vitals usa dados de campo do Relatório de experiência do usuário do Chrome para agrupar URLs indexados por problema. Isso ocorre porque os problemas de UX em páginas semelhantes geralmente são causados pelo mesmo problema subjacente. Cada URL é pontuado como "Ruim", "Precisa de melhorias" ou "Bom".
Depois de identificar um problema, você pode corrigi-lo usando ferramentas como o Google PageSpeed Insights ou o Google Lighthouse. As duas seções a seguir examinam essas ferramentas com mais detalhes para ajudá-lo a otimizar para UX.
Ferramenta nº 2 :: Relatório do Google PageSpeed Insights
Seu relatório do Google Search Console Core Web Vitals é vinculado a um relatório correspondente no Google PageSpeed Insights, que é desenvolvido com simulações de laboratório do Lighthouse. O PageSpeed Insights mede os Core Web Vitals usando dados de laboratório e de campo. Concentre-se nas seções "Oportunidades" e "Diagnóstico" para identificar problemas em cada URL e otimizar efetivamente a velocidade do site.
Ferramenta nº 3 :: Farol do Google
O Google Lighthouse é uma ferramenta automatizada que executa auditorias em um URL e cria um relatório sobre o desempenho dessa página. O Lighthouse 6.0 inclui métricas de laboratório para Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS), tornando-o uma ferramenta inestimável ao avaliar os Core Web Vitals.
Tempo total de bloqueio (TBT)
A terceira nova métrica do Lighthouse 6.0 é o Total Blocking Time (TBT), que se correlaciona diretamente com o First Input Delay (FID). Simplificando, o TBT calcula o tempo total entre o LCP e o Time to Interactive (TTI). TTI é a quantidade de tempo desde que uma página começa a carregar até quando ela responde de forma confiável à interação do usuário.
Tempo para o primeiro byte (TTFB)
A seção "Oportunidades" do seu relatório do Lighthouse também inclui o Tempo até o primeiro byte (TTFB). Como o nome sugere, essa é a quantidade de tempo que um navegador leva para receber o primeiro byte do conteúdo da página.
Tempo para Interação (TTI)
Incluído na seção "Desempenho" do seu relatório do Lighthouse, o Tempo para Interação (TTI) mede quanto tempo leva para uma página se tornar totalmente interativa. O TTI trabalha junto com o TBT para identificar e diagnosticar problemas de interatividade que podem afetar negativamente seu FID. Como não é mensurável em campo ou centrada no usuário, o TTI não está incluído no Core Web Vitals.
Ferramenta nº 4 :: Relatório de experiência da página do Google Search Console
O Relatório de experiência de página combina seu relatório Core Web Vitals com os outros quatro sinais de experiência de página: Mobile Friendly, Safe Browsing, HTTPS e No Intrusive Intersticials. Aprofundar-se em cada componente do sinal de experiência de página pode ajudá-lo a descobrir novas oportunidades de melhoria, o que pode ser particularmente útil em situações de desempate.
Ferramenta nº 5 :: Relatório de experiência do usuário do Google Chrome (CrUX)
O Relatório de experiência do usuário do Chrome é um relatório público anônimo de dados de experiência do usuário de milhões de páginas da web. Ele mede dados de campo (em oposição a dados de laboratório) em todos os três Core Web Vitals e não leva em consideração simulações ou visitas do Googlebot. Ver o desempenho de suas páginas em campo é uma ótima maneira de identificar oportunidades valiosas de melhoria.
Ferramenta #6 :: Google Chrome DevTools
As DevTools do Google Chrome são integradas ao navegador Google Chrome e projetadas para ajudar você a diagnosticar e corrigir problemas que podem levar a um CSL alto. Eles também medem o TBT, o que é benéfico ao procurar melhorar seu FID.
Ferramenta #7 :: Extensão Google Chrome Web Vitals
Disponível no Chrome Web Score, a Web Vitals Extension mede todos os três Core Web Vitals em tempo real. Esses dados instantâneos sobre carregamento, interatividade e mudanças de layout ajudam a identificar oportunidades que podem fazer uma grande diferença.
Ferramenta #8 :: Ferramenta de Auditoria do Site Semrush
A Ferramenta de Auditoria do Site em sua conta Semrush relata uma variedade de dados que se correlacionam com o Core Web Vitals. Isso inclui métricas de velocidade de carregamento, protocolos de segurança HTTPS, erros de JavaScript e CSS, rastreabilidade e muito mais.
Faça parceria com a Tower Marketing para melhorar suas pontuações principais de Web Vitals
A melhor (e mais fácil) maneira de identificar e remediar os problemas do Core Web Vitals é trabalhar com uma agência como a Tower Marketing. Nossa experiente equipe de desenvolvedores da web e SEOs tem as ferramentas para levar seu site às recomendações do Core Web Vitals, e resolveremos quaisquer problemas à medida que surgirem.