Categorias

Quais são os principais sinais vitais da Web e são um fator de classificação?

Neste artigo, falaremos sobre o Core Web Vitals do Google, o que eles são, como verificar, o que fazer para melhorar sua pontuação, e se eles são um fator de classificação.

Quando se trata de classificar uma página, o Google tem afirmado repetidamente que eles dão importância a conteúdos relevantes e de alta qualidade. O Google quer proporcionar uma grande experiência aos visitantes de um site, fornecendo conteúdo relevante, e um site que funcione bem e não tenha nenhum problema uma vez que o visitante clica no site.

Em maio de 2020, o Google anunciado que eles estarão atualizando seu algoritmo com uma atualização de página de experiência. Durante este anúncio, eles introduziram o Core Web Vitals e como ele se tornará um fator de classificação, rolando em junho de 2021.

Mas primeiro, o que é a Page Experience? De acordo com o Google, experiência de página é um conjunto de sinais que medem como os usuários percebem a experiência de interagir com uma página web além de seu puro valor informativo. A experiência na página inclui os principais sinais vitais da web mais a facilidade de navegação móvel, navegação segura, segurança HTTPS e conformidade com as Diretrizes Intersticiais Intrusivas do Google, que são todos sinais de busca existentes.

O objetivo desta atualização era dar importância à experiência do usuário, proporcionando aos visitantes de um site uma experiência de página mais agradável e segura.

Neste artigo, falaremos sobre o Core Web Vitals do Google, o que eles são, como verificar, o que fazer para melhorar sua pontuação, e se eles são um fator de classificação.

moomba_core_web_vitals

O que são os principais sinais vitais da Web?

O Core Web Vitals é um conjunto de métricas de usuário do Google que mede a saúde de uma página, concentrando-se nos aspectos de velocidade de carregamento de conteúdo, interatividade e estabilidade visual. Essas métricas identificam problemas de experiência do usuário e fornecem uma perspectiva sobre diferentes elementos em uma página que precisa ser corrigida, a fim de proporcionar uma boa experiência para o usuário.

Há três métricas principais no que diz respeito aos principais sinais vitais da Web. Estes são:

- Maior Tinta Contenciosa (LCP)

A LCP (Largest Contentful Paint) mede o tempo de renderização do maior ou principal bloco de conteúdo visível para o visitante. Isto significa que este é o tempo que leva, desde o clique para visitar a página até ver a maior parte do conteúdo na tela. Isto mede apenas o conteúdo na tela visível e não abaixo da dobra, e pode incluir tanto a mídia quanto o texto.

LCP é diferente das outras medidas de velocidade de página como First Contentful Paint (quanto tempo o site carrega recursos suficientes para que um usuário possa ler o conteúdo da página) e Time to First Byte (velocidade na qual o navegador recebe o primeiro byte de informação do servidor web e começa a carregar).

A Maior Tinta Contenciosa mede o que realmente importa quando um visitante chega à página - ver o conteúdo.

As páginas são pontuadas individualmente e páginas diferentes podem ter LCPs diferentes. Aponte para um LCP abaixo de 2,5 segundos.

moomba_LCP

- Atraso na primeira entrada (FID)

O First Input Delay (FID) mede o tempo que leva para um usuário interagir com sua página e fazer algo, e para que o navegador responda a essa interação (responsividade).

Exemplos de interação do usuário com uma página incluem:

Clicando no item do menu ou na navegação

Clicando em um link

Preenchimento de um formulário

Abertura de um acordeão

Interações como rolagem e zoom não são contadas.

Apontar para um FID abaixo de 100 milissegundos. Note que o FID só está disponível em dados de campo, pois requer uma interação de um usuário. Para testes de laboratório, a métrica de Tempo Total de Bloqueio é usada porque está intimamente correlacionada com o FID.

moomba_FID

- Deslocamento Cumulativo de Layout (CLS)

O deslocamento cumulativo de layout (CLS) é a estabilidade visual da página enquanto ela é carregada. Isto significa que uma página que tenha elementos em movimento enquanto estiver carregando, terá um CLS elevado. Os elementos de uma página devem ser estáveis enquanto ela carrega o conteúdo. Por serem estáveis e não mudarem de posição, os usuários poderão saber onde links particulares, imagens, etc. estão localizados quando a página for carregada por completo.

O CLS mostra o nível de dificuldade que os usuários podem experimentar ao se envolverem com os elementos de uma página, uma vez que ela se render. A mudança de posições de links, imagens e textos pode confundir e frustrar os usuários, causando má experiência com a página.

Ao contrário das duas outras métricas, o CLS não é medido em segundos. CLS é uma pontuação que se baseia em fatores como a mudança de layout, fração de impacto e fração de distância, ao determinar a estabilidade visual de uma página.

Apontar para um CLS de 0,1 ou menos.

moomba_CLS

Esses são três dos principais Vitais Centrais da Web que o Google considera em seu Algoritmo de Experiência de Página.

Há também outros sinais vitais não essenciais a serem analisados, se você gostaria de entender mais e melhorar a forma como os usuários experimentam e interagem com sua página. Estes fatores são:

google_speed_insight

- Primeira Tinta Contenciosa (FCP)

A Primeira Tinta Contenciosa (FCP) mede o tempo desde quando uma página começa a ser carregada até quando o conteúdo de uma página é apresentado. Pode ser texto, imagem, elementos não brancos, e SVGs.

Ter um FCP rápido garante aos visitantes que a página está sendo carregada. Um FCP de 0 - 1,8 segundos é considerado bom, 1,8 - 3 segundos precisa ser melhorado, e 3 segundos ou mais é pobre.

- Tempo Total de Bloqueio (TBT)

O Tempo Total de Bloqueio (TBT) mede o tempo total entre a Primeira Tinta Contenciosa e o Tempo para Interatividade onde o fio principal foi bloqueado por tempo suficiente para evitar a resposta de entrada. A linha principal é bloqueada sempre que há uma tarefa que corre na linha principal por mais de 50ms. A rosca principal é "bloqueada" porque o navegador não pode interromper uma tarefa que está em andamento. Caso o usuário interaja com a página no meio de uma tarefa longa, o navegador deve esperar que a tarefa termine antes de poder responder.

O TBT é calculado tomando a soma da parte de bloqueio de todas as tarefas longas. Um TBT de 0-200ms é bom, 200-600ms precisa ser melhorado, e mais de 600ms é pobre.

- Índice de velocidade (SI)

O Índice de Velocidade (SI) mede o tempo médio que o conteúdo em seu site leva para ser exibido a um usuário. A medição é calculada usando uma análise quadro a quadro do comportamento de carga da página, contando a progressão visual capturada entre quadros a cada 100ms. A métrica identifica o JavaScript excessivo em uma página. Uma velocidade de 0 - 3,4 segundos é considerada boa, 3,4 - 5,8s precisa ser melhorada, enquanto mais de 5,8 segundos é fraca.

- Tempo para Interatividade (TTI)

O tempo de interação mede o tempo necessário para que o conteúdo da página se torne totalmente funcional e interativo. Para que a página seja interativa, ela precisa exibir conteúdo útil, ter a maioria dos elementos visíveis da página renderizados e ser capaz de responder às interações do usuário dentro de 50ms.

O TTI ajuda a identificar páginas com JavaScript desnecessário e é medido em segundos. Uma pontuação TTI de 0-3,8 segundos é boa, 3,8 - 7,3s precisa melhorar, e 7,3 segundos ou mais é pobre.

- Pontuação de desempenho da página

O Page Performance Score é uma métrica única que leva em consideração todas as métricas importantes dos usuários no Core Web Vitals. É uma pontuação agregada em visitas móveis e desktop que leva a média ponderada, a fim de fornecer uma única pontuação para entender as páginas que precisam ser examinadas de perto. Uma pontuação de 90 e acima é considerada boa, 50-90 precisa ser melhorada, e abaixo de 50 é fraca.

Essas são apenas algumas das métricas não essenciais da Web Vital que podem ajudá-lo a dar uma olhada mais de perto em seu site/páginas e seu desempenho.

Basicamente, a maior tinta de contenção, o atraso na primeira entrada e a mudança cumulativa de layout são as três principais métricas que o Google analisa quando se trata dos principais capitais da web e, por sua vez, a experiência da página.

happy_moomba_on_speed

Por que os principais sinais vitais da Web são importantes?

Além de o Google afirmar que o Core Web Vitals faz parte do Page Experience Update e que será um sinal de classificação, os visitantes preferem carregamento rápido e sites fáceis de usar, em qualquer dispositivo.

Além de ser classificado na pesquisa, proporcionar uma grande experiência de usuário também deve ser uma prioridade. Se seu site carrega mais de 3 segundos, os visitantes acabariam saltando e deixando seu site, o que se traduz em uma conversão perdida ou venda perdida.

Proporcionar uma grande experiência de usuário é uma situação em que todos ganham, em termos de busca vencedora e de ganhar visitantes/clientes/clientes.

Como verificar seus principais sinais vitais da Web?

Antes de prosseguirmos com a verificação dos principais sinais vitais da web para suas páginas, é importante discutir as duas fontes que o Google utiliza para reunir os dados para isso. As duas fontes são os dados de campo e os dados de laboratório.

Os Dados de Campo ou Métricas do Usuário Real (RUM) são coletados dos usuários no decorrer de um mês, com base no que eles experimentam ao visualizar seu site. É parte do relatório Chrome User Experience Report (CrUX). São dados reais de usuários Chrome que optaram por compartilhar suas estatísticas.

Os dados de laboratório, por outro lado, são gerados sob demanda com ferramentas de teste em seu navegador ou servidor, usando configurações que tentam aproximar o que os usuários veriam. Estes dados são coletados em um ambiente controlado, sem o envolvimento de usuários reais.

De acordo com o Google, para rankings de busca, os dados de campo são usados, pois é isso que os usuários experimentaram ao longo do tempo e isso torna os dados mais representativos de seu site, levando em conta onde os usuários estão localizados e como eles acessam seu site. Os dados também são divididos por móvel e desktop, e aplicados apropriadamente para pesquisa.

Inicialmente, o sinal de classificação da experiência da página aplica-se apenas à busca móvel. No entanto, ainda é melhor levar em conta também os dados para sua versão desktop, uma vez que isto poderia eventualmente se estender na pesquisa Desktop.

Agora que já temos isso coberto, vamos prosseguir com a verificação de seus capitais vitais vitais da Web.

O Google tem duas áreas principais onde você pode verificar seus principais capitais da web - em PageSpeed Insights e em Search Console.

PáginaSpeed Insights

pagepeed-insights-insights

PageSpeed Insights inclui um Core Web Vitals Field Data fornecido pelo Chrome User Experience Report (CrUX). Os dados mostrados são de usuários reais coletados ao longo de um período de 28 dias.

Além dos Dados de Campo do CrUX, PageSpeed Insights também mostram dados do Laboratório, Oportunidades ou sugestão que você pode fazer para ajudar sua página a carregar mais rapidamente, e Diagnósticos que fornecem mais informações sobre diferentes elementos que podem estar afetando suas métricas.

PageSpeed Insights também fornece uma pontuação de otimização geral calculada, entretanto, esta pontuação é baseada em dados de laboratório. A pontuação de 0-49 é pobre, 50-89 precisa ser melhorada e 90-100 é boa.

Há também alguns casos em que a PageSpeed Insight pode não fornecer dados de campo quando o CrUX não foi capaz de coletar dados de campo suficientes, mais comumente para sites menores.

Core Web Vitals Report In Search Console

sinais vitais centrais da web

O Console de Busca também inclui um Relatório de Sinais vitais da Web (Core Web Vitals Report) que é dividido em dois - um para Móvel e outro para Desktop. Os relatórios fornecem dados de campo do CrUX para suas páginas e seu desempenho.

Os relatórios são ótimos porque as urls são classificadas de acordo com o assunto que é visto na página. Isto ajuda a obter informações para todo o seu site, ao invés de apenas uma página de cada vez.

Também é útil para encontrar questões comuns em diferentes páginas. Observe que estas informações são baseadas em dados de campo, portanto nem todas as urls são refletidas, apenas aquelas que são comumente visitadas pelos usuários de seu site.

Depois de corrigir estes problemas, você também pode alertar o Google que corrigiu o problema clicando em "Validar correção". Observe que qualquer alteração que você fizer em seu site levará um mês para validar e refletir sobre os relatórios.

O Core Web Vitals Report in Search Console é a sua melhor maneira de rastrear as questões do Core Web Vitals para o seu site.

Como consertar as questões de capital principal da Web

moomba_fixing

Então você testou suas páginas e descobriu que falhou na avaliação de algumas Métricas dos Principais Sinais Visuais da Web? Aqui estão algumas Questões de Vitais Essenciais da Web, algumas razões potenciais para o problema, e como corrigi-las.

- Maiores Questões Contenciosas de Tinta

Atingir um LCP de menos de 2,5 segundos pode ser difícil para páginas grandes que têm muitas características, como imagens de alta resolução e outros meios de comunicação. Isto pode significar que você precisaria remover algumas imagens desnecessárias na página e/ou otimizar suas imagens, e limpar seu código. Com relação à otimização de imagens, temos um artigo sobre o uso de WebP e AVIF que você possa estar interessado.

Outras causas para um LCP elevado são o tempo de resposta lento do servidor, alguns CSS de renderização e Javascript, entre outros. PageSpeed relatórios de percepção de velocidade devem ser capazes de lhe dar mais detalhes sobre o que exatamente está causando a lentidão.

Aqui estão algumas outras coisas a fazer para ajudar a melhorar seu LCP:

o Remover scripts e plugins de terceiros que não sejam necessários.

o Atualize sua hospedagem.

o Considere o uso de um CDN.

o Configure o carregamento preguiçoso em suas páginas para que as imagens só sejam carregadas quando os usuários descerem a página onde se encontra a imagem.

o Remover elementos de páginas grandes ou otimizá-los.

o Otimize e Minimize, removendo caracteres desnecessários em seu código. Tente reduzir o número de arquivos JavaScript e CSS, agrupando-os, se possível.

o Pré-carregar imagens de heróis, pois estas são geralmente as mais significativas acima do elemento de dobra.

- Questões de atraso na primeira entrada

Após o FCP, a próxima métrica medida é o Primeiro Atraso de Entrada e a pergunta para isso é: os usuários são capazes de interagir com sua página? Esta pontuação e a interação na página realmente depende do tipo de conteúdo que você tem. Para páginas de blogs, a pontuação não é muito importante, pois os usuários só vão rolar e ler através da página. Não há interação real como clicar em um menu ou link, ou preencher um formulário, que é o que desencadeia a interação.

Entretanto, para páginas que têm uma interação, o FID é um grande negócio. É importante a rapidez com que um usuário pode clicar em uma parte da página ou o quão rápido ele pode começar a preencher um formulário, ou o quão rápido ele pode entrar no sistema.

Um problema comum para uma baixa pontuação FID é quando o fio principal de um navegador está ocupado analisando e executando código JavaScript. Um tópico principal ocupado não pode responder a uma interação.

Se você tem uma pontuação baixa no FID, aqui estão algumas coisas a fazer para melhorá-la:

o Minimizar ou adiar seu JavaScript.

o Minificar e comprimir arquivos CSS.

o Remover scripts desnecessários de terceiros, etiquetas de rastreamento e plugins.

o Use Web Workers - isto permite que você execute scripts em segundo plano sem afetar o fio condutor.

o Aproveite as informações do cache do seu navegador para que os navegadores se lembrem dos visitantes que voltam ao seu site e possam recarregar a página mais rapidamente. Isto, entretanto, é principalmente para visitantes repetidos e não se aplica a novos usuários.

- Questões de turnos de layout acumulados

O design e o UX são fatores importantes para uma boa experiência do usuário e os elementos de mudança podem confundir e frustrar os visitantes.

Mudanças no layout e elementos acontecem quando imagens, vídeos, anúncios ou outras mídias não têm uma dimensão definida, quando os recursos são carregados de forma assíncrona e quando novos elementos são adicionados dinamicamente a uma página, mudando o conteúdo que já foi carregado. 

Aqui estão algumas coisas a serem feitas para melhorar o CLS:

o Use uma dimensão de atributo definida para vídeos, imagens e outras mídias para que o navegador saiba quanto espaço cada elemento ocupa em uma página e não se ajuste conforme a página carrega.

o Tenha um espaço reservado ou específico para anúncios e evite inserir anúncios e pop-ups acima de outros conteúdos.

o Adicione elementos de IU abaixo da dobra para que não empurrem para baixo o conteúdo e as coisas fiquem onde deveriam estar.

o Otimizar a entrega da fonte.

Outras métricas vitais, causa dos problemas, e como resolvê-los

- Primeiras Questões Contenciosas de Tinta 

Uma causa comum para uma baixa pontuação do FCP é um alto tempo de resposta do servidor e alguns tornam os recursos de bloqueio. A eliminação de recursos de bloqueio de renderização, a remoção de CSS não utilizados, a mineração e o uso de um CDN podem corrigir problemas de FCP.

- Questões de Tempo Total de Bloqueio

A causa mais comum para um TBT baixo é o carregamento desnecessário, análise ou execução de JavaScript. Pode ser que o fio condutor esteja fazendo um trabalho desnecessário para carregar uma página.

Outra é a ineficiente declaração JavaScript. A redução da carga útil do JavaScript com divisão de código, a remoção do código não utilizado, o carregamento eficiente do JavaScript de terceiros e a refatoração de seu código podem ajudar a melhorar sua pontuação no TBT.

- Questões sobre o índice de velocidade

Qualquer coisa que impeça o carregamento rápido da página pode baixar sua pontuação SI, como o fio principal a ser bloqueado, e as outras causas mencionadas nas outras métricas. A melhoria do desempenho geral da página também melhorará a pontuação do Índice de Velocidade.

- Tempo para questões interativas

Assim como as questões do Índice de Velocidade mencionadas, as questões causadas nas outras métricas também aumentam a pontuação TTI, uma vez que é uma métrica que engloba essas outras métricas. A melhoria do desempenho geral da página também deve, por sua vez, melhorar a pontuação TTI.

Essas são as questões comuns que podem estar lhe dando uma pontuação baixa em sua avaliação do Core Web Vitals e algumas correções para ajudá-lo a resolvê-las.

A análise dos relatórios em PageSpeed Insight e o relatório Core Web Vitals em Search Console pode ajudá-lo a determinar os problemas e também fornecer correções que você pode fazer para ajudar a melhorar sua pontuação.

Algo que você também deve ter notado é que, as correções para as questões também resolvem os problemas encontrados nas outras métricas. Fazer uma melhoria é capaz de proporcionar melhorias em todas as outras métricas, também.

Tudo se resume realmente a remover ferramentas, scripts, elementos, CSS e JavaScript desnecessários de terceiros. Eu lhe chamaria - simplificando.

Os principais sinais vitais da Web são um fator de classificação?

Is_Core_Web_Vitals_A_Ranking_Factor

No anúncio de maio de 2020 feito pelo Google, eles disseram que os principais capitais da Web se tornarão um sinal de classificação. O lançamento começou em junho de 2021 e foi concluído em setembro de 2021. O Google deu tempo suficiente para que proprietários de sites e desenvolvedores web fizessem mudanças e correções em seu site para se prepararem para a atualização, com a expectativa de que seja um fator de ranking e que não tenha métricas ruins, enquanto que um site com métricas boas terá um impulso na classificação.

A questão permanece, porém, será que os sinais vitais da web são um fator de classificação? Será que ter uma pontuação alta lhe dará um impulso na classificação?

Segundo o Google, eles priorizam as páginas com as melhores informações, mesmo que alguns aspectos da experiência da página sejam sub-par. Uma boa experiência de página não se sobrepõe a um conteúdo grande e relevante. Isto significa que o conteúdo de qualidade ainda é o principal fator na classificação de uma página e que os principais sinais vitais da web, embora declarados como um sinal de classificação, não se sobrepõem ao conteúdo de qualidade. Eles dizem que se você estiver tentando classificar para um nicho onde a qualidade da informação é idêntica entre sites, então os principais sinais vitais da web podem fazer a diferença.

Algo mais que John Mueller afirmou é que os Sinais vitais vitais da Web são mais do que um fator de classificação aleatório. Ele também afeta a usabilidade do site quando as pessoas realmente visitam o site. De acordo com ele -

"Se você conseguir mais tráfego e sua taxa de conversão for baixa, esse tráfego não será tão útil quanto quando você tiver uma taxa de conversão mais alta (assumindo que UX/velocidade afeta sua taxa de conversão, o que normalmente acontece)".

Em uma sessão do Google AMA, ele também respondeu que fazendo melhorias a partir de uma pontuação de melhoria de necessidades para boas, você poderia ver melhorias em sua classificação. Entretanto, uma vez atingido o bom limite, você está em um ponto estável e a micro-optimização das coisas para um milissegundo não vai fazer com que seu site melhore sua classificação. Pode ter um efeito sobre o que os usuários vêem e você pode ver alguns efeitos positivos, mas quando se trata de pesquisa, você não verá nenhuma melhoria na classificação se for 5 milissegundos mais rápido do que seus concorrentes.

Apesar disso, há muitos profissionais e agências de SEO que prestam serviços de SEO e estão cobrando para melhorar a pontuação de um site, com o ponto de venda que é um fator de ranking que ajudaria a impulsionar uma página para cima.

Isto é o que levou nosso SEO líder na SIA, Clint Butler, a fazer um teste nos Vitais Essenciais da Web para ver se os vários elementos sob os Vitais Essenciais da Web eram de fato um fator de classificação.

Este teste em particular é um teste de 45 páginas que não se concentrou apenas em testar os 3 principais Sinais Principais da Web, mas também mais de 20 fatores que foram medidos na PageSpeed Insights. Defina abrangente e completo!

A questão é: os capitais da Web Core são um fator de classificação? Que elemento é um fator de classificação e quais não são? O que Clint descobriu? Confira o teste abrangente do Clint sobre isso em SEOIntel.com

Conclusão

Embora a atualização da página tenha sido concluída em setembro de 2021, observe que esta atualização só foi implementada para a Pesquisa Móvel e também pode ser implementada na Pesquisa de Desktop em um futuro próximo. O Google também ainda está testando e melhorando continuamente as principais métricas de sinais vitais da web. Eles também revelaram os planos para reformular o FID e criar uma métrica melhor e mais responsiva.

Quer seja um fator de classificação ou não, fazer melhorias em seu Core Web Vitals e na velocidade da página deve ser uma parte importante da construção e manutenção de seu website. Fornecer aos visitantes de seu site um ótimo site que carrega rápido, é acessível e fácil de usar deve ser uma prioridade.

Pode não levar você exatamente ao topo, pode ajudar, mas no final do dia, construímos ou site e páginas para os usuários. Usuários satisfeitos se traduzem em conversões. As conversões levam a um proprietário de site/negócio feliz.

No jogo de Page Experience e Core Web Vitals, fazer melhorias é uma situação em que todos ganham.

Marie Aquino

EQUIPE SIA SEOESCRITOR

Marie's biografia completa aqui.