Como Os Sinais Vitais Da Web Afetam Os Algoritmos Do Google

Embora passemos muito tempo focando em otimização de palavras-chave, mobile-experience e backlinks, o Google presta muita atenção à experiência em página inicial. É por isso que eles rolaram um novo conjunto de sinais  chamado Core Web Vitals.

Esses sinais levarão em conta um website ’ s velocidade de carregamento da página, responsividade e estabilidade visual.

Neste guia, I ’ll explicar o que o Core Web Vitals são e ajudá-lo a descobrir como ele poderia impactar seus rankings.

Core Web Vitals: Quais São Eles E Por Que Você Deve Você Care?

É simplesmente mais uma tática de susto pelo Google para nos fazer revamp tudo e ficar todo nervoso por alguns meses?

Eu acho que isso se tornará um fator de ranking sério nos próximos anos-e por uma boa razão.

A boa notícia é você pode nem ter que fazer nada de diferente porque você já está fornecendo uma experiência de alta qualidade na página para seus visitantes.

Este é essencialmente o que o Core Web Vitals é. It’ s uma métrica de experiência de página do Google para determinar que tipo de experiência os visitantes recebem quando pousarem em sua página.

Por exemplo, o Google vai determinar se a sua página está carregando rápido o suficiente para evitar que as pessoas pulem. Se não for, você poderia enfrentar um pênalti no ranking e ser substituído por um site que está carregando corretamente.

Então, agora temos os seguintes fatores determinando a qualidade de uma “experiência de página” no Google:

  • Mobile-friendly:   A página é otimizada para navegação mobile.
  • Safe-browsing: A página não contém nenhum conteúdo enganoso ou software malicioso.
  • HTTPS:   Você é servindo a página em HTTPS.
  • Nenhum intrusivos:   A página não contém quaisquer problemas que cobrem o conteúdo primário.
  • Core Web Vitals:   A página carrega rapidamente e focaliza-se em elementos de interatividade e estabilidade visual.

Muitos websites estão fornecendo esses fatores já, e se você é um deles, não tem com o que se preocupar.

O Google’s Anúncio sobre Core Web Vitals tornando-se um Ranking Fator

anúncio do Twitter de principais sinais vitais web

Eu dei uma olhada em Google’s press release  para ver se havia alguma coisa que se destacou. O Google anunciou que ao longo do tempo, acrescentaram fatores como velocidade de carregamento de página e de amizades móveis, mas querem conduzir para casa a importância da experiência em página inicial.

Eles estão olhando para o próximo ranking de pesquisa mudanças que fator de experiência na página. O Google diz que eles vão incorporar essas métricas de experiência de página para o recurso “Top Stories” no celular e remover o requisito AMP.

O Google também diz que fornecerá um aviso completo de seis meses antes de rolar isso fora, então parece que temos algum tempo para pensar sobre isso e nos colocarmos em pista.

Core Web Vitals Metrics

Como um proprietário do website, desenvolvedor ou construtor, você considera um milhão de fatores diferentes ao montar seu website.

Se você estiver trabalhando atualmente em novos sites ou fazendo atualizações para os já existentes, você vai querer manter estes três fatores em mente indo para frente.

Loading: Maior Paint Contentful Paint (LCP)

Maior Tinta Contentful ou LCP  refere-se à sua performance de carregamento de página. Ele cobre a velocidade de carregamento percebida, o que significa:

Quanto tempo leva para o seu website começar a exibir elementos que são importantes para o usuário?

Você vê como isso difere do regular velocidade de carregamento da página  agora?

Há uma enorme diferença aqui.

Por exemplo, é prática comum manter as informações mais importantes e o conteúdo de captura de olhos acima da dobra, certo?

Bem, isso não adianta ninguém se levar todo o interessante “acima da dobra” seis segundos para carregar.

Vemos isso o tempo todo em que sites possuem imagens ou vídeos acima da dobra. Eles geralmente tomam muito espaço e contêm importantes pedaços de contexto para o resto do conteúdo, mas são os últimos a carregar, então ele deixa um grande espaço em branco na parte superior da tela.

O Google está prestando atenção nisso porque eles percebem que está fazendo com que muita gente pule.

O benchmark geral para o Google é 2,5 seconds. Isso significa que o seu website deve exibir tudo no primeiro quadro (acima da dobra) em 2,5 seconds.

Tenha em mente que as webpages são exibidas em estágios. Assim, quando os elementos finais da parte superior de suas páginas carregam, esse seria o seu LCP. Um LCP lento = rankings e pênaltis mais baixos e um LCP rápido = rankings mais altos; é tão simples quanto isso.

Interatividade: First Input Delay (FID)

O Primeiro Delay de Entrada ou FID  é o responsividade de sua webpage. Esta métrica mede o tempo entre um usuário ’ s primeira interação com a página e quando o navegador pode responder a essa interação.

Essa web vital pode soar um pouco complexa, então vamos quebrá-lo.

Vamos dizer que você está preenchendo um formulário em um website para solicitar mais informações sobre um produto. Você preenche o formulário e clique em enviar. Quanto tempo leva para o website começar a processar esse pedido?

Essa é a sua Primeira Delay de Entrada. É o atraso no entre um usuário tomando uma ação e o site realmente se movimentando nessa ação.

É essencialmente uma medida de frustração para o usuário. Quantas vezes o angrily bateu um botão de submit over e over porque está levando para sempre?

Esta é uma enorme métrica de UX porque também pode ser a diferença entre capturar um lead ou uma venda.

Chances são, alguém está tomando providências porque eles estão interessados no que quer que seja você está oferecendo. A última coisa que você quer fazer é perdê-las na linha de chegada.

Visual Stability: Umulativo Layout Shift (CLS)

Shift Layout Shift  refere-se à frequência de mudanças inesperadas de layout e uma página web ’ s estabilidade visual geral.  

Este é direto, e eu tenho um exemplo perfeito.

Você já rolou por um website, viu algo interessante, foi clicar nele, mas logo no último segundo, um botão carrega, e você acaba clicando que em vez disso?

Agora você tem que voltar atrás e encontrar o que você estava procurando de novo e (esperemos) clicar no link certo.

Ou, onde você está lendo um parágrafo, e botões, anúncios e vídeos keep carregando como você está lendo, o que mantém esbarrando o parágrafo abaixo a página, então você tem que manter o scrolling para lê-lo.

São sinais de uma experiência pobre em página inicial, e o Google está fatorando essas questões enquanto eles se esforçam para proporcionar a melhor experiência para os usuários.

Ir para frente, o foco está em mimetizar uma experiência “in-person” online. Como mais e mais lojas encerradas e o e-commerce continua em boom, cabe a proprietários de lojas / sites fornecer essa experiência em loja para seus usuários.

Para o CLS, o objetivo é ter uma pontuação o mais próximo possível de zero. As mudanças de página menos intrusivas e frustrante, melhor.

Os Efeitos do Core Web Vitals on Content Strategy e Web Development

Agora vamos falar sobre como melhorar o core web vitals e onde você pode obter essas informações.

Cabeça ao seu Google Search Console, onde você verá o teste de velocidade foi substituído por “Core Web Vitals.”

core web vitals on search console

Você vai trazer um relatório para mobile e um para desktop.

Você verá uma lista de URLs pobres, URLs que precisam de melhoria, e boas URLs.

Lembre-se que o Google está fatorando nas três coisas que discutimos anteriormente para determinar a URL ’s quality.

Então, se você tem muitas URLs ruins, significa que eles são lentos para exibir o conteúdo mais crítico, lento para processar ações, e continuamente oferecem uma experiência pobre mudando de layout com muita frequência.

Se a URL “precisar de melhoria”, pode ter uma leve combinação de dois ou três destes. Uma boa URL confere clean.

Se você abrir o relatório no mobile, por exemplo, você verá uma página que pode ficar parecida com esta.

core web vitals LCP emite

É um exemplo de um website que precisa de melhoria, e a questão aqui é LCP ou performance de carregamento de página.

O objetivo é 2,5 seconds no mobile, e esta URL tem um LCP médio de 2,9 seconds, portanto, isso mostra espaço claro para melhoria.

Se nós pularmos para o relatório da área de trabalho, aqui estão alguns exemplos de URLs pobres.

Este tem um problema de CLS, o que significa que o website está carregando de uma forma que muda o site ’ s estrutura física muitas vezes.

O objetivo para isso é 0,25, e esta webpage tem um CLS de 0,55. Diz também que 472 URLs são afetadas por esta mesma questão, portanto, este proprietário do website tem muito trabalho pela frente para obter este fixo.

Sou um grande fã desses relatórios ’ transparência porque o Google facilita a localização do problema e corrige-o.

Você pode até clique no botão “validar” quando você achar que corrige o problema, e o Google verificará seu progresso e atualizará o relatório.

Como rastrear o Núcleo Web Vitals do seu website

Rastrear o seu Núcleo Vitals é tão simples quanto entrar no console de busca e olhar para cada propriedade da web caso a caso. Você vai querer entrar e brincar com isso para ver onde você está.

Como Melhorar o Core Web Vitals

Uma vez que você tenha puxado seu relatório, é hora de fazer algumas alterações.

Você conseguirá melhorar o LCP limitando a quantidade de conteúdo que você exibe no topo da página web para as informações mais críticas. Se não for criticamente importante para um problema que o visitante está tentando resolver, mova-o para baixo da página.

Melhorar o FID é simples, e há quatro questões primárias que você vai querer abordar:

  • Reduzir o impacto de código de terceiros:   Se você tiver um monte de processos diferentes acontecendo simultaneamente, ele levará mais tempo para a ação começar a funcionar.
  • Reduzir o tempo de execução do JavaScript: Apenas envie o código que seus usuários precisam e remova qualquer coisa desnecessária.
  • Minimizar o trabalho de thread principal:   O fio principal faz a maior parte da obra, então você precisa cortar a complexidade do seu estilo e layouts se você tiver essa questão.
  • Mantenha as contagens de pedidos baixos, e transferir tamanhos pequenos:   Certifique-se de que você não está tentando transferir arquivos enormes.
  • Melhorar o CLS requer prestar atenção em atributos de tamanho e elementos de vídeo em todas as mídias. Quando você permite a quantidade correta de espaço para um pedaço de conteúdo antes   ele carrega, você não deve experimentar nenhum deslocamento de página durante o processo.

    Ele também ajuda a limitar as animações transformam-se porque muitas delas irão acionar mudanças de layout, quer você queira ou não.

    Conclusão

    Core Web Vitals e SEO go hand-in-hand, e todos nós sabemos que não podemos ignorar qualquer fator de classificação única se quisermos vencer nossa concorrência e manter nossos rankings.

    Sabemos exatamente o quanto de um núcleo de impacto web vitals de impacto tem em nossas fileiras? Não, nós não. Mas o Google está prestando muito mais atenção à experiência na página inicial.

    É o seu website seguindo as melhores práticas para Core Web Vitals? Deixe-nos saber!

    Fonte: neilpatel.com/blog/core-web-vitals