Como otimizar os principais elementos vitais da Web para melhorar o SEO e o UX

TL; DR: O Google anunciou que a experiência da página será um fator de classificação para a pesquisa de desktop até o final de março de 2022. Monitore seus sinais do Core Web Vitals para garantir uma experiência positiva do cliente e proteger as taxas de conversão.

Ir para uma seção:

• O que é a atualização da experiência da página da área de trabalho?
• Qual a importância da experiência da página em relação a outros fatores de classificação?
• Qual é o impacto comercial da experiência na página?
• Métricas do Core Web Vitals do Google
• Onde posso encontrar as métricas do Core Web Vitals?
• Monitorando os principais Web Vitals no Botify
• O relatório Core Web Vitals no GSC
• Sinais de experiência de página existentes no algoritmo do Google
• Como otimizar a experiência da página?

O que é a atualização da experiência da página?

Dada a escolha entre uma ótima experiência de página da web e uma “meh”, vamos escolher a ótima sempre.

Você já teve que esperar oito segundos para um menu abrir? Ou clicou em algo por engano porque um elemento da página se moveu repentinamente?

Claro que você tem. Nós todos temos.

O Google sabe o quanto interações como essa podem azedar nossa experiência em um site. É por isso que eles adicionaram critérios relacionados à experiência como fatores de classificação ao longo dos anos, como velocidade da página e compatibilidade com dispositivos móveis.

Mas em novembro de 2020, o Google anunciou sua intenção de criar um fator de classificação abrangente de experiência de página. Essa atualização consolidaria os sinais de experiência de página existentes (por exemplo, compatibilidade com dispositivos móveis, prevalência de intersticiais intrusivos) e também incorporaria as métricas do Core Web Vitals (CWV), que mede atributos relacionados à velocidade da página, capacidade de resposta e estabilidade visual.

Essas atualizações atingem a pesquisa móvel em junho de 2021. Graças ao fator de classificação da experiência da página, os sites não precisam mais de Accelerated Mobile Pages (AMPs) para classificar nos resultados do Top Stories. Desde que as páginas atingissem seus limites de experiência na página, elas estariam qualificadas para posicionamento prioritário na pesquisa para celular.

Agora, o Google está estendendo a atualização da experiência da página para incluir a pesquisa na área de trabalho. O lançamento deve ser concluído até o final de março de 2022.

Qual a importância da experiência da página em relação a outros fatores de classificação?

A experiência na página é menos importante do que ter conteúdo relevante e de alta qualidade. Nas próprias palavras do Google, “Priorizamos as páginas com as melhores informações em geral, mesmo que alguns aspectos da experiência da página sejam inferiores”.

O que isso significa para você? Isso significa que, se o seu conteúdo for de qualidade e relevância semelhantes ao de um concorrente, mas esse concorrente tiver melhores métricas de experiência na página, a página do concorrente provavelmente superará a sua.

Qual é o impacto comercial da experiência na página?

Uma experiência de página otimizada não é apenas uma boa classificação na pesquisa – ela tem um impacto direto nas conversões e na forma como os clientes experimentam sua marca. O Google descobriu que, se os sites atingirem seus limites mínimos de CWV, os usuários terão “24% menos probabilidade de abandonar o carregamento da página”. Isso é significativo.

Mesmo na ausência de abandono de página, tempos de carregamento lentos podem afetar negativamente as conversões. Em seu Relatório de benchmark de experiência digital de 2021, nossos parceiros da Contentsquare revelam que mesmo “uma queda de 100 ms no tempo de carregamento da web pode causar uma queda de 7% nas taxas de conversão”.

À luz dessas tendências, a experiência do usuário tornou-se uma prioridade crescente para sites de comércio eletrônico e outros que dependem muito do tráfego digital. No Hubday, o CMO da Alltricks, Yohan Michel, disse que o varejista de equipamentos de ciclismo e corrida estaria simplificando sua tecnologia de aplicativo da web para obter “um site móvel ainda mais suave que carrega com extrema rapidez, sempre com o objetivo de aumentar a taxa de conversão”.

Como os Core Web Vitals são uma parte tão importante para alcançar uma experiência de página positiva, é importante que entendamos o que são e como otimizá-los.

Principais métricas do Google Web Vitals

O novo fator de classificação de experiência de página do Google combinará os sinais de experiência de página existentes com as métricas do Core Web Vitals, mas o que são os Core Web Vitals?

O Google apresentou o Core Web Vitals em 5 de maio de 2020 como uma forma de unificar e otimizar todas as orientações sobre os sinais de experiência do usuário que eles adicionaram ao longo dos anos.

Uma ótima experiência do usuário envolve muitos fatores, mas o Google identificou três elementos fundamentais que todo site deve possuir:

• Experiência de carregamento : o Google usa a métrica “Largest Contentful Paint” (LCP) para medir a velocidade de carregamento percebida pelo usuário. O LCP marca o ponto em que o conteúdo principal da página foi totalmente carregado. Saber mais.
• Interatividade : o Google usa a métrica "Atraso na primeira entrada" (FID) para medir como os usuários podem interagir com a página. O FID mede coisas como a capacidade de resposta da página e é a medida mais quantificável de como o usuário provavelmente se sente ao tentar navegar e executar ações na página. Saber mais.
• Estabilidade visual : o Google usa a métrica “Mudança de layout cumulativa” (CLS) para medir a estabilidade do layout da página. Em outras palavras, quanto o layout muda inesperadamente para o usuário? Saber mais.

O Google explica que essas métricas são uma combinação de outras métricas – novamente, como uma forma de otimizar as métricas de experiência da página. Por exemplo, você não pode ter um bom LCP se tiver um First Contentful Paint (FCP) e Time to First Byte (TTFB) ruins. As métricas do Core Web Vitals são indicadores confiáveis ​​porque são baseadas em dados de uso do mundo real (também conhecidos como “dados de campo”) em oposição a dados extrapolados (também conhecidos como “dados de laboratório”). Esses dados de campo vêm do relatório de experiência do usuário do Chrome (CrUX), que reúne métricas anônimas sobre os tempos de desempenho de pessoas reais que visitam suas páginas.

Onde posso encontrar minhas métricas do Core Web Vitals?

O Google diz que todas as suas ferramentas de desenvolvimento populares agora podem ser usadas para medir o Core Web Vitals.

Aqui está um exemplo dessas novas métricas na ferramenta PageSpeed ​​Insights:

E na ferramenta de medição Web.Dev:

Você pode encontrar informações do Core Web Vitals em:

• Lighthouse : Baixe a extensão Lighthouse para Chrome ou use a guia Auditorias do Chrome DevTools (clique em “inspecionar” em uma URL e clique na guia “auditorias”).
• PageSpeed ​​Insights : visite a ferramenta PageSpeed ​​Insights e gere um relatório como de costume. As novas métricas do Core Web Vitals serão apresentadas com destaque na parte superior do seu relatório.
• Extensão Web Vitals Chrome : o Google criou uma extensão inteira dedicada a ajudar você a medir LCP, FID e CLS em suas páginas da web. Baixe a extensão Web Vitals para Chrome.
• API de relatórios do Chrome UX : todas as métricas no Relatório de experiência do usuário do Chrome são alimentadas por APIs. Os proprietários de sites podem usar essas mesmas APIs para coletar análises em nível de URL dessas métricas de desempenho. Veja a documentação do Google sobre a API de relatórios do Chrome UX aqui.
• Web.dev Measure Tool : Visite https://web.dev/measure/ para ver os dados do Core Web Vitals em qualquer URL que você executar por meio da ferramenta.
• Google Search Console : o relatório “Core Web Vitals” no GSC agrupa o desempenho por status, tipo de métrica e tipo de URL.
• Botify : a partir de fevereiro de 2022, o Botify Analytics inclui um painel CoreWebVitals com relatórios de tendências e dados CWV segmentados por tipo de página.

Monitorando os principais Web Vitals no Botify

O Botify obtém seus dados CWV diretamente do relatório CrUX por meio da API do Google para garantir que sejam confiáveis ​​e consistentes com relatórios de terceiros. Mas há várias vantagens em monitorar CWVs usando o Botify.

Como seus dados do Core Web Vitals estão hospedados no Botify, você pode gerenciar facilmente a experiência da sua página sem alternar entre plataformas.

Além disso, você também pode segmentar seus dados por tipo de página, revelando quais categorias de página estão com problemas de CWV antes que esses problemas comecem a aparecer nos dados de conversão.

O painel também apresenta vários relatórios de tendências, mostrando as alterações em suas métricas de CWV ao longo do tempo. Isso pode ajudar você a identificar alterações no site que podem ter afetado sua experiência na página.

Mas como os SEOs provavelmente estarão mais familiarizados com o GSC e o incorporaram como parte de seu fluxo de trabalho diário, vamos mergulhar nesse relatório especificamente. Visite web.dev/vitals-tools para obter instruções detalhadas sobre como usar os outros relatórios para encontrar dados do Core Web Vitals.

O relatório Core Web Vitals no Google Search Console

Navegue até a propriedade que deseja auditar no Google Search Console e clique em “Core Web Vitals” na navegação à esquerda.

Uma vez lá, você verá gráficos de desempenho para dispositivos móveis e computadores.

Esses gráficos incluem URLs que se enquadram em uma das três categorias:

• Ruim : os URLs são considerados “ruins” se o LCP for superior a 4 segundos, o FID for superior a 300 ms e o CLS for superior a 0,25.
• Precisa melhorar : as URLs são consideradas como “precisa melhorar” se seu LCP estiver entre 2,5 e 4 segundos, seu FID estiver entre 100ms e 300ms e seu CLS estiver entre 0,1 e 0,25.
• Bom : os URLs são rotulados como "bom" se o LCP for menor que 2,5s, o FID for menor que 100ms e o CLS for menor que 0,1.

Como esse relatório usa dados de campo, se um URL não tiver dados reais suficientes, o GSC o omitirá do relatório.

O relatório Core Web Vitals do GSC detalha os problemas por grupo de URLs, o que é útil porque um único problema em um grupo de URLs provavelmente é causado por um único problema abrangente. Isso ajuda você a se concentrar no problema subjacente, e não em como esse problema está se manifestando em várias páginas individuais.

O Google fornecerá status em grupos de URLs para ajudá-lo a acompanhar quais você validou, quais não validou e o andamento desses testes. Para obter mais informações sobre seu relatório Core Web Vitals no GSC, visite o Search Central de Ajuda do Console para ler a documentação completa.

Sinais de experiência de página do Google existentes

As métricas do Core Web Vitals não são os únicos fatores que entrarão no fator de classificação da experiência da nova página do Google. Ele também incorporará sinais de experiência de página existentes, como:

• Otimização para dispositivos móveis: anunciada em 2015, a compatibilidade com dispositivos móveis é um sinal de classificação que prioriza o conteúdo fácil de visualizar em dispositivos móveis. Você pode testar se sua página é compatível com dispositivos móveis aqui. Você também pode monitorar a usabilidade móvel no Google Search Console.
• Navegação segura: os webmasters devem corrigir os problemas de segurança encontrados em seus sites, que podem ser acessados ​​no relatório de problemas de segurança no Google Search Console. Os problemas de segurança incluem malware, páginas enganosas, downloads prejudiciais e downloads incomuns.
• Segurança HTTPS: HTTPS / Transport Layer Security é um leve sinal de classificação que tem menos peso do que os sinais de qualidade de conteúdo, mas os webmasters devem migrar todas as suas URLs para HTTPS não apenas porque isso pode ajudar nas classificações, mas porque é mais seguro para os visitantes.

Diretrizes para intersticiais intrusivos: os webmasters devem evitar exibir pop-ups que cubram o conteúdo principal de uma página, exibir intersticiais autônomos que o usuário precisa descartar antes de acessar o conteúdo principal e fazer com que a parte acima da dobra da página da Web pareça um intersticial autônomo quando há conteúdo principal abaixo da dobra.

Próximas etapas: como otimizar a experiência da página?

Agora que a experiência da página é um fator de classificação para pesquisa em desktop e em dispositivos móveis, é uma boa ideia começar a incluí-la em sua estratégia de SEO.

O Google sugere o seguinte fluxo de trabalho para otimização da experiência da página:

1. Abra seu relatório Core Web Vitals no Google Search Console para identificar grupos de páginas que requerem atenção. Concentre-se em URLs na categoria “ruim” primeiro, depois “precisa de melhorias”.
2. Compartilhe este relatório com sua equipe de engenharia (leia dicas para se comunicar com seus desenvolvedores da Web) ou continue com os diagnósticos abaixo.
3. Depois de ter uma boa compreensão das páginas que precisam de mais atenção, execute essas páginas por meio do PageSpeed ​​Insights para diagnosticar problemas específicos que contribuem para as métricas ruins do Core Web Vitals que você precisa resolver.
4. Execute essas páginas por meio de uma auditoria do Lighthouse ou use a extensão Web Vitals do Chrome para obter orientações mais acionáveis ​​sobre o que você ainda precisa corrigir.

O Google também nos oferece práticas recomendadas de experiência na página, como:

• Reduzindo o tamanho de cada página para menos de 500 KB (página + todos os recursos).
• Mantenha o número total de recursos por página em menos de 50 (ideal para celular).
• Considere implementar o AMP, que pode corrigir muitos problemas de carregamento de página em dispositivos móveis e computadores.

À medida que você e/ou seu desenvolvedor da Web começam a implementar correções de experiência de página, o Google sugere usar o botão "Iniciar rastreamento", que iniciará uma sessão de monitoramento de 28 dias. Por que 28 dias? O Google diz que, se nenhuma instância do problema ocorrer novamente dentro dessa janela de 28 dias, você poderá considerar o problema corrigido!

O fator de classificação de experiência de página aprimorada é outro passo na direção de misturar SEO e UX. Com o passar do tempo, parece cada vez mais que fazer o melhor para os humanos também é o melhor para o Google.

Estamos aqui para criar a melhor experiência possível para nossos visitantes e sermos recompensados ​​por isso!

Entre em contato para saber mais sobre o Botify está ajudando os sites corporativos a transformar a pesquisa orgânica em um canal eficiente, mensurável e sustentável para crescimento de tráfego e receita.