Sites em Curitiba

Principais Web Vitals: o que são e como melhorá-los
O que é core vitals
Principais Web Vitals, o que são e como melhorá-los. Uma das últimas regras recém lançadas do google. Um algoritmo para corrigir velocidade

Principais Web Vitals: o que são e como melhorá-los?

Principais Web Vitals, o que são e como melhorá-los. Uma das últimas regras recém lançadas do google. Um algoritmo para corrigir velocidade

Os Core Web Vitals são um conjunto de fatores específicos que o Google considera importantes na experiência geral do usuário de uma página da web. Os Core Web Vitals são compostos de três medidas específicas de velocidade de página e interação do usuário: maior pintura de conteúdo, atraso na primeira entrada e mudança de layout cumulativa.

Resumindo, os Core Web Vitals são um subconjunto de fatores que farão parte da pontuação de “experiência da página” do Google (basicamente, a maneira do Google de dimensionar o UX geral da sua página).

Principais Web Vitals: o que são e como melhorá-los

Você pode encontrar os dados do Core Web Vitals do seu site na seção “aprimoramentos” do seu Google Search Console conta.

Google Search Console – Principais aspectos vitais da web

O que é e por que os principais Web Vitals são importantes?

Google planeja fazer experiência de página um fator de classificação oficial do Google.

A experiência da página será uma mistura de fatores que o Google considera importantes para a experiência do usuário, incluindo:

  • HTTPS
  • Compatível com dispositivos móveis
  • Falta de pop-ups intersticiais
  • “Navegação segura” (basicamente, não ter malware em sua página)

E o Core Web Vitals será uma parte super importante dessa pontuação.

 

Na verdade, a julgar pelo anúncio e pelo próprio nome, é justo dizer que os principais elementos vitais da web comporão a maior parte da pontuação da experiência da sua página.

É importante ressaltar que uma ótima pontuação de experiência na página não o levará magicamente ao primeiro lugar no Google. Na verdade, o Google foi rápido em apontar que a experiência da página é uma das várias (aproximadamente 200) fatores que eles usam para classificar sites na pesquisa.

Dito isto, não há necessidade de surtar. O Google disse que você tem até o próximo ano para melhorar as pontuações do Core Web Vital do seu site.

Mas se você quiser melhorar sua pontuação no Core Web Vitals antes disso, ótimo.

Porque neste guia vou detalhar todos os três Core Web Vitals. E mostrar como melhorar cada um deles. Aqui mostramos o que é os principais core web vitals.

Maior pintura de conteúdo (LCP)

LCP é o tempo que uma página leva para carregar do ponto de vista de um usuário real.

Em outras palavras: é a hora de clicar em um link para ver a maior parte do conteúdo na tela.

Principais Web Vitals: o que são e como melhorá-los

O LCP é diferente de outras medidas de velocidade de página. Muitas outras métricas de velocidade de página (como TTFB e Primeira pintura contextual) não representam necessariamente como é para um usuário abrir uma página da web.

Por outro lado, o LCP se concentra no que realmente importa quando se trata de velocidade da página: poder ver e interagir com sua página.

Você pode verificar sua pontuação LCP usando Informações do Google PageSpeed.

As vantagens dos principais Core Web

O que é útil. Especialmente quando se trata de identificar áreas para melhorar. O que também é bom em usar o Google Pagespeed Insights em uma ferramenta como webpagetest.org é que você pode ver o desempenho da sua página no mundo real (com base nos dados do navegador Chrome).

Google – Insights de velocidade de página – Dados de campo

Dito isso, recomendo examinar seus dados de LCP em seu GSC.

Dados do LCP no Google Search Console

Por quê?

Bem, como o Google PageSpeed Insights, os dados no Search Console vêm do Relatório de experiência do usuário do Chrome.

Mas, ao contrário do PageSpeed Insights, você pode ver os dados do LCP em todo o seu site. Então, em vez de analisar páginas aleatórias uma a uma, você obtém uma lista de URLs que são boas, ruins… ou algo intermediário.

Falando de, O Google tem diretrizes específicas de LCP. Eles dividem a velocidade do LCP em três grupos: Bom, Precisa melhorar e Ruim.

Em suma, você deseja que todas as páginas do seu site atinjam o LCP em 2,5 segundos.

Isso pode ser um verdadeiro desafio para grandes páginas da web. Ou páginas com muitos recursos.

Por exemplo, esta página do nosso site tem dezenas de imagens de alta resolução.

É por isso que o LCP nessa página é de 5,1 segundos (o que é considerado “ruim”).

Isso não é desculpa. Mas isso mostra que melhorar o LCP não é tão simples quanto instalar um CDN. Nesse caso, talvez tenhamos que remover algumas imagens da página. E limpe o código da página.

Trabalho duro? Com certeza. Vale a pena? Definitivamente.

Com isso, aqui estão algumas coisas que você pode fazer para melhorar o LCP do seu site:

  • Remova quaisquer scripts de terceiros desnecessariamente: nosso recente estudo de velocidade de página descobriu que cada script de terceiros reduzia a velocidade de uma página em 34 ms.
  • Atualize seu host da web: Melhor hospedagem = tempos de carregamento mais rápidos em geral (incluindo LCP).
  • Configure o carregamento lento: O carregamento lento faz com que as imagens sejam carregadas apenas quando alguém rola a página para baixo. O que significa que você pode alcançar o LCP significativamente mais rápido.
  • Remova elementos de página grandes: O Google PageSpeed Insights informará se sua página tem um elemento que está diminuindo o LCP da sua página.

Atraso da primeira entrada (FID)

Em seguida, vamos dar uma olhada no segundo Core Web Vital do Google: First Input Delay.

Portanto, neste ponto, sua página alcançou o FCP. Mas a pergunta é: os usuários podem interagir com sua página?

Bem, é exatamente isso que o FID mede: o tempo que leva para um usuário realmente interagir com sua página.

Exemplos de interações incluem:

  • Escolhendo uma opção de um menu
  • Clicar em um link na navegação do site
  • Inserindo seu e-mail em um campo
  • Abrindo “texto sanfonado” em dispositivos móveis

O Google considera o FID importante porque leva em conta como os usuários da vida real interagem com sites.

E como FCP, eles têm critérios específicos para o que constitui um FID aceitável.

Diretrizes do primeiro atraso de entrada do Google

Sim, o FID mede tecnicamente quanto tempo leva para algo acontecer em uma página. Então, nesse sentido, é uma pontuação de velocidade da página. Mas vai um passo além disso e mede o tempo que leva para os usuários realmente faça alguma coisa na sua página.

A Experiência do Usuário 

Para uma página que é 100% de conteúdo (como uma postagem de blog ou artigos de notícias), o FID provavelmente não é grande coisa. A única “interação” real é rolar a página para baixo. Ou beliscar para aumentar e diminuir o zoom.

Na verdade, meu Search Console nem mesmo relata o FID do meu site.

Backlinko – GSC – Principais Web Vitais

Eu acho que é porque eu realmente não tenho nenhuma página de login. Ou outras páginas que alguém precisaria inserir algo imediatamente.

Mas para uma página de login, página de inscrição ou outra página em que os usuários precisam clicar rapidamente em algo, o FID é ENORME.

Por exemplo, pense na experiência de carregamento de uma página como esta:

Tela de login do Reddit

Com uma página de login como essa, o tempo que leva para o conteúdo carregar não é tão importante. O que importa é a rapidez com que você pode começar a digitar seus detalhes de login.

Com isso, aqui estão algumas coisas que você pode fazer para melhorar as pontuações do FID do seu site.

  • Minimize (ou adie) JavaScript: É quase impossível para os usuários interagirem com uma página enquanto o navegador está carregando o JS. Portanto, minimizar ou adiar o JS em sua página é fundamental para o FID.
  • Remova quaisquer scripts de terceiros não críticos: Assim como com o FCP, scripts de terceiros (como Google Analytics, mapas de calor etc.) podem afetar negativamente o FID.
  • Use um cache do navegador: Isso ajuda a carregar o conteúdo em sua página mais rapidamente. O que ajuda o navegador do seu usuário a executar tarefas de carregamento JS ainda mais rápido.

Mudança de layout cumulativa (CLS)

A mudança de layout cumulativa (CLS) é a estabilidade de uma página à medida que ela é carregada (também conhecida como “estabilidade visual”).

Em outras palavras: se os elementos da sua página se movem conforme a página é carregada, você tem um CLS alto. O que é ruim.

Exemplo de mudança de layout cumulativo

Em vez disso, você deseja que os elementos de sua página sejam bastante estáveis à medida que são carregados. Dessa forma, os usuários não precisam reaprender onde os links, imagens e campos estão localizados quando a página estiver totalmente carregada. Ou clique em algo por engano.

Aqui estão os critérios específicos que o Google implementou para o CLS:

Diretrizes de mudança de layout cumulativo do Google

Como você pode ver, isso é algo que eu preciso trabalhar. Principalmente no celular.

Exploding Topic – Web vitals principais

Aqui estão algumas coisas simples que você pode fazer para minimizar o CLS.

  • Use as dimensões do atributo de tamanho definido para qualquer mídia (vídeo, imagens, GIFs, infográficos etc.): Dessa forma, o navegador do usuário sabe exatamente quanto espaço aquele elemento vai ocupar naquela página. E não o alterará rapidamente enquanto a página é totalmente carregada.
  • Certifique-se de que os elementos de anúncios tenham um espaço reservado: Caso contrário, eles podem aparecer de repente na página, empurrando o conteúdo para baixo, para cima ou para o lado.
  • Adicione novos elementos de interface do usuário abaixo da dobra: Dessa forma, eles não empurram o conteúdo para baixo que o usuário “espera” que fique onde está.

Saber mais sobre as principais web vitals

Noções básicas de UX: Core Web Vitals (e a métrica de “experiência de página” do Google em geral) estão tentando quantificar a experiência do usuário. Portanto, quanto melhor for o seu UX em geral, melhores serão as pontuações da experiência da sua página. O guia “Basics of UX” do Google é uma excelente cartilha.

Guia completo para velocidade de página e SEO: saiba como a velocidade de carregamento do seu site afeta o SEO. E maneiras de melhorá-lo.

Visão geral do Farol do Chrome: uma ferramenta útil incorporada ao Google Chrome que explica por que uma página carrega (ou não) rapidamente.

Concluímos que o google visa ajudar através das principais web vitals os usuários

mersin escort
Envie sua mensagem agora