<!-- wp:paragraph -->
<p>Venha entender como as&nbsp;<strong>principais métricas da Web</strong>&nbsp;(LCP, FID e CLS) impactam no&nbsp;<strong>SEO</strong>, e também servem para otimizar a experiência de usuários dentro do seu site.</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2><strong>O que são essas métricas da web?</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Com o intuito de medir os aspectos essenciais de uma página, as métricas da web trabalham sempre em conjunto. Com acesso a uma base de dados de laboratório e até mesmo de pesquisa de campo, o Google apresentou uma combinação de métricas novas, com outras já conhecidas.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><a href="https://beatz.com.br/data-driven-marketing/"><strong>As principais métricas da web</strong></a> são as três mais importantes, e o Google pede para que donos de sites se informem sobre elas para uma otimização mais eficiente de seus domínios.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ninguém gosta de entrar em um site que demore para carregar, certo? Dessa forma, a&nbsp;<strong>Experiência do Usuário (UX)</strong>&nbsp;está começando a ser levada mais a sério.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>E com motivo, afinal, se a sua empresa possui um site, torna-se essencial otimizá-lo ele para conseguir um bom engajamento e&nbsp;<a href="https://beatz.com.br/servico/consultoria-de-seo/"><strong>reduzir a taxa de rejeição</strong>.</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Por isso, o Google apresentou novas métricas que podem ter impacto na classificação do seu site nas pesquisas.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>E essas métricas principais são:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li><strong>LCP</strong></li><li><strong>FID</strong></li><li><strong>CLS</strong></li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Parece difícil, né? Mas não é. Pode deixar que a gente te explica!</p>
<!-- /wp:paragraph -->

<!-- wp:heading -->
<h2><strong>LCP (Largest Contentful Paint)</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p><strong>LCP</strong>, traduzindo para “maior pintura com conteúdo”, é a primeira métrica que vamos falar. Ela é uma métrica principal da web, focada em medir a velocidade de carregamento que é percebida pelo usuário.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Essa métrica vai calcular quanto tempo leva para o maior elemento aparecer na tela, sendo um texto ou imagem. Por exemplo, se a sua página possui apenas um texto e uma grande imagem, essa imagem vai ser considerada pelo LCP.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>De acordo com o Google, o LCP de uma página deve ser menor que 2,5 segundos. Desse modo, ele também oferece uma ferramenta que te ajuda a otimizar a página, que chama&nbsp;<strong>PageSpeed</strong>&nbsp;<strong>Insights</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>As tarefas que podem otimizar o LCP são:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Reduzir o tempo que leva para recursos carregarem;</li><li>Retirar recursos&nbsp;<strong>JavaScript&nbsp;</strong>e&nbsp;<strong>CSS&nbsp;</strong>de bloqueio;</li><li>Melhorar a renderização de elementos&nbsp;<strong>front-end</strong>;</li><li>Otimizar o tempo de resposta do servidor;</li><li>Reconhecer o elemento principal e melhorar o carregamento.</li></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2><strong>FID (First Input Delay)</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>O&nbsp;<strong>FID</strong>, ou “atraso na primeira entrada”, serve para medir quanto tempo o navegador leva para responder à primeira interação do usuário. Nesse meio tempo, o navegador faz muitas tarefas ao mesmo tempo, e para agilizar esse processo, é preciso focar no FID.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>O FID calcula todas as interações que estão acontecendo no carregamento da página. Dessa forma, o Google diz que o valor ideal deve ser menos de 100 milissegundos e acima disso já precisa ser otimizado.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Contudo, é preciso tomar cuidado caso queira melhorar esse aspecto. O Google precisa de dados reais de usuários para poder calcular. Ele não pode apenas supor o FID a partir de seus próprios dados.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Porém, tome cuidado ao tentar otimizar o seu site. Pois, caso você precise remover processos que atrasam essas interações, pode ser que a sua página perca alguma função.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Nesse sentido, você deve encontrar soluções que apresentem o melhor aumento de performance possível.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":589,"sizeSlug":"large"} -->
<figure class="wp-block-image size-large"><img src="https://beatz.com.br/wp-content/uploads/2020/12/meio-platz-metricas-da-web.jpg" alt="Uma pessoa segurando duas peças de quebra-cabeça." class="wp-image-589"/></figure>
<!-- /wp:image -->

<!-- wp:heading -->
<h2><strong>CLS (Cumulative Layout Shift)</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>A terceira métrica principal da Web é o&nbsp;<strong>CLS</strong>, ou, deslocamento de layout cumulativo. Em resumo, essa métrica tem o intuito de determinar o quão estável os elementos da página carregam, vendo, com qual frequência, mudanças inesperadas acontecem no layout.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>O CLS consegue checar quando as dimensões de um elemento não estão definidas. A pontuação pode ir de 0 até 1, onde 0 representa ausência de deslocamento, e 1 define o maior deslocamento. Dessa forma, ele considera que o valor do CLS deve estar abaixo de&nbsp;<strong>0,1</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Os&nbsp;<strong>Ads&nbsp;</strong>são os que mais possuem envolvimento nessa parte. Visto que, nem sempre eles são otimizados, e também, sendo de um servidor externo, é comum trazerem esse tipo de problema.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ainda não entendeu como funciona? Vamos te dar um exemplo.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Um botão carrega na sua tela, convidando você a fazer algo, mas, enquanto, isso um texto está carregando ao fundo. E no momento em que você vai clicar no botão, o texto termina de carregar e faz o botão ir para cima.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Não é algo muito prazeroso de acontecer, e conta muito na&nbsp;<strong>Experiência do Usuário.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>É possível otimizar o CLS das seguintes maneiras:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Caso seu site possua anúncios, deixe em separado uma área específica só para eles;</li><li>Deixe definido as dimensões corretas das imagens;</li><li>Se o seu site não prioriza o carregamento de imagens, deixe organizado para os elementos não mudarem de posição.</li></ul>
<!-- /wp:list -->

<!-- wp:heading -->
<h2><strong>Como corrigir problemas</strong></h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Ao receber os relatórios dessas métricas, pode ser que você perceba alguns problemas que devem ser corrigidos. Dessa forma, aqui vamos te mostrar algumas soluções que podem auxiliar nessa tarefa.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3><strong>Sendo um usuário não técnico</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Dê prioridade aos problemas: sugerimos que você cheque tudo que está marcado como “<strong>Ruim</strong>” primeiro, e depois comece a checar problemas que afetem os URLs mais importantes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Assim que definir suas prioridades, envie o relatório para a pessoa que irá atualizar seus URLs, um engenheiro, por exemplo.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Existem algumas correções de páginas comuns, são elas:</p>
<!-- /wp:paragraph -->

<!-- wp:list -->
<ul><li>Recomenda-se ter páginas e recursos menores que 500 KB;</li><li>O número de recursos da página deve ser menor que 50 para um desempenho melhor em dispositivos móveis;</li><li>Cogite utilizar&nbsp;<strong>AMP</strong>&nbsp;(em português, páginas aceleradas para dispositivos móveis), para agilizar o processo de carregamento de páginas nesses dispositivos.</li></ul>
<!-- /wp:list -->

<!-- wp:paragraph -->
<p>Faça testes das suas correções, com ferramentas como o&nbsp;<strong>Chrome Lighthouse</strong>&nbsp;ou&nbsp;<strong>PageSpeed Insights.</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Clique em&nbsp;<strong>Iniciar rastreamento</strong>&nbsp;no relatório de principais métricas da Web do Search Console, na página de detalhes do problema, quando achar que um problema foi solucionado.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Por fim, agora, é só acompanhar o processo de validação.</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"level":3} -->
<h3><strong>Técnicos e desenvolvedores de sites</strong></h3>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Classifique a prioridade dos problemas. Indicamos que você foque no que está marcado como “Ruim”. Em seguida, verifique os problemas que atingem a maior parte dos URLS ou os mais importantes.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Sugerimos a você, ler as diretrizes de carregamento rápido do web.dev e, também, as páginas sobre desempenho dos Fundamentos da Web, a fim de entender como otimizar a sua página.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Você pode usar uma ferramenta para testar as correções feitas, como a&nbsp;<strong>PageSpeed Insights</strong>&nbsp;ou o&nbsp;<strong>Chrome Lighthouse</strong>.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Por fim, caso ache que algum problema foi corrigido, você pode&nbsp;<strong>Iniciar rastreamento</strong>, no relatório de principais métricas da Web do Search Console, na página de detalhes do problema.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Agora, é só acompanhar seu processo de validação.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>O Google já anunciou que em 2021, a experiência em página do usuário vai se tornar um fator de ranqueamento nos algoritmos. A experiência de usuário sempre teve um papel essencial dentro dos melhores sites, mas agora, ela vai se tornar ainda mais importante.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Com um estudo sobre essas métricas da web, você vai ser capaz de levar seu site para o topo dos mecanismos de busca.</p>
<!-- /wp:paragraph -->

<!-- wp:embed {"url":"https://youtu.be/QFzvSNA3wxY","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
https://youtu.be/QFzvSNA3wxY
</div><figcaption>Como Aumentar suas Conversões com o Google Optimize (Seu site vai ficar Perfeito)</figcaption></figure>
<!-- /wp:embed -->

<!-- wp:paragraph -->
<p>Quer saber mais sobre as novidades do mundo do marketing digital? Leia outros posts em <a href="https://beatz.com.br/inbound-marketing/">nosso site</a>!</p>
<!-- /wp:paragraph -->