\u00c0 medida que o Google revela seus planos de implementar novas m\u00e9tricas \u2013 os Core Web Vitals \u2013 para medir a qualidade da experi\u00eancia do usu\u00e1rio (UX) em sites online, as quais desempenhar\u00e3o pap\u00e9is significativos em SEO e no ranking do Google, algumas perguntas t\u00eam surgido nas mentes de propriet\u00e1rios de sites, profissionais de marketing, especialistas em SEO e gurus da web. Algumas dessas perguntas s\u00e3o: o que s\u00e3o os Core Web Vitals? Como fa\u00e7o para passar nos Core Web Vitals? E qual a necessidade de SEO em uma empresa em crescimento?<\/p>\r\n\r\n\r\n\r\n
Neste artigo, vamos detalhar todas as respostas para fornecer informa\u00e7\u00f5es suficientes sobre SEO e os Core Web Vitals.<\/p>\r\n\r\n\r\n\r\n
O Que S\u00e3o Os Core Web Vitals?<\/strong><\/p>\r\n\r\n\r\n\r\n Uma das perguntas mais importantes que este artigo responde \u00e9: o que s\u00e3o os Core Web Vitals?<\/p>\r\n\r\n\r\n\r\n Os Core Web Vitals s\u00e3o m\u00e9tricas para medir o desempenho de p\u00e1ginas da web com base na experi\u00eancia do usu\u00e1rio, o que \u00e9 muito significativo no ranking do Google de um site. De acordo com o Google, as tr\u00eas m\u00e9tricas dos Core Web Vitals s\u00e3o:<\/p>\r\n\r\n\r\n\r\n Os Core Web Vitals usam velocidade, interatividade e estabilidade visual para diagnosticar o desempenho do seu site e obter um detalhamento dos relat\u00f3rios de cada p\u00e1gina.<\/p>\r\n\r\n\r\n\r\n Largest Contentful Paint (LCP) \u2013 Velocidade de Carregamento<\/strong><\/p>\r\n\r\n\r\n\r\n Uma boa velocidade de carregamento da p\u00e1gina deve ser a primeira coisa a vir \u00e0 mente sempre que a pergunta (o que s\u00e3o os Core Web Vitals?) surgir.<\/p>\r\n\r\n\r\n\r\n O LCP \u00e9 usado para medir a velocidade de carregamento de uma p\u00e1gina da web, marcando o per\u00edodo de tempo de carregamento da p\u00e1gina. Para uma boa experi\u00eancia do usu\u00e1rio, o Largest Contentful Paint em todos os dispositivos n\u00e3o deve ser superior a 2,5 segundos de carregamento completo da p\u00e1gina. Se o Largest Contentful Paint de uma p\u00e1gina estiver al\u00e9m de 2,5 segundos, significa que h\u00e1 necessidade de otimiza\u00e7\u00f5es para atender \u00e0s demandas de carregamento do usu\u00e1rio. O LCP pode ser medido com ferramentas de campo ou ferramentas de laborat\u00f3rio, e essas ferramentas de campo incluem Page Speed Insight, Chrome User Experience Report, Web Vitals e Search Console. As ferramentas de laborat\u00f3rio incluem WebPageTest, Lighthouse e Chrome DevTools.<\/p>\r\n\r\n\r\n\r\n First Input Delay (FID) \u2013 Interatividade<\/strong><\/p>\r\n\r\n\r\n\r\n Enquanto a pergunta, o que s\u00e3o os Core Web Vitals, ainda persiste, outra m\u00e9trica a ser considerada \u00e9 a interatividade.<\/p>\r\n\r\n\r\n\r\n O First Input Delay (FID) mede a interatividade da web, focando na capacidade de resposta de uma p\u00e1gina da web. O FID vai al\u00e9m de apenas medir a velocidade de carregamento de uma p\u00e1gina, focando em qu\u00e3o bem e qu\u00e3o r\u00e1pido o usu\u00e1rio pode interagir com o conte\u00fado da web, quantificando a experi\u00eancia e os sentimentos do usu\u00e1rio ao interagir com a p\u00e1gina da web. A interatividade \u00e9 calculada pelo intervalo de tempo entre a solicita\u00e7\u00e3o do usu\u00e1rio por conte\u00fado em uma p\u00e1gina da web por meio de um clique e quando as solicita\u00e7\u00f5es foram totalmente processadas. Um bom FID geralmente \u00e9 inferior a 100ms. Se o processo levar mais de 100ms antes que o evento clicado seja processado, melhorias devem ser feitas para uma melhor interatividade.<\/p>\r\n\r\n\r\n\r\n Cumulative Layout Shift (CLS) \u2013 Estabilidade Visual<\/strong><\/p>\r\n\r\n\r\n\r\n A estabilidade visual nas p\u00e1ginas da web \u00e9 a \u00faltima m\u00e9trica a ser considerada em respostas detalhadas \u00e0 pergunta: o que s\u00e3o os Core Web Vitals?<\/p>\r\n\r\n\r\n\r\n O CLS, que se refere \u00e0 estabilidade visual dos layouts de uma p\u00e1gina da web, quantifica o n\u00famero de mudan\u00e7as de layout inesperadas em uma p\u00e1gina da web. Um Cumulative Layout Shift causa muitos danos e afeta negativamente a experi\u00eancia do usu\u00e1rio. Os movimentos inesperados do conte\u00fado da web podem confundir e frustrar o leitor. Se os textos, imagens e v\u00eddeos de um site se moverem, mudarem de forma e tamanho inesperadamente, esse ajuste inesperado pode desorientar o leitor e proporcionar uma m\u00e1 experi\u00eancia na sua p\u00e1gina da web.<\/p>\r\n\r\n\r\n\r\n O Cumulative Layout Shift (CLS) fornecer\u00e1 um relat\u00f3rio detalhado desse problema, medindo as experi\u00eancias em tempo real dos usu\u00e1rios na sua p\u00e1gina da web. O CLS mede todas as mudan\u00e7as de layout inesperadas em uma forma da web, concentrando-se em elementos de tra\u00e7\u00e3o inst\u00e1veis e de dist\u00e2ncia. O CLS relata o total das pontua\u00e7\u00f5es de mudan\u00e7a de layout. Uma boa pontua\u00e7\u00e3o de Cumulative Layout Shift est\u00e1 entre 0,1 e abaixo. O CLS existe para garantir que os propriet\u00e1rios de sites criem p\u00e1ginas da web que proporcionem aos seus usu\u00e1rios uma experi\u00eancia agrad\u00e1vel ao usar seu site, sem lidar com mudan\u00e7as inesperadas nos layouts das p\u00e1ginas da web.<\/p>\r\n\r\n\r\n\r\n Como Fa\u00e7o Para Passar Nos Core Web Vitals?<\/strong><\/p>\r\n\r\n\r\n\r\n Agora que respondemos \u00e0 pergunta: o que s\u00e3o os Core Web Vitals? A pr\u00f3xima pergunta a ser respondida \u00e9 a segunda que continua surgindo desde que o Google anunciou a implementa\u00e7\u00e3o das tr\u00eas m\u00e9tricas em 2021: como fa\u00e7o para passar nos Core Web Vitals?<\/p>\r\n\r\n\r\n\r\n Voc\u00ea s\u00f3 pode passar nos Core Web Vitals analisando o desempenho do seu site usando essas tr\u00eas m\u00e9tricas: Largest Contentful Paint (LCP) \u2013 velocidade de carregamento, First Input Delayed (FID) \u2013 interatividade e Cumulative Layout Shift (CLS) \u2013 estabilidade visual.<\/p>\r\n\r\n\r\n\r\n 1. Largest Contentful Paint (LCP) \u2013 Velocidade de Carregamento<\/strong><\/p>\r\n\r\n\r\n\r\n V\u00e1rios fatores influenciam a velocidade de carregamento da sua p\u00e1gina da web, e otimiz\u00e1-los da melhor maneira para proporcionar aos usu\u00e1rios uma experi\u00eancia agrad\u00e1vel \u00e9 uma excelente forma de passar nos seus Core Web Vitals. Acertar o seu LCP oferece uma boa chance de passar nos Core Web Vitals. Para acertar o seu LCP, voc\u00ea deve fazer o seguinte:<\/p>\r\n\r\n\r\n\r\n Imagens e V\u00eddeos<\/strong><\/p>\r\n\r\n\r\n\r\n Otimizar as imagens e v\u00eddeos nas suas p\u00e1ginas da web \u00e9 excelente para passar nos seus Core Web Vitals. Imagens e v\u00eddeos s\u00e3o os fatores mais influentes que causam atrasos no carregamento das p\u00e1ginas da web. Se voc\u00ea puder otimiz\u00e1-los, a velocidade de carregamento do seu site se tornar\u00e1 mais r\u00e1pida e melhor, o que ajudar\u00e1 voc\u00ea a passar na pontua\u00e7\u00e3o dos Core Web Vitals. Voc\u00ea pode otimizar suas imagens reduzindo as dimens\u00f5es da imagem de fundo e substituindo-as por cores de fundo. Especialistas afirmam que as imagens de fundo t\u00eam pouco ou nenhum impacto em dispositivos pequenos (geralmente o que a maioria dos seus usu\u00e1rios usa para acessar suas p\u00e1ginas da web); voc\u00ea pode remov\u00ea-las e usar cores de fundo para melhorar a velocidade de carregamento.<\/p>\r\n\r\n\r\n\r\n Os arquivos de v\u00eddeo est\u00e3o se tornando mais importantes e valiosos na web, principalmente porque a publicidade em v\u00eddeo est\u00e1 se tornando muito popular. No entanto, nem todos os usu\u00e1rios est\u00e3o interessados em assistir a v\u00eddeos em sites visitados. Voc\u00ea pode otimizar seus v\u00eddeos usando placeholders de imagem para serem carregados apenas quando clicarem na imagem. Isso significa que o v\u00eddeo n\u00e3o precisa carregar junto com outros conte\u00fados da p\u00e1gina da web. Ele s\u00f3 carrega quando o usu\u00e1rio demonstra interesse clicando na imagem que leva ao v\u00eddeo.<\/p>\r\n\r\n\r\n\r\n Se voc\u00ea deseja fazer o upload de seus v\u00eddeos na sua p\u00e1gina da web, coloque-os abaixo da dobra; dessa forma, seus usu\u00e1rios poder\u00e3o ler algum conte\u00fado antes de assistir aos seus v\u00eddeos e, dessa forma, o v\u00eddeo j\u00e1 ter\u00e1 terminado de carregar antes que o usu\u00e1rio chegue a ele. Outras maneiras de otimizar seus v\u00eddeos para um carregamento mais r\u00e1pido incluem lazy loading, uso de imagens WebP e otimiza\u00e7\u00e3o dos tamanhos dos arquivos de imagem e v\u00eddeo. Fazer tudo isso melhorar\u00e1 significativamente o desempenho de carregamento da sua p\u00e1gina da web, aumentando assim suas chances de passar nos Core Web Vitals.<\/p>\r\n\r\n\r\n\r\n Ent\u00e3o, sim, como fa\u00e7o para passar nos Core Web Vitals? Otimize as imagens e os v\u00eddeos do seu site e voc\u00ea estar\u00e1 alguns passos mais perto.<\/p>\r\n\r\n\r\n\r\n Otimize Suas Fontes JavaScript<\/strong><\/p>\r\n\r\n\r\n\r\n O JavaScript pode influenciar o LCP do seu site, da\u00ed a necessidade de garantir que ele esteja otimizado para acelerar o carregamento. Al\u00e9m disso, v\u00e1rios recursos JavaScript agora est\u00e3o presentes em CSS3 e HTML5; otimize isso reformulando e reduzindo seu c\u00f3digo JavaScript o m\u00e1ximo poss\u00edvel. Isso melhorar\u00e1 a velocidade de carregamento do seu site, posicionando-o para passar nos Core Web Vitals.<\/p>\r\n\r\n\r\n\r\n Certifique-se de que seu servidor seja r\u00e1pido.<\/strong><\/p>\r\n\r\n\r\n\r\n \u00c0s vezes, o servidor que hospeda suas p\u00e1ginas da web pode estar fazendo com que sua p\u00e1gina da web obtenha uma pontua\u00e7\u00e3o baixa no LCP, dando assim ao seu site uma pontua\u00e7\u00e3o baixa nos Core Web Vitals. Certifique-se de estar no servidor correto que permite que seu site carregue mais r\u00e1pido e melhor. Algumas empresas de hospedagem de sites t\u00eam pacotes mais lentos e mais r\u00e1pidos, ent\u00e3o assine os pacotes mais r\u00e1pidos.<\/p>\r\n\r\n\r\n\r\n Ok, ent\u00e3o, depois de otimizar seus v\u00eddeos, imagens e agora JavaScript e fazer um upgrade para um servidor mais r\u00e1pido apenas para ter certeza, mas voc\u00ea ainda n\u00e3o encontrou as respostas para sua pergunta: como fa\u00e7o para passar nos Core Web Vitals? N\u00e3o se preocupe. Voc\u00ea est\u00e1 indo bem, h\u00e1 outras coisas a considerar fazer.<\/p>\r\n\r\n\r\n\r\n 2. First Input Delayed (FID) \u2013 Interatividade<\/strong><\/p>\r\n\r\n\r\n\r\n Aha! A velocidade de carregamento foi otimizada, agora vamos analisar outra resposta para como fa\u00e7o para passar nos Core Web Vitals?<\/p>\r\n\r\n\r\n\r\n Estas s\u00e3o as m\u00e9tricas usadas para calcular a rapidez com que seu site responde (processa) aos cliques do usu\u00e1rio. Como isso tem muito a ver com event listeners, o JavaScript \u00e9 o fator mais influente respons\u00e1vel pela interatividade das suas p\u00e1ginas da web. Certifique-se de otimizar os scripts do seu site para interagir muito rapidamente quando o usu\u00e1rio clicar no bot\u00e3o.<\/p>\r\n\r\n\r\n\r\n A m\u00e9trica FID s\u00f3 pode ser avaliada usando o laborat\u00f3rio de campo, pois requer atividade real do usu\u00e1rio em sua p\u00e1gina da web antes de medir a velocidade de processamento dos cliques. Certifique-se sempre de que o tempo de resposta do seu site seja de cerca de 100 milissegundos. Isso passaria nos Core Web Vitals para uma experi\u00eancia de usu\u00e1rio agrad\u00e1vel.<\/p>\r\n\r\n\r\n\r\n 3. Cumulative Layout Shift (CLS) \u2013 Estabilidade Visual<\/strong><\/p>\r\n\r\n\r\n\r\n \u00d3timo! A velocidade de carregamento est\u00e1 boa. A interatividade tamb\u00e9m est\u00e1 boa, mas voc\u00ea ainda n\u00e3o viu o resultado desejado, ent\u00e3o a pergunta de como fa\u00e7o para passar nos Core Web Vitals ainda est\u00e1 na sua cabe\u00e7a. Bem, isso acontece porque ainda h\u00e1 algo mais a fazer: estabilidade visual.<\/p>\r\n\r\n\r\n\r\n Suas p\u00e1ginas da web n\u00e3o devem ter textos, imagens e v\u00eddeos se movendo inesperadamente enquanto o usu\u00e1rio est\u00e1 nas p\u00e1ginas da web. As mudan\u00e7as de layout s\u00e3o falhas e podem impedir que seus sites passem nos Core Web Vitals, pois n\u00e3o proporcionam uma experi\u00eancia de usu\u00e1rio agrad\u00e1vel. A mudan\u00e7a de layout inesperada \u00e9 influenciada por v\u00e1rios fatores, incluindo layouts CSS, fontes, an\u00fancios, imagens, v\u00eddeos e conte\u00fado din\u00e2mico.<\/p>\r\n\r\n\r\n\r\n Otimize Seu CSS<\/strong><\/p>\r\n\r\n\r\n\r\n Embora o CSS desempenhe um papel significativo no design de suas p\u00e1ginas da web, \u00e9 crucial garantir que ele esteja bem otimizado, especialmente nas larguras e alturas dos layouts para diferentes dispositivos. Al\u00e9m disso, considere usar o estilo CSS inline para projetar a parte fundamental dos designs de suas p\u00e1ginas da web (use CSS inline onde for necess\u00e1rio).<\/p>\r\n\r\n\r\n\r\n Imagens e V\u00eddeos:<\/strong> Certifique-se sempre de que as imagens e os v\u00eddeos em suas p\u00e1ginas da web tenham atributos de largura e altura. Fazer isso permite que os navegadores da web os posicionem corretamente enquanto carregam.<\/p>\r\n\r\n\r\n\r\n Posicionamento de An\u00fancios:<\/strong><\/p>\r\n\r\n\r\n\r\n Certifique-se sempre de projetar espa\u00e7os e layouts para an\u00fancios. Al\u00e9m disso, tenha imagens de fallback caso os an\u00fancios sejam bloqueados.<\/p>\r\n\r\n\r\n\r\n Portanto, otimizar seu site para uma boa pontua\u00e7\u00e3o nos Core Web Vitals envolve diagnosticar e fazer todas as melhorias necess\u00e1rias em seu site usando tr\u00eas m\u00e9tricas: LCP, FID e CLS. Simplificando, use as m\u00e9tricas para melhorar a experi\u00eancia do usu\u00e1rio do seu site.<\/p>\r\n\r\n\r\n\r\n Os Core Web Vitals n\u00e3o tornam outras ferramentas relevantes para diagnosticar e otimizar p\u00e1ginas da web e a experi\u00eancia do usu\u00e1rio ineficazes. Em vez disso, ser\u00e1 uma ferramenta s\u00f3lida e f\u00e1cil de usar para a otimiza\u00e7\u00e3o de p\u00e1ginas da web. Os Core Web Vitals enfatizam a import\u00e2ncia e a necessidade de uma excelente experi\u00eancia de p\u00e1gina da web para um melhor ranking e uma experi\u00eancia de usu\u00e1rio agrad\u00e1vel.<\/p>\r\n\r\n\r\n\r\n A Necessidade de SEO Em Uma Empresa Em Crescimento?<\/strong><\/p>\r\n\r\n\r\n\r\n As pessoas costumam perguntar: por que SEO, se voc\u00ea pode usar plataformas de m\u00eddia social online e publicidade online paga para promover sua empresa? Elas tamb\u00e9m perguntam: qual a necessidade de SEO em uma empresa em crescimento?<\/p>\r\n\r\n\r\n\r\n SEO \u00e9 sobre pessoas e mecanismos de busca. Existem muitos benef\u00edcios do SEO no crescimento de neg\u00f3cios\/empresas. Um bom exemplo da necessidade de SEO em uma empresa em crescimento \u00e9 que ele direciona mais tr\u00e1fego para um site usando resultados org\u00e2nicos de mecanismos de busca. O SEO \u00e9 usado para atrair visitantes genu\u00ednos para o site da sua empresa. Os visitantes que s\u00e3o direcionados para o seu site em tr\u00e1fego significativo s\u00e3o genu\u00ednos porque precisam do seu produto e servi\u00e7os.<\/p>\r\n\r\n\r\n\r\n Coleta e An\u00e1lise de Dados<\/strong><\/p>\r\n\r\n\r\n\r\n Outra necessidade de SEO para uma empresa em crescimento \u00e9 que ele pode ser usado para coletar dados online relevantes sobre o que as pessoas mais pesquisam na internet. O SEO presta aten\u00e7\u00e3o \u00e0s coisas que as pessoas querem ou precisam, incluindo as palavras que usam em suas atividades e pesquisas online. Ele usa esses dados para conectar essas pessoas aos neg\u00f3cios online relevantes que oferecem os servi\u00e7os e vendem os produtos que elas est\u00e3o procurando na internet.<\/p>\r\n\r\n\r\n\r\n Visibilidade e Constru\u00e7\u00e3o de Confian\u00e7a<\/strong><\/p>\r\n\r\n\r\n\r\n As necessidades de SEO n\u00e3o param na gera\u00e7\u00e3o de tr\u00e1fego para sites, pois \u00e9 uma boa ferramenta para uma campanha de marketing bem projetada, e um site de empresa com otimiza\u00e7\u00e3o SEO contribui muito para construir confian\u00e7a e dar \u00e0 sua empresa melhor visibilidade para muitas pessoas na internet. O SEO ajudar\u00e1 o site da sua empresa a ter uma classifica\u00e7\u00e3o mais alta no Google, ganhar a confian\u00e7a de seus clientes e aumentar a credibilidade da sua empresa.<\/p>\r\n\r\n\r\n\r\n SEO \u00c9 Economicamente Vi\u00e1vel<\/strong><\/p>\r\n\r\n\r\n\r\n As campanhas de marketing de SEO s\u00e3o mais baratas do que o marketing online pago, portanto, a rela\u00e7\u00e3o custo-benef\u00edcio \u00e9 uma necessidade do SEO em uma empresa em crescimento. As campanhas de SEO s\u00e3o mais econ\u00f4micas em compara\u00e7\u00e3o com as m\u00eddias sociais e outras campanhas de marketing pagas. O SEO traz resultados duradouros, dos quais sua empresa continuar\u00e1 a se beneficiar ao longo do tempo. Ele far\u00e1 com que sua marca esteja presente no lugar certo quando as pessoas precisarem dela.<\/p>\r\n\r\n\r\n\r\n O SEO Aumenta o Tr\u00e1fego e a Taxa de Convers\u00e3o<\/strong><\/p>\r\n\r\n\r\n\r\n Uma necessidade profunda do SEO em uma empresa em crescimento \u00e9 que ele \u00e9 excelente para dar ao seu site uma classifica\u00e7\u00e3o superior em outros mecanismos de busca. Isso, sem d\u00favida, trar\u00e1 muito mais pessoas para visitar sua empresa, permitindo que voc\u00ea as envolva, forme relacionamentos e converta vendas.<\/p>\r\n\r\n\r\n\r\n Concluindo<\/strong><\/p>\r\n\r\n\r\n\r\n De fato, embora seja um fato que o SEO \u00e9 de grande necessidade para o crescimento da sua empresa, \u00e0s vezes pode n\u00e3o produzir os resultados esperados, especialmente quando n\u00e3o \u00e9 bem utilizado pelos mercados. \u00c0s vezes, os resultados esperados podem vir em pouco tempo ou exigir paci\u00eancia e trabalho \u00e1rduo antes de render resultados positivos.<\/p>\r\n","protected":false},"excerpt":{"rendered":" \u00c0 medida que o Google revela seus planos de implementar novas m\u00e9tricas \u2013 os Core Web Vitals \u2013 para medir a qualidade da experi\u00eancia do usu\u00e1rio (UX) em sites online, as quais desempenhar\u00e3o pap\u00e9is significativos em SEO e no ranking do Google, algumas perguntas t\u00eam surgido nas mentes de propriet\u00e1rios de sites, profissionais de marketing, […]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","om_disable_all_campaigns":false,"footnotes":""},"categories":[1167],"tags":[],"class_list":{"0":"post-12346","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-uncategorized-pt"},"yoast_head":"\n\r\n