Entendendo os principais Web Vitals e as principais técnicas para melhorá-los

O que são os principais Web Vitals?

Core Web Vitals são o subconjunto de Web Vitals que se aplicam a todas as páginas da web. Cada um dos Core Web Vitals reflete uma experiência do mundo real e representa uma faceta distinta da experiência do usuário. O Google recomenda que essas métricas sejam avaliadas por todos os proprietários de sites.

As métricas que compõem o Core Web Vitals evoluirão ao longo do tempo, mas no momento em que este artigo foi escrito, o conjunto de métricas se concentra em três aspectos principais da experiência do usuário:

• Carregando
• Interatividade
• Estabilidade visual

O que é a maior pintura de conteúdo (LCP)?

O Largest Contentful Paint, ou LCP, mede o desempenho de carregamento, o primeiro aspecto da experiência do usuário. Ele marca o ponto na linha do tempo de carregamento em que o conteúdo principal da sua página provavelmente terminou de carregar. Quanto mais rápida for a sua maior pintura de conteúdo, mais seguro para o Google de que os usuários acharão a página útil.

Para que sua página da Web forneça uma boa experiência ao usuário, o LCP deve ocorrer em até 2,5 segundos após o início do carregamento da página.

Para enfatizar a importância de atender às diretrizes de maior conteúdo de conteúdo, os usuários passarão mais tempo em um site quando as páginas carregarem mais rapidamente. Na verdade, os usuários visitam 8,9 páginas quando o tempo de carregamento é de dois segundos (o que atende à recomendação de 2,5 segundos do LCP), contra apenas 3,3 páginas quando o tempo de carregamento é de oito segundos.

Programa de Certificação de SEO Avançado GRATUITAMENTE

Domine os principais conceitos e habilidades e torne-se um profissional de SEO Inscreva-se agora

O que é o atraso da primeira entrada (FID)?

First Input Delay, ou FID, mede a interatividade, o segundo aspecto da experiência do usuário. Ele quantifica a experiência que os usuários sentem ao tentar interagir com páginas que não respondem.

O FID mede o tempo desde quando um usuário interage pela primeira vez com sua página (como clicar em um link ou tocar em um botão) até o momento em que o navegador começa a processar manipuladores de eventos em resposta à ação do usuário.

Para fornecer uma boa experiência ao usuário, o atraso da primeira entrada de suas páginas deve ser de 100 milissegundos ou menos. Um FID baixo ajuda a garantir que sua página seja utilizável.

O que é deslocamento de layout cumulativo (CLS)?

O deslocamento de layout cumulativo, ou CLS, mede a estabilidade visual, o terceiro aspecto da experiência do usuário. Ele ajuda a quantificar com que frequência um usuário experimenta uma mudança inesperada de layout. Um CLS baixo ajuda a garantir que a página não seja desajeitada.

Para fornecer uma boa experiência ao usuário, as páginas devem manter um deslocamento de layout cumulativo de 0,1 ou menos. É uma pontuação em vez de uma medida de tempo como LCP e FID.

A pontuação LCS é calculada fazendo com que o navegador observe o tamanho da janela de visualização e o movimento de elementos instáveis ​​na janela de visualização entre dois quadros renderizados.

Como melhorar os principais Web Vitals

Otimizar para uma experiência de usuário de qualidade é a chave para o sucesso do seu site, e o Google acredita que os Core Web Vitals são fundamentais para todas as experiências na web. Como tal, é importante identificar oportunidades para melhorar a experiência do usuário no maior número possível de páginas.

Para garantir que você esteja atingindo a meta recomendada para os usuários em seu site, um bom limite para medir as métricas de LCP, FID e CLS é o 75º percentil de carregamentos de página. Para considerar seu site compatível com o Core Web Vitals, considere a aprovação de uma página se atingir as metas recomendadas no percentil 75 para essas métricas.

Aqui estão algumas maneiras de melhorar suas principais métricas de vitals da web e garantir que seu site ofereça uma ótima experiência ao usuário.

Melhorar a velocidade de carregamento da página

Neste ponto, nem é preciso dizer que, quando uma página da Web é carregada rapidamente, isso contribui para uma melhor experiência do usuário. Entre dois e três segundos é o ponto de virada onde as taxas de rejeição disparam. 40% dos consumidores não esperarão mais de três segundos antes de decidirem sair do seu site.

Use o PageSpeed ​​Insights para obter uma pontuação para qualquer página da Web inserida e aproveite as sugestões da ferramenta para trabalhar no sentido de tornar suas páginas carregadas mais rapidamente. Provavelmente, haverá casos em que os tempos de carregamento não atendem às diretrizes do Core Web Vitals, e é aí que você pode precisar analisar vídeos, imagens ou outros problemas que podem causar carregamento lento.

Otimize a maior pintura de conteúdo

Sendo que a maior pintura de conteúdo (LCP) tem um peso significativo na pontuação geral do Core Web Vitals, é aconselhável otimizar para essa métrica. Como os tempos de carregamento de recursos são um infrator comum para pontuações baixas de LCP, aqui estão algumas coisas que o Google recomenda:

• Otimize e comprima imagens
• Pré-carregar recursos importantes
• Compactar arquivos de texto
• Use a veiculação adaptável
• Ativos de cache usando um service worker

Curso Gratuito do Google Analytics

Construa uma base sólida do Google Analytics agora comece a aprender

Reduza suas taxas de rejeição

As taxas de rejeição ilustram a taxa em que os usuários estão abandonando seu site e você deseja que essa porcentagem seja a mais baixa possível.

O Google Analytics, por exemplo, mostra a taxa de rejeição de qualquer página do seu site que tenha sido visitada. Isso pode ajudar você a identificar problemas, como se uma página não é responsiva ou não está carregando corretamente em dispositivos móveis.

Uma alta taxa de rejeição também pode indicar que os usuários não estão encontrando o que precisam, o que pode indicar ao Google que a página não é relevante para a consulta para a qual aparece nos resultados de pesquisa. Altas taxas de rejeição também podem indicar uma experiência ruim do usuário com intersticiais, pop-ups e outros elementos intrusivos.

Elimine mudanças de layout inesperadas

Quando o texto ou um botão se move repentinamente para outra posição na página (geralmente devido a problemas de carregamento), isso é conhecido como uma mudança inesperada de layout. Pode ser frustrante para os usuários, fazendo com que eles fiquem desorientados ou cliquem na coisa errada.

Para evitar ou eliminar mudanças inesperadas de layout, faça o seguinte:

• Evite inserir conteúdo acima do conteúdo existente
• Certifique-se de que as transições sejam animadas para contexto e continuidade
• Incluir atributos de tamanho em imagens e vídeos

Quer dominar as disciplinas essenciais em Marketing Digital? Confira agora o curso de Especialista em Marketing Digital.

Olhando para desbloquear os benefícios de SEO e Core Web Vitals?

O SEO e os Core Web Vitals do Google são essenciais para qualquer estratégia de marketing digital. Nosso Curso de Treinamento em Search Engine Optimization (SEO) irá transformá-lo em um profissional de SEO full-stack, impulsionando o crescimento sustentado no canal de marketing mais crítico do seu site. No curso, você dominará as muitas facetas do SEO, como pesquisa de palavras-chave, SEO técnico, construção de links, análise e muito mais.

Se você está interessado em se tornar um profissional de marketing digital full-stack com habilidades além de SEO, confira nosso Programa de Pós-Graduação em Marketing Digital. Neste programa abrangente, fornecido em parceria com a Purdue University e co-criado com o Facebook, você aprenderá tudo o que precisa saber para se tornar um profissional de marketing digital de sucesso por meio de projetos práticos, instruções on-line ao vivo, masterclasses do corpo docente da Purdue e especialistas no Facebook, estudos de caso da Harvard Business Publishing e muito mais!