{"id":23401,"date":"2020-12-16T15:07:02","date_gmt":"2020-12-16T17:07:02","guid":{"rendered":"https:\/\/king.host\/blog\/?p=23401"},"modified":"2024-10-07T16:39:00","modified_gmt":"2024-10-07T19:39:00","slug":"core-web-vitals","status":"publish","type":"post","link":"https:\/\/king.host\/blog\/tecnologia\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: as mudan\u00e7as do Google que v\u00e3o impactar o seu site"},"content":{"rendered":"<p><b><i>Descubra o que \u00e9 Core Web Vitals e como essa nova atualiza\u00e7\u00e3o do Google pode impactar o seu site.<\/i><\/b><\/p>\n<p>Voc\u00ea sabia que a partir de maio de 2021 <strong>o Google vai incluir mais tr\u00eas fatores de an\u00e1lise<\/strong> para determinar o ranqueamento das p\u00e1ginas?<\/p>\n<p>Isso mesmo, em 2021 entrar\u00e1 em vigor o Core Web Vitals, que promete mudar a forma como trabalhamos as otimiza\u00e7\u00f5es de SEO em nossos sites.<\/p>\n<p>Quer ficar por dentro de tudo dessa atualiza\u00e7\u00e3o? Confira em detalhes agora.<\/p>\n<h2 style=\"text-align: center;\"><strong>O que \u00e9 Core Web Vitals?<\/strong><\/h2>\n<p>Core Web Vitals \u00e9 um conjunto de m\u00e9tricas relacionadas \u00e0 <strong>velocidade<\/strong>, <strong>capacidade de resposta<\/strong> e <strong>estabilidade visual.<\/strong><\/p>\n<p>Elas se somam a outros fatores, como velocidade de carregamento da p\u00e1gina e facilidade de uso para dispositivos m\u00f3veis, para <strong>compor os fatores de ranqueamento do Google<\/strong>.<\/p>\n<p>Foi anunciada oficialmente Google atrav\u00e9s do blog <a href=\"https:\/\/developers.google.com\/search\/blog\" target=\"_blank\" rel=\"noopener\">Google Search Central Blog<\/a> e\u00a0<a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/11\/timing-for-page-experience\" target=\"_blank\" rel=\"noopener\">entrar\u00e1 em vigor a partir de maio de 2021<\/a>, \u00e9 descrita pelo Google como \u201c<strong>a chave para o sucesso de qualquer site na web a longo prazo<\/strong>\u201d.<\/p>\n<p>Agora temos sete fatores que determinam a qualidade de uma experi\u00eancia de p\u00e1gina no Google, s\u00e3o eles:<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone wp-image-23402 size-large\" src=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-780x439.jpg\" alt=\"Conhe\u00e7a as Core Web Vitals\" width=\"780\" height=\"439\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-780x439.jpg 780w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-300x169.jpg 300w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-768x432.jpg 768w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-400x225.jpg 400w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals.jpg 960w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/p>\n<p>1. <a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noopener\">Largest Contentful Paint (LCP)<\/a>: mede a <strong>velocidade de carregamento percebida<\/strong> e marca o ponto na linha do tempo de carregamento da p\u00e1gina quando o conte\u00fado principal da p\u00e1gina provavelmente foi carregado.<\/p>\n<p>Para fornecer uma boa experi\u00eancia ao usu\u00e1rio, o LCP deve ocorrer dentro de 2,5 segundos ap\u00f3s o in\u00edcio do carregamento da p\u00e1gina.<\/p>\n<p>2. <a href=\"https:\/\/web.dev\/fid\/\" target=\"_blank\" rel=\"noopener\">First Input Delay (FID)<\/a>: mede a <strong>capacidade de resposta e quantifica a experi\u00eancia que os usu\u00e1rios sentem ao tentar interagir pela primeira vez com a p\u00e1gina<\/strong>.<\/p>\n<p>Para fornecer uma boa experi\u00eancia ao usu\u00e1rio, as p\u00e1ginas devem ter um FID de menos de 100 milissegundos .<\/p>\n<p>3. <a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noopener\">Largest Contentful Paint (CLS)<\/a>: mede a <strong>estabilidade visual e quantifica a quantidade de mudan\u00e7as inesperadas de layout do conte\u00fado vis\u00edvel da p\u00e1gina<\/strong>.<\/p>\n<p>Para fornecer uma boa experi\u00eancia ao usu\u00e1rio, as p\u00e1ginas devem manter um CLS inferior a 0,1.<\/p>\n<p>4. Mobile Friendly: analisa se a p\u00e1gina \u00e9 <strong>otimizada para navega\u00e7\u00e3o m\u00f3vel<\/strong>.<\/p>\n<p>5. Navega\u00e7\u00e3o segura: analisa se a p\u00e1gina <strong>n\u00e3o cont\u00e9m nenhum conte\u00fado enganoso ou software malicioso<\/strong>.<\/p>\n<p>6. Seguran\u00e7a com HTTPS: analisa se a p\u00e1gina <strong>est\u00e1 utilizando HTTPS<\/strong>, o famoso <a href=\"https:\/\/king.host\/blog\/2019\/05\/o-que-e-ssl\/\">Certificado SSL<\/a>.<\/p>\n<p>7. Sem intrus\u00f5es: verifica se a p\u00e1gina <strong>n\u00e3o cont\u00e9m problemas que envolvam o conte\u00fado principa<\/strong>l.<\/p>\n<p>Segundo o Google, as m\u00e9tricas que constituem a Core Web Vitals ir\u00e3o <a href=\"https:\/\/web.dev\/vitals\/#evolving-web-vitals\" target=\"_blank\" rel=\"noopener\">evoluir<\/a> com o tempo.<\/p>\n<h2 style=\"text-align: center;\"><strong>Como medir o Core Web Vitals?<\/strong><\/h2>\n<p>O Google j\u00e1 disponibilizou ferramentas para <strong>medir de forma simples e f\u00e1cil<\/strong> os fatores que comp\u00f5em o Core Web Vitals.<\/p>\n<p>Atrav\u00e9s do <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" target=\"_blank\" rel=\"noopener\">Chrome UX Report,<\/a> os propriet\u00e1rios de sites poder\u00e3o avaliar e medir rapidamente o desempenho de seu site para cada uma das Web Vitals.<\/p>\n<p>Al\u00e9m disso, o gigante das buscas anunciou que todas as ferramentas populares do Google para desenvolvedores da web ir\u00e3o oferecer suporte \u00e0 medi\u00e7\u00e3o de Core Web Vitals.<\/p>\n<p>Ou seja, ser\u00e1 poss\u00edvel analisar o desempenho do seu site em ferramentas como <a href=\"https:\/\/github.com\/GoogleChrome\/lighthouse\" target=\"_blank\" rel=\"noopener\">Lighthouse<\/a>, <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed ??Insights<\/a>, <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\" target=\"_blank\" rel=\"noopener\">Chrome DevTools<\/a>, <a href=\"https:\/\/search.google.com\/search-console\/about\" target=\"_blank\" rel=\"noopener\">Search Console<\/a>, <a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"noopener\">Measure<\/a> e a <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\" target=\"_blank\" rel=\"noopener\">extens\u00e3o Web Vitals Chrome<\/a>.<\/p>\n<h2 style=\"text-align: center;\"><strong>Recomenda\u00e7\u00f5es para melhorar sua pontua\u00e7\u00e3o na Core Web Vitals<\/strong><\/h2>\n<p>Depois de medir as Web Vitals e identificar as \u00e1reas de melhoria, a pr\u00f3xima etapa \u00e9 trabalhar nas otimiza\u00e7\u00f5es, certo?<\/p>\n<p>Pensando nisso, o Google disponibilizou tr\u00eas guias com dicas e a\u00e7\u00f5es para melhorar os dados em cada uma das Web Vitals.<\/p>\n<p>Voc\u00ea pode acess\u00e1-los aqui:<\/p>\n<ul>\n<li><a href=\"https:\/\/web.dev\/optimize-lcp\/\" target=\"_blank\" rel=\"noopener\">Otimiza\u00e7\u00e3o para Largest Contentful Paint (LCP)<\/a>;<\/li>\n<li><a href=\"https:\/\/web.dev\/optimize-fid\" target=\"_blank\" rel=\"noopener\">Otimiza\u00e7\u00e3o para First Input Delay (FID)<\/a>;<\/li>\n<li><a href=\"https:\/\/web.dev\/optimize-cls\/\" target=\"_blank\" rel=\"noopener\">Otimiza\u00e7\u00e3o para Largest Contentful Paint (CLS)<\/a>.<\/li>\n<\/ul>\n<h2 style=\"text-align: center;\"><strong>Existem valores de refer\u00eancia para avaliar o desempenho do seu site?<\/strong><\/h2>\n<p>J\u00e1 existem valores de refer\u00eancia que ajudaram a guiar as otimiza\u00e7\u00f5es em busca de melhores m\u00e9tricas, s\u00e3o eles:<\/p>\n<ul>\n<li>Largest Contentful Paint (LCP): o LCP deve ocorrer dentro de 2,5 segundos ap\u00f3s o in\u00edcio do carregamento da p\u00e1gina.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-23403 size-full\" src=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lcp.png\" alt=\"Largest Contentful Paint (LCP)\" width=\"768\" height=\"192\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lcp.png 768w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lcp-300x75.png 300w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lcp-400x100.png 400w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<ul>\n<li>First Input Delay (FID): as p\u00e1ginas devem ter um FID de menos de 100 milissegundos.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-23404 size-full\" src=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-fid.png\" alt=\"First Input Delay (FID)\" width=\"768\" height=\"192\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-fid.png 768w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-fid-300x75.png 300w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-fid-400x100.png 400w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<ul>\n<li>Largest Contentful Paint (CLS): as p\u00e1ginas devem manter um CLS inferior a 0,1.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23405 size-full\" src=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-cls.png\" alt=\"Largest Contentful Paint (CLS)\" width=\"768\" height=\"192\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-cls.png 768w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-cls-300x75.png 300w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-cls-400x100.png 400w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><\/p>\n<p><a href=\"https:\/\/king.host\/seo-certo?utm_source=lab&amp;utm_medium=post&amp;utm_term=seo&amp;utm_content=seo&amp;utm_campaign=content-marketing\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23408 size-large\" src=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lista-seo-certo-780x201.png\" alt=\"Ferramenta SEO Certo KingHost\" width=\"780\" height=\"201\" title=\"\" srcset=\"https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lista-seo-certo.png 780w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lista-seo-certo-300x77.png 300w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lista-seo-certo-768x198.png 768w, https:\/\/cdn-cms.king.host\/blog-hlg\/uploads\/2020\/12\/core-web-vitals-lista-seo-certo-400x103.png 400w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/><\/a><\/p>\n<p>[row cols_nr=&#8221;2&#8243; class=&#8221;narrow&#8221;]<\/p>\n<p>[col size=&#8221;6&#8243;]<\/p>\n<p>[button link=&#8221;https:\/\/king.host\/blog\/2020\/12\/tendencias-visuais\/?utm_source=lab&amp;utm_medium=botao&amp;utm_term=tendencias-2021&amp;utm_content=tendencias-2021&amp;utm_campaign=content-marketing&#8221; size=&#8221;small&#8221; text_size=&#8221;gamma&#8221;]Anterior: Tend\u00eancias visuais para investir em 2021[\/button]<\/p>\n<p>[\/col]<\/p>\n<p>[col size=&#8221;6&#8243;]<\/p>\n<p>[button link=&#8221;https:\/\/king.host\/blog\/2020\/11\/tendencias-de-marketing\/?utm_source=lab&amp;utm_medium=botao&amp;utm_term=tendencias-2021&amp;utm_content=tendencias-2021&amp;utm_campaign=content-marketing&#8221; size=&#8221;small&#8221; text_size=&#8221;gamma&#8221;]Pr\u00f3ximo: Tend\u00eancias de marketing para 2021[\/button]<\/p>\n<p>[\/col]<\/p>\n<p>[\/row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descubra o que \u00e9 Core Web Vitals e como essa nova atualiza\u00e7\u00e3o do Google pode impactar o seu site. Voc\u00ea sabia que a partir de maio de 2021 o Google vai incluir mais tr\u00eas fatores de an\u00e1lise para determinar o ranqueamento das p\u00e1ginas? Isso mesmo, em 2021 entrar\u00e1 em vigor o Core Web Vitals, que [&hellip;]<\/p>\n","protected":false},"author":386,"featured_media":33557,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1192,1176,1333,8],"tags":[1381],"class_list":["post-23401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-empreendedorismo","category-marketing-digital","category-solucoes-marketing","category-tecnologia","tag-marketing-digital"],"_links":{"self":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/23401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/users\/386"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/comments?post=23401"}],"version-history":[{"count":17,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/23401\/revisions"}],"predecessor-version":[{"id":38333,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/posts\/23401\/revisions\/38333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media\/33557"}],"wp:attachment":[{"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/media?parent=23401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/categories?post=23401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/king.host\/blog\/wp-json\/wp\/v2\/tags?post=23401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}