Qual a importância do Core Web Vitals? O que significam o Core Web Vitals para seu website? Como você pode usá-los para melhorar a experiência do usuário em seu website?
O Google está constantemente atualizando seu algoritmo e buscando novas maneiras de servir aos usuários o melhor e mais relevante conteúdo. Embora existam mais de 200 fatores de classificação diferentes (de acordo com o Google), um fator inegavelmente importante é a experiência do usuário.
Mas como um algoritmo pode medir a experiência de um usuário de um website?
Este quebra-cabeças tem deixado o gigante tecnológico perplexo por muito tempo, mas seu recente lançamento fornece métricas simples para que os proprietários de websites compreendam e melhorem. No verão de 2020, o Google lançou um novo conjunto de métricas de experiência de página web chamado “Core Web Vitals”.
O objetivo é apresentar métricas descomplicadas de marketing relacionadas à experiência de um usuário de uma página da web para que os proprietários de um site saibam como podem melhorar a experiência de seu site. Confira mais detalhes em nosso site.
O que é o Core Web Vitals?
O Core Web Vitals (CWV) consiste em três métricas:
-
Largest Contentful Paint (LCP) – Mede o desempenho de carregamento de uma página.
-
First Input Delay (FID) – Mede a interatividade entre a entrada do usuário e uma página da Web.
-
Cumulative Layout Shift (CLS) – Mede a estabilidade visual ao visualizar o conteúdo de uma página da web.
Largest Contentful Paint (LCP)
LCP é um termo extravagante que simplesmente significa a rapidez com que seu site carrega. Esta métrica é importante porque todos nós sabemos como é terrível quando navegamos para um website lento. Esse sentimento impaciente que encontramos é um claro sinal de má experiência do usuário.
De fato, há inúmeros estudos que mostram estatísticas chocantes de quantas pessoas navegam para longe de sites lentos.
Ex: Walmart.com descobriu que a cada 1 segundo de melhora na velocidade da página, eles aumentaram sua taxa de conversão em 2%.
Ter um website não é suficiente – ele precisa ser rápido o suficiente para proporcionar uma experiência agradável que não deixe os usuários esperando em cada página.
First Input Delay (FID)
Você sabe quando você clica em um link e ele não se abre imediatamente, então, em frustração, você clica nele mais 20 vezes? (Então proceda para fechar 20 novas abas)
Quando um usuário interage com uma página web, quer isso signifique preencher um campo do formulário, clicar em um link ou botão, ou expandir um menu de acordeão, a velocidade com que a página web registra sua entrada afeta a experiência do usuário.
Esta é uma ótima métrica porque mede a interatividade de seu website. Um site bonito que carrega rápido é ótimo, mas se for difícil de navegar, acabará desapontando os usuários.
Considere como as páginas de login sofreriam com um FID longo. Os usuários esperam ser capazes de inserir suas credenciais rapidamente e fazer login para chegar ao que realmente querem ver. Atrasos nesta fase são tão irritantes.
Cumulative Layout Shift (CLS)
Por exemplo, digamos que eu navego para uma página da web com uma receita que estou cozinhando. É claro que a receita não é facilmente visível no topo da página, então eu preciso rolar para baixo até encontrá-la. Então, exatamente quando começo a ler a receita, ela desaparece!
Um CLS pobre pode proporcionar uma experiência de usuário terrível, como acabei de ilustrar. O CLS é quando o conteúdo de uma página muda porque elementos maiores tinham um tempo de carga atrasado.
Pior ainda do que simplesmente irritante, um CLS pobre pode fazer com que os usuários cliquem no link ou botão errado. Isto pode levar a uma experiência seriamente ruim.
Qual a importância do Core Web Vitals?
Aprender quais são as métricas do Core Web Vitals é ótimo, mas quem se importa?
Bem, o Google se importa. Na verdade, eles se importam muito.
Como eu mencionei anteriormente, os Core Web Vitals são métricas de experiência da página. Eles são úteis para os proprietários de sites, mas o Google também os utiliza para informar o algoritmo de classificação de suas páginas.
Essas métricas dizem ao Google quanto atrito um usuário pode encontrar em uma página da web, informando assim sua experiência. Uma vez que o Google quer servir aos pesquisadores com grande conteúdo, eles prestam atenção a essas métricas e dão prioridade a sites com bom desempenho. Os principais capitais da web se tornarão um fator de classificação significativo em 2021.
O Google declarou que eles vão usar o Core Web Vitals como um de seus fatores de classificação a partir de 2021. Possivelmente, um fator primário de classificação.
Isso significa que o Core Web Vitals terá impacto em todos os sites indexados pelo Google. Melhorar essas métricas e proporcionar uma experiência positiva para o usuário será uma parte essencial do SEO do site no futuro próximo.
Como verifico o Core Web Vitals?
O Core Web Vitals é exibido no console de busca do Google, o que significa que você precisará ter uma conta configurada. Se você ainda não tem uma, é rápido e simples. Você simplesmente entra no provedor DNS do seu site e adiciona um registro TXT. O registro deverá ser verificado em minutos e você poderá começar a usar o Console de Busca do Google.
Uma vez conectado, você verá uma aba à esquerda com o rótulo “Core Web Vitals”, esta é uma das que estamos falando. Após abrir essa aba, você pode ver uma rápida olhada na saúde CWV de seu site, incluindo quantos de seus URLs são bons, pobres ou precisam ser melhorados.
Como posso melhorar meu Core Web Vitals?
Você não precisa ser um desenvolvedor web para lidar com muitas destas questões, embora para obter o máximo de sua otimização, seria útil alistar um.
Um fator importante que atrasa muitos websites é ter imagens maiores do que o necessário. Muitas vezes, isto se resume a dimensionar corretamente as imagens para onde elas serão usadas. Há também plug-ins WordPress que podem comprimir os tamanhos das imagens para ajudar nisso, também.
Há muitas outras maneiras de melhorar o CWV, como remover Javascript não utilizado e usar carga preguiçosa, que você vai querer fazer loop em seu desenvolvedor para lidar com isso.
Para mais detalhes, acesse o nosso curso de otimização de WordPress para o Core Web Vitals, o Curso Camilo Dantas.