A importância do Core Web Vitals para seu site

Com o Core Web Vitals, o Google descreveu uma série de figuras-chave que se destinam a apoiar os operadores de sites a fornecer aos usuários uma melhor experiência do usuário. Ao mesmo tempo, os dados também desempenharão um papel na classificação no futuro – explicamos para que você deve estar preparado.

A experiência mostra que ao gigante Google não falta autoconfiança, e a terminologia também irradia isso: “Core Web Vitals” é o que o mecanismo de busca chama de figuras-chave: sinais vitais essenciais para a web ou “métricas essenciais para site com vida saudável ”- dados de medição essenciais para um site saudável.

Os números visam dar aos operadores de sites uma impressão de quão agradável é o uso de seus sites para os usuários – e porque o Google dá grande importância a esta experiência do usuário e como um critério para a qualidade e satisfação dos usuários do site, o Core Web Vitals será gradualmente incluído no ranking de resultados do mecanismo de pesquisa de junho a cerca de agosto de 2021 .

Quais figuras-chave pertencem ao Core Web Vitals?

Os números-chave são integrados ao contexto que o Google chama de “sinais para a facilidade de uso das páginas” – é classificado positivamente quando uma página da web é rápida e segura e o usuário é o mais irritante possível .

Fora do Core Web Vitals, os seguintes critérios em particular pertencem a este, os dois primeiros dos quais devem ser tomados como garantidos para sites B2B por outras razões também:

• Navegação segura : o site não contém nenhum conteúdo nocivo ou fraudulento.
• HTTPS : o site é disponibilizado via HTTPS.
• Otimização para dispositivos móveis : O site não só fica aceitável em smartphones e tablets, mas também pode ser usado sem problemas.
• Sem intersticiais irritantes : a página fica imediatamente acessível ao usuário, não há sobreposições estranhas que cubram o conteúdo real. (As exceções são, por exemplo, banners de cookies .)

O Core Web Vitals concentra-se em três figuras-chave centrais, que são registradas separadamente para dispositivos móveis e computadores desktop :

1. Largest Contentful Paint (LCP)
   O tempo desde a chamada do URL até o momento em que o maior elemento de conteúdo visível na janela exibida é completamente carregado e pode ser visto – normalmente uma imagem, um vídeo ou um elemento de texto maior. Um valor de 2,5 segundos ou menos deve ser almejado para o LCP.
2. Atraso na primeira entrada (FID) : o tempo decorrido desde a primeira interação do usuário até o navegador reagir a essa interação. O FID deve ser inferior a 100 ms (ou seja, 0,1 segundos).
3. Mudança cumulativa de layout (CLS) : este valor definido de forma um tanto inespecífica descreve quanto os elementos individuais do layout da página mudam sem que isso seja previsível ou acionado pelo usuário. Isso significa, por exemplo, mudanças que surgem com a recarga de elementos de design individuais (como imagens) para os quais nenhum espaço foi reservado anteriormente. Isso é usado para medir o incômodo potencial entre os usuários (“Aborrecimento do usuário”). O Google descreve o próprio CLS como um valor “entre zero e qualquer número positivo”, que deve ser inferior a 0,1, se possível. Claro, não é possível determinar um ponto objetivo aqui, exceto talvez este: todos os elementos de design devem aparecer exatamente onde permanecerão depois.

Como os índices são avaliados?

Se os valores no Core Web Vitals são classificados como bons, medíocres (ou otimização necessária) ou ruins (ou lentos), pode ser visto nesta tabela, que o próprio Google fornece nas explicações dos Core Web Vitals :

Os valores medidos de status são classificados com base nos seguintes valores limite:

	Boa	Otimização necessária	Devagar
LCP	<= 2,5 s	<= 4 s	> 4 s
FID	<= 100 ms	<= 300 ms	> 300 ms
CLS	<= 0,1	<= 0,25	> 0,25

Uma página da web é então avaliada globalmente em termos de seu status vital de acordo com o pior status para o tipo de dispositivo (dispositivo móvel ou desktop). Portanto, para obter uma classificação realmente boa no Core Web Vitals, é importante buscar bons resultados em todos os três valores medidos para ambos os tipos de dispositivos.

O Core Web Vitals não é um conceito fundamentalmente novo

Ao mesmo tempo, nem pânico nem grande excitação são apropriados. Porque, mesmo que os principais valores vitais da Web não sejam os mesmos valores medidos em detalhes que foram medidos no Google Page Speed ​​Insights por muito tempo (então haveria, por exemplo, Tempo para o primeiro byte, Primeira pintura com conteúdo, Tempo de interação e tempo de carregamento da página) – a mensagem básica de que uma página deve carregar rapidamente e ser construída de forma confiável para reagir rapidamente às interações já foi transmitida com os parâmetros “antigos”.

Na verdade, com o Core Web Vitals, o Google também pretende torná-lo mais fácil para os operadores do site: em vez de uma infinidade de sinais diferentes, às vezes muito fragmentados e possivelmente confusos, três parâmetros centrais estão agora destacados para orientação. Isso torna mais fácil fazer um primeiro inventário básico porque alguns critérios claramente definidos são usados ​​para a análise.

A otimização, claro, ainda é uma tarefa complexa que deveria ser realizada por especialistas – mas falaremos mais sobre isso mais tarde.

A experiência da página em foco

Com o foco nos três valores do Core Web Vitals, o mecanismo de busca fortalece seu conceito de “sinais para a facilidade de uso das páginas”. Todos os valores e critérios descritos acima são incorporados a este aspecto do algoritmo de classificação:

O Core Web Vitals pode, portanto, ser o ponto de partida para uma análise completa a fim de avançar a otimização OnPage como uma parte importante de uma estratégia holística de SEO .

Além disso, não deve haver mal-entendidos: a experiência da página não é a experiência do usuário . Em vez disso, a experiência da página, como o Google a descreve, descreve (apenas) aspectos parciais da experiência do usuário , que em sua totalidade claramente vai além desses aspectos tecnicamente mensuráveis ​​e, além dos aspectos estéticos e de design, também inclui problemas de conteúdo e arquitetura de informações.

De onde vêm os dados do Core Web Vitals?

O Google agrega os dados do Relatório de experiência do usuário do Chrome ou relatório CrUX (uma relação com as Horcruxes do universo Harry Potter é negada) – ou seja, eles são baseados nos valores reais que os usuários: dentro (na medida em que ela concorda teve) ao visitar as páginas com o navegador Chrome e que foram então transmitidas anonimamente ao Google.

No entanto, isso também significa que os dados (“dados de campo”) para sites de pequenos nichos podem não ser confiáveis ​​porque apenas alguns usuários os visitaram. Para pequenos sites, portanto, pode fazer mais sentido usar “dados de laboratório”, ou seja, os dados que são criados como um instantâneo pelos fornecedores relevantes.

Onde posso encontrar os Core Web Vitals do meu site?

Posicionar o dedo sobre os sinais vitais de seu site, medir figurativamente seu pulso, pressão arterial e saturação de oxigênio de suas páginas, não é particularmente difícil. O Google os integra de forma consistente em suas várias ofertas ou está continuamente os expandindo.

Os lugares mais próximos para encontrar o Core Web Vitals incluem o Google Search Console, o Page Speed ​​Insights e as Ferramentas do desenvolvedor no navegador Chrome do Google.

Google Search Console

No Google Search Console , os Core Web Vitals podem ser encontrados no menu à esquerda sob o item “Facilidade de uso” como um item separado; Na área “Comportamento das páginas”, todos os “sinais para a facilidade de uso de uma página” também são compilados em uma visão geral, que em um exemplo não tão bom se parece com isto:

Page Speed ​​Insights

No Page Speed ​​Insights , que você pode acessar para qualquer página da web, você obterá diferentes informações sobre a velocidade da respectiva página. Os três Core Web Vitals, a pintura com maior conteúdo (LCP), o atraso na primeira entrada (FID) e o deslocamento cumulativo de layout (CLS) também podem ser encontrados entre os quatro primeiros valores medidos que são exibidos lá.

Nas informações detalhadas sobre os dados individuais, muitas vezes há sugestões relativamente específicas de como as deficiências observadas podem ser melhoradas ou corrigidas.

Farol nas ferramentas do desenvolvedor do Chrome

Você pode descobrir facilmente os dados no Core Web Vitals de um Lighthouse Report que pode ser criado nas ferramentas de desenvolvimento do navegador Chrome. Lighthouse é uma ferramenta de código aberto desenvolvida pelo Google que usa os dados do relatório CrUX para compilar um relatório sobre vários aspectos da experiência da página descrita acima.

No Chrome, as ferramentas do desenvolvedor podem ser acessadas com relativa facilidade por meio do menu “Mais ferramentas” e, em seguida, “Ferramentas do desenvolvedor”:

Em seguida, você deve selecionar o item “Farol” no menu superior das ferramentas.

Agora você tem a opção de usar “Gerar relatório” para solicitar as informações da página atualmente aberta no navegador. Os Core Web Vitals estão incluídos na categoria “Desempenho”, portanto, esta deve ser selecionada.

No Lighthouse Report, apenas dois dos três valores do Core Web Vitals podem ser encontrados no momento com Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS), mas isso provavelmente será ajustado em breve.

O Lighthouse Report – você pode ver nas imagens – também oferece mais informações valiosas nas áreas de acessibilidade, conteúdo e estrutura e OnPage SEO em geral.

O que posso fazer especificamente para melhorar o Core Web Vitals?

Nas várias plataformas em que os Core Web Vitals são disponibilizados, o Google, conforme já descrito acima para o Page Speed ​​Insights, às vezes faz sugestões muito específicas sobre quais mudanças seriam possíveis.

No entanto, diferentes medidas são óbvias para os diferentes valores medidos dos Core Web Vitals e devem ser resumidas aqui:

1. LCP: Otimizando o maior conteúdo de tinta
   Há uma série de medidas possíveis que podem ser atribuídas à área de SEO técnica de diferentes maneiras : Encurtar os tempos de carregamento (por exemplo, usando a tecnologia de cache e redes de distribuição de conteúdo), simplificar e consolidar o código (muitas vezes são particularmente CSS e informações JavaScript) foram colocados em arquivos separados, imagens adequadas para a adaptação da Web e medidas semelhantes.
2. FID: otimizar o primeiro atraso de entrada
   Os pontos fracos aqui podem ser devidos a um servidor muito lento ou ao fato de que um código JavaScript muito ou muito complexo é usado na página.
3. CLS: Optimize Cumulative Layout Shift
   Aqui, todos os elementos de design importantes, especialmente imagens e vídeos, devem receber atributos de tamanho. Isso significa que não há mudanças no design, especialmente para os elementos que são carregados apenas gradualmente. Sobreposições e outros efeitos devem ser evitados de qualquer maneira.

Quais medidas específicas fazem sentido para o seu site dificilmente podem ser respondidas com uma olhada apenas no Core Web Vitals. Em vez disso, especialistas com conhecimento detalhado das respectivas tecnologias e do seu site devem desenvolver um conceito de como as melhorias podem ser implementadas de forma sistemática e, acima de tudo, de forma sustentável, ou seja, também eficazes a longo prazo.

Sempre haverá “ganhos rápidos”, etapas que podem ser implementadas de forma rápida e fácil e que também trazem melhorias rápidas. Outras medidas naturalmente demoram um pouco mais ou têm consequências mais complexas.

Conclusão

O Core Web Vitals não reescreve completamente as regras para bons sites, mas concentra muitos sinais diferentes em alguns valores medidos centrais. Como tal, são uma ajuda para os operadores dos sites, especialmente quando se trata de avaliar o enquadramento técnico da sua oferta online.

A introdução do Vitals, portanto, não é motivo de pânico – em vez disso, um aumento no conhecimento: “Somente um site bem feito e utilizável pode ser um site realmente bem-sucedido.”