Saiba como deixar o seu site de acordo com o Google Web Vitals

Entenda o que é o Google Core Web Vitals e como isso impacta diretamente no seu site

Por: Welber Melo Review Comunicação

Venda mais!

[{"selector":"#anim-937cd07b-c836-490a-8028-6668664d19fb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-60c1f055-201f-4c37-87ed-f7f4ffbd6f8b","keyframes":{"transform":["translate3d(-130.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d09e28ee-591c-4690-81fd-848a9b81756f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-823da761-5996-4990-b939-dc36ccdd8328","keyframes":{"transform":["translate3d(0px, 200.16705%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Você está precisando atrair novos clientes por meio do seu site mas está difícil? Entenda um dos principais motivos e saiba como ajustar o seu website de acordo com as métricas do Google . Seta Saiba Mais

Core Web Vitals

[{"selector":"#anim-53e0876e-0550-473c-982b-dbf69307db67","keyframes":{"transform":["translate3d(-127.27274%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54f18ea6-8128-4510-b5a8-2bc40d5f4880","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-08823f31-b515-4832-a76b-376be2469207","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-2f293c30-185e-4149-af40-e0cc01b1738f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Os Core Web Vitals são um conjunto de métricas que medem a experiência do usuário em um site, incluindo velocidade, estabilidade e capacidade de resposta.

Importância

[{"selector":"#anim-f2003672-290a-4889-830d-c29ad7e4eb58","keyframes":{"transform":["translate3d(-134.53239%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-84d41353-e2ab-423e-ab21-ebe0909b3bb3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-473faf97-5480-4d26-a0ac-cdcb6f5d6d24","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-efba4154-1e6e-460a-b704-fa5f3a145377","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] O Google usa os Core Web Vitals para avaliar a qualidade da experiência do usuário em um site. Sites otimizados têm melhor classificação nos resultados de pesquisa.

Parâmetros

[{"selector":"#anim-227b68cf-362e-4006-8053-632740c4dddd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-26f178c3-d125-4e23-9629-14eb15da9591","keyframes":{"transform":["translate3d(-124.24243%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d820bca6-33cc-44b7-afb6-54c5b8608ee6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54ed9bab-c71d-4ec0-847c-797ea5127c55","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] O Google utiliza os parâmetros de LCP , FID, FCP e CLS como os primordiais para classificar uma boa experiência do usuário ao navegar pelo site. Vamos entender melhor?

LCP

[{"selector":"#anim-645e766c-2281-4af7-9b72-9e20c4513fe0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-63eb8e23-436e-4a19-bf9a-1f3b9e002a84","keyframes":{"transform":["translate3d(0px, 226.48283%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7d923962-edf7-4c75-a7e8-a17df348dce0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1954133c-442d-42ac-aba7-dcc8ed36095e","keyframes":{"transform":["translate3d(-164.00004%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] O Largest Contentful Paint, ( LCP) avalia o tempo que leva para o maior elemento visível na tela ser totalmente carregado. Mantenha-o abaixo de 2,5 segundos .

FID

[{"selector":"#anim-537e1223-66dc-47a9-8bd0-26b75c6d7efe","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-830c7084-3813-4658-b52a-d77fbf094ab0","keyframes":{"transform":["translate3d(0px, 250.19837%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ffcfc569-979f-493e-8d53-caa22c6e02f2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e0cdb339-43e8-4173-bfe9-31c67e871b27","keyframes":{"transform":["translate3d(-159.2593%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Já o First Input Delay, ( FID) mede a interatividade do usuário. Mantenha-o abaixo de 100 milissegundos para garantir uma resposta rápida.

CLS

[{"selector":"#anim-e3f4f3fc-92e0-4797-8398-e13b5891f26a","keyframes":{"transform":["translate3d(-136.64123%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-32d3f967-c05b-4e14-bc71-cb607aec7f46","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ded10d27-c527-417a-881f-d84bd17b41dd","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-921acaf7-dc27-47dd-b7f2-ea5e23b56be2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] O Cumulative Layout Shift (CLS), avalia a estabilidade da página. Evite elementos que se movam inesperadamente para manter o CLS abaixo de 0,1 .

Impacto no SEO

[{"selector":"#anim-57fe2320-aea6-4358-a045-a03a2c0c76ed","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6c031fa1-b0b3-4445-8c84-e93790c61c2b","keyframes":{"transform":["translate3d(-127.58622%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e6fce12-bc40-4008-9165-7890c5d0133d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-236e308c-aec6-4b7c-b9a1-9faf0b7b6359","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] O desempenho dos Core Web Vitals afeta diretamente o SEO. Sites mais rápidos e estáveis tendem a ser classificados mais alto. Trabalhe para deixar o seu site o mais preciso possível!

Experiência do usuário

[{"selector":"#anim-16eff525-4b0e-438a-8469-ff0a849956cb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e2bc7d0c-73af-445e-bd13-ca0a6e88d8a3","keyframes":{"transform":["translate3d(0px, 237.69838%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-19c47b9f-2d11-43ac-8fac-591014ed5c31","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-aec19834-389b-437f-bdb2-6a3a7fa452e7","keyframes":{"transform":["translate3d(-118.82354%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Um site otimizado para Core Web Vitals proporciona uma experiência mais agradável aos visitantes, o que pode levar a taxas de conversão mais altas.

Taxa de rejeição

[{"selector":"#anim-2b3e41b2-51cc-4d5b-b0be-decc2b19130e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-54104b8a-c505-4957-b4e9-3fb4c6150048","keyframes":{"transform":["translate3d(-120.00001%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db7773d5-1939-41df-97ef-a6e669bd66e0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-188457d3-0907-4c64-b785-978465d53e78","keyframes":{"transform":["translate3d(0px, 238.59123%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Sites mais rápidos e estáveis têm maior probabilidade de manter os visitantes por mais tempo. Isso irá diminuir drasticamente a taxa de rejeição do seu site. #Ficaadica!

Otimizações

[{"selector":"#anim-43d2babb-d2c9-415a-a204-8634a85439ef","keyframes":{"transform":["translate3d(-131.21018%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1f7dc1b3-6a90-4cd4-a78e-691c28692edf","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-14381365-07bb-4ca8-92ee-64caa522ec78","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-e00fc7d7-27a7-4240-9600-424f7cb099bd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Comprima imagens, minimize o uso de scripts e escolha um provedor de hospedagem confiável para melhorar a velocidade do site.

Faça testes!

[{"selector":"#anim-76e4250b-b48c-4e18-b85c-26e954d46a72","keyframes":{"transform":["translate3d(-131.25%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f83bed79-c01d-4c3b-ac17-48d75a0bf6fc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb5a3a21-b709-4647-a3da-703934fbf78a","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}] [{"selector":"#anim-fbda8c6f-eb60-41bd-bf91-d777846d0181","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] Use ferramentas como o PageSpeed Insights do Google e o GTmetrix para avaliar o desempenho do seu site em relação aos Core Web Vitals .

Quer saber mais sobre como deixar o seu site mais rápido? Clique em saiba mais e confira o artigo completo.

Instagram Facebook Saiba Mais