{"id":33630,"date":"2021-04-29T17:09:09","date_gmt":"2021-04-29T20:09:09","guid":{"rendered":"https:\/\/www.yogh.com.br\/blog\/?p=33630"},"modified":"2025-04-14T11:50:20","modified_gmt":"2025-04-14T14:50:20","slug":"core-web-vitals-saiba-o-que-e-e-como-ele-pode-afetar-seu-site","status":"publish","type":"post","link":"https:\/\/www.yogh.com.br\/blog\/core-web-vitals-saiba-o-que-e-e-como-ele-pode-afetar-seu-site\/","title":{"rendered":"Core Web Vitals: saiba o que \u00e9 e como ele pode afetar seu site"},"content":{"rendered":"

Se voc\u00ea tem um site em WordPress, voc\u00ea j\u00e1 deve saber que para o Google, a experi\u00eancia proporcionada pelo seu site para os seus usu\u00e1rios \u00e9 o que realmente importa, portanto a performance \u00e9 um item que tem se tornado cada vez mais fundamental. Por isso, neste post, voc\u00ea vai saber o que \u00e9 Core Web Vitals e como estas m\u00e9tricas podem afetar o seu site em WordPress.<\/span><\/p>\n

<\/span>O que \u00e9 Core Web Vitals?<\/b><\/span><\/h2>\n

Basicamente, Web Vitals \u00e9 uma iniciativa do Google<\/strong>, que visa fornecer orienta\u00e7\u00f5es para os administradores ou desenvolvedores de sites a fim de que os sites dispon\u00edveis na web possam proporcionar uma \u00f3tima experi\u00eancia de navega\u00e7\u00e3o para os seus usu\u00e1rios.<\/strong><\/span><\/p>\n

Al\u00e9m de fornecer orienta\u00e7\u00f5es, o Google criou m\u00e9tricas relacionadas \u00e0 velocidade do carregamento, agilidade de intera\u00e7\u00e3o e estabilidade de layout. Elas s\u00e3o conhecidas como Core Web Vitals. Assim, voc\u00ea utilizar\u00e1 estas 03 m\u00e9tricas para medir a experi\u00eancia que voc\u00ea tem proporcionado aos seus usu\u00e1rios. <\/span><\/p>\n

A partir da an\u00e1lise dos resultados, voc\u00ea poder\u00e1 se concentrar nas sugest\u00f5es apontadas para tornar o seu site em WordPress mais acess\u00edvel para os seus leitores, clientes e usu\u00e1rios. <\/span><\/p>\n

Ao que tudo indica, a partir de junho de 2021, ap\u00f3s o lan\u00e7amento do Google Page Experience, estas m\u00e9tricas se tornar\u00e3o um fator de ranqueamento para o Google, portanto vale a pena voc\u00ea ficar de olho no Core Web Vitals e entender como ele pode afetar o seu site. <\/span><\/p>\n

Agora, vamos conferir juntos mais detalhes sobre estas 03 m\u00e9tricas?<\/span><\/p>\n

<\/span>Conhe\u00e7a as m\u00e9tricas do Core Web Vitals<\/b><\/span><\/h2>\n

As tr\u00eas m\u00e9tricas que ser\u00e3o utilizadas para medir a experi\u00eancia dos usu\u00e1rios s\u00e3o: <\/span>LCP, FID e CLS.<\/b> Pois \u00e9, em um primeiro momento, voc\u00ea pode ficar confuso com esta pequena sopa de letrinhas. Mas, n\u00f3s temos uma boa not\u00edcia: abaixo, voc\u00ea vai conferir para que serve cada uma dessas siglas e como voc\u00ea pode utilizar estas m\u00e9tricas para melhorar a experi\u00eancia dos seus usu\u00e1rios ao navegarem pelo seu site ou loja virtual.<\/span><\/p>\n

Para cada uma destas m\u00e9tricas, h\u00e1 uma forma de avaliar o seu desempenho. A cor verde significa que seu site est\u00e1 bom. A cor laranja significa que seu site precisa de melhorias. J\u00e1 a vermelha \u00e9 que seu site est\u00e1 ruim de acordo com a m\u00e9trica do Core Web Vitals.<\/span><\/p>\n

Outro detalhe extremamente importante \u00e9 que estas m\u00e9tricas s\u00e3o v\u00e1lidas tanto para desktop, quanto para mobile.<\/span><\/p>\n

<\/span>LCP – Largest Contentful Paint:<\/b><\/span><\/h3>\n

\"LCP<\/p>\n

Esta m\u00e9trica tem como objetivo medir quanto tempo a sua p\u00e1gina leva para carregar o maior conte\u00fado, que pode ser texto, imagem, v\u00eddeo ou banner ficar\u00e1 vis\u00edvel para os seus usu\u00e1rios. O primeiro conte\u00fado a ser carregado em seu site ou loja virtual vai depender do formato de conte\u00fado utilizado. Se voc\u00ea costuma utilizar v\u00eddeos, imagens e texto em seu site. O v\u00eddeo ser\u00e1 o maior conte\u00fado a ser exibido, e deve ser exposto em 2.5 segundos de acordo com a m\u00e9trica LCP. Para atingir a m\u00e9trica considerada boa ou \u00f3tima, o seu site deve levar no m\u00e1ximo 2.5 segundos para que o usu\u00e1rio tenha acesso ao primeiro conte\u00fado exibido em sua p\u00e1gina. Entre 2.5 segundos e 4.0 segundos, significa que o seu site precisa de melhorias quando o assunto \u00e9 performance. J\u00e1 a partir de 4 segundos, significa que est\u00e1 ruim e voc\u00ea precisa mudar esta situa\u00e7\u00e3o com urg\u00eancia.<\/span><\/p>\n

<\/span>FID – First Input Delay:<\/b><\/span><\/h3>\n

\"FID<\/p>\n

J\u00e1 est\u00e1 m\u00e9trica visa medir quanto tempo leva para que o usu\u00e1rio possa interagir com o seu site, seja clicando em um v\u00eddeo ou alternando as p\u00e1ginas, por exemplo. De acordo com as m\u00e9tricas do Google, o usu\u00e1rio deve ter a possibilidade de interagir em no m\u00e1ximo 100 mil\u00e9simos de segundo para que seu site em WordPress possa ser considerado bom. Entre 100 ms e 300 ms, significa que seu site precisa de melhorias. A partir de 300 mil\u00e9simos de segundo, voc\u00ea j\u00e1 sabe que este \u00e9 mais item que voc\u00ea precisa revisar com agilidade.<\/span><\/p>\n

<\/span>CLS – Cumulative Layout Shift:<\/b><\/span><\/h3>\n

\"CLS<\/p>\n

A \u00faltima m\u00e9trica visa medir a estabilidade visual de uma p\u00e1gina. Neste item, vale salientar que pop-ups podem afetar a estabilidade visual de sua p\u00e1gina. Para receber o sinal verde, o seu site deve ficar em 0.1. Entre 0.1 e 0.25, o seu site recebe o sinal laranja que aponta a necessidade de melhorias. A partir de 0.25, voc\u00ea precisa rever a estabilidade visual de suas p\u00e1ginas o quanto antes.<\/span><\/p>\n

<\/span>Estas m\u00e9tricas podem afetar a indexa\u00e7\u00e3o do seu site em WordPress?<\/b><\/span><\/h2>\n

A resposta \u00e9 sim. No entanto, voc\u00ea n\u00e3o deve focar apenas nestas tr\u00eas m\u00e9tricas. \u00c9 importante que voc\u00ea continue produzindo conte\u00fados relevantes para o seu p\u00fablico, e claro, se mantenha atento \u00e0s t\u00e9cnicas de SEO. O Core Web Vitals \u00e9 apenas mais uma forma do Google garantir que os sites dispon\u00edveis na internet levar\u00e3o em considera\u00e7\u00e3o a experi\u00eancia do usu\u00e1rio.<\/span><\/p>\n

<\/span>O que fazer para atingir bons resultados?<\/b><\/span><\/h2>\n

Investir em performance \u00e9 fundamental para que voc\u00ea possa atingir bons resultados. Se voc\u00ea tem d\u00favidas sobre performance. N\u00e3o tem problema, em nosso canal do YouTube, voc\u00ea encontrar\u00e1 um v\u00eddeo com dura\u00e7\u00e3o de mais de 1h que trar\u00e1 um apanhado geral de uma s\u00e9rie de itens que podem estar afetando a sua performance e como voc\u00ea pode resolver estes problemas.<\/span><\/p>\n

Este v\u00eddeo faz parte de um curso gr\u00e1tis desenvolvido pela Yogh para quem deseja criar um site em WordPress sem programar. O curso al\u00e9m de ser gratuito, \u00e9 online. Assim, voc\u00ea pode aprender a qualquer hora e em qualquer lugar. Se voc\u00ea ficou interessado, <\/span>clique aqui<\/b><\/a> e inscreva-se.<\/span><\/p>\n