Otimizando para Core Web Vitals

O Google anunciou que esta atualização entrará em vigor em meados de junho e estará com força total em agosto de 2021. Esta atualização vai combinar novos sinais, Core Web Vitals e signos anteriores relacionados à UX.

Se olharmos para trás, a experiência da página sempre foi importante para o Google para garantir que os usuários atinjam seus objetivos ao interagir com um site. Em 2015, o Google começou a levar em consideração a compatibilidade dos sites com dispositivos móveis. Além disso, o Google já usa a velocidade da página como fator de classificação nas pesquisas em dispositivos móveis desde 2018.

Em 2020, eles lançaram o Core Web Vitals, que é o conjunto de métricas que estima a experiência de página que a maioria dos usuários obtém ao acessar seu site. A partir de junho de 2021, essas métricas farão parte do algoritmo de classificação de pesquisa.

Nós não esperamos que esta atualização cause grandes flutuações nas classificações do site. Outros sinais de classificação ainda incluirão relevância contextual e fatores hipotéticos não divulgados, por ex. backlinks, intenção de pesquisa, etc. O conteúdo do site ainda continua sendo o sinal de classificação mais forte para o Google, mas a experiência da página agora se torna um fator decisivo quando dois ou mais sites mostram a mesma relevância contextual. Portanto, as apostas podem ser muito maiores em nichos competitivos.

Acreditamos que esta iniciativa visa recompensar sites que proporcionam melhores experiências de página para os usuários. Também traz muito mais transparência às atividades de otimização de SEO porque essas métricas são divulgadas publicamente como um fator de classificação.

As páginas que demonstram um desempenho estável e rápido também fazem os visitantes permanecerem no site por mais tempo, os ajudam a atingir seus objetivos e até mesmo os convertem em compradores com mais frequência. De acordo com o próprio estudo do Google, os visitantes têm 24% menos probabilidade de abandonar páginas que atendem aos limites do Core Web Vitals.

O Google também planeja implementar o badge system dedicado, que avaliará o desempenho do site em termos de Core Web Vitals e os marcará com indicadores visuais nos resultados de pesquisa. Pode-se esperar que os orçamentos de publicidade se afastem dos editores com barras de progresso vermelhas.

Core Web Vitals são o conjunto de métricas em evolução desenvolvidas pelo Google para capturar as partes mais importantes da experiência de página que os usuários obtêm em um site. Atualmente, o conjunto inclui três variáveis ​​focadas no carregamento (Largest Contentful Paint), interatividade (First Input Delay) e estabilidade visual (Cumulative Layout Shift).

Em termos muito simples, a Largest Contentful Paint (LCP) estima quanto tempo leva para que o maior elemento seja carregado em uma página, por exemplo, isso poderia ser um grande anúncio de banner na parte inferior da página. Grandes elementos considerados para esta medição incluem:

• img elementos
• image elementos dentro de um svg elemento
• video elemento
• elementos com imagens de fundo
• elementos block-level

Idealmente, você deveria manter a pontuação do LCP abaixo de 2,5 segundos.

First Input Delay (FID) mede a rapidez com que um usuário pode interagir com o site. Essa métrica leva em conta o tempo necessário para o navegador começar a processar os manipuladores de eventos em resposta às interações do usuário, como cliques, toques ou usando controles personalizados baseados em JavaScript. Uma boa pontuação do FID é de 100 ms ou menos. É a métrica vital mais rara da web para um editor ter problemas. No entanto, ele ainda pode ficar na área vermelha se você tiver muito processamento em segundo plano, por exemplo, se você usar muitos plug-ins do WordPress que funcionam sem qualquer pausa.

Cumulative Layout Shift (CLS) rastreia se o layout da página muda por sua própria vontade ou se os elementos do site se movem inesperadamente conforme a página carrega. Por exemplo, um anúncio de banner finalmente carrega e o texto do artigo e as manchetes mudam, então o usuário precisa ajustar onde está lendo. Assim, a métrica CLS estima a soma de todas as medições de mudança de layout individuais, ou seja, pode ser apenas uma mudança massiva ou várias mudanças minúsculas.

O objetivo da métrica CLS é ter uma mudança de layout cumulativa de 0,1. Além disso, é medido em termos de porcentagens, em vez de pixels, para se ajustar a diferentes tamanhos de tela. Em abril, o Google atualizou a forma como a pontuação CLS é rastreada e tornou-a mais justa para páginas da web que ficam abertas por muito tempo (de longa duração) ou que usam rolagem infinita.

Uma coisa importante a saber é que essas métricas estimam dados de campo em vez de dados de laboratório de desempenho de página. Isso significa que eles coletam dados anônimos e reais de medição do usuário ao longo de um período de tempo, em vez de estimativas de experimentos únicos ou de laboratório. Normalmente, os relatórios analíticos do Core Web Vitals estimam o 75º percentil de todos os carregamentos reais da página. Os dados de experimentos de laboratório para essas métricas também podem ser usados ​​para pré-avaliar o desempenho da página durante o desenvolvimento.

Core Web Vitals mostra o instantâneo atual do desempenho real do seu site em um passado próximo: a janela de lookback do Google é de 28 dias. Portanto, você precisa levar em consideração que levará algum tempo para que as otimizações tenham impacto sobre essas métricas.

O Google agora oferece suporte à medição do Core Web Vitals em várias ferramentas, incluindo Lighthouse, PageSpeed ​​Insights e Chrome DevTools. Core Web Vitals também pode ser medido por ferramentas de terceiros usando APIs da web padrão, portanto, você pode encontrar sistemas analíticos de terceiros que levam em conta essas métricas.

Até agora, uma das maneiras mais simples de testar seu site e descobrir as pontuações reais é olhando a ferramenta de relatório do PageSpeed ​​Insights fornecida pelo Lighthouse. Em abril, o Google também adicionou um novo relatório de experiência da página no Search Console, que rastreia todos os sinais de experiência da página.

As ferramentas de relatório mostrarão as pontuações do desktop e do celular separadamente, e as pontuações dos celulares geralmente mostram um desempenho pior. Idealmente, você desejaria manter cada métrica verde para desktops e dispositivos móveis.

Pontuações baixas em dispositivos móveis podem ser explicadas por conexões móveis mais lentas, imagens redimensionadas etc. Recomendamos a otimização para dispositivos móveis primeiro, caso haja uma diferença drástica entre o Core Web Vitals móvel e desktop.

Infelizmente, os elementos do site, como formatos pesados ​​de anúncios, formulários de lead magnet ou inscrições em boletins informativos, podem impactar o Core Web Vitals.

Na MGID, investimos recursos significativos e otimizamos nossas soluções de publicidade para velocidade de carregamento de página e desempenho do navegador. Outras plataformas de publicidade, no entanto, podem ficar para trás na implementação dos desenvolvimentos mais recentes, portanto, você deve trabalhar junto com elas e certificar-se de que estão otimizadas o suficiente para obter boas pontuações.

Para se preparar para a atualização do Core Web Vitals, já lançamos uma série de recursos e melhorias em nossos widgets:

Um dos obstáculos mais comuns que afetam o Core Web Vitals, e precisamente a pontuação do LCP, são imagens e arquivos grandes. Para resolver isso, você pode redimensionar as imagens para o tamanho de pixel certo antes de enviá-las para a plataforma CMS. Como alternativa, você também pode exibir imagens no formato WebP, que usa codificação preditiva para compactar imagens. A última opção é preferível, pois permite ajustar perfeitamente os valores de pixel para diferentes tamanhos de tela e tem melhores taxas de compactação em comparação com outros formatos.

Depois de subir as imagens, também existem diferentes ferramentas que podem ajudá-lo a compactá-las ainda mais. Alguns deles vêm na forma de plugins para WordPress, por exemplo, reSmush.it, EWWW Image Optimizer, ShortPixel Image Optimizer e WP Smush. Você também pode compactar imagens em seu site retrospectivamente para melhorar a experiência do usuário nas páginas existentes.

Para acelerar o seu site, considere a remoção de scripts ou plugins desnecessários. Para scripts de terceiros que você não pode abandonar, você pode usar o Gerenciador de tags do Google e configurar o acionador de janela carregada, que adiará o carregamento de scripts não críticos até que os elementos principais sejam totalmente carregados.

Certos temas de design e layouts irregulares podem tornar o seu site mais lento e piorar consideravelmente a pontuação do CLS. Você pode pré-testar diferentes temas no ambiente de provas e escolher aquele com as melhores pontuações; normalmente, é o que tem menos imagens de fundo.

Para alguns elementos de carregamento mais lento, você pode usar a reserva de espaço preemptiva. Dependendo do dispositivo que o visitante do site usa, o espaço reservado (ou contêiner) tem um certo tamanho conhecido com antecedência e reserva o espaço necessário para que o elemento lento não precise ser totalmente carregado desde o início nem crie mudanças de layout desnecessárias. Você também pode pré-dimensionar blocos de conteúdo de terceiros e anúncios.

Considere a eliminação de vídeos de reprodução automática, apresentações de slides e imagens pesadas na versão mobile. Para melhorar a experiência da página em dispositivos com poucos recursos, você pode adicionar vídeos por meio de um espaço reservado, ou seja, como imagens estáticas que carregam vídeos quando um usuário clica neles.

O carregamento lento também pode ser implementado para qualquer elemento grande do site abaixo da dobra, não apenas para anúncios. Este recurso de otimização é usado para adiar o carregamento do elemento até que um usuário alcance um certo limite. O carregamento lento pode melhorar significativamente o atraso na primeira entrada (interatividade) em seu site. Widgets MGID também funcionam com esse recurso.

O desempenho da hospedagem e o tempo de resposta lento do servidor são outros fatores comuns para pontuações baixas no Core Web Vitals. Para sites menores com problemas de carregamento de página, pode ser suficiente começar a usar plugins de cache, por exemplo, WP Cache ou WP Rocket. Para projetos de publicação maiores com públicos de diferentes regiões, pode ser recomendado fazer parceria com provedores de CDN, que mantêm suas próprias redes de servidores e podem localizar cópias de conteúdo da web mais perto dos usuários finais.

Com esta nova atualização, a experiência da página se tornará mais importante para os editores alcançarem altas classificações de SEO e obter mais tráfego orgânico. O Google definiu claramente novos sinais de classificação, ou seja, Core Web Vitals, para que os editores possam agora priorizar essas métricas em seus esforços de otimização de pesquisa.

Na maioria dos casos, ao otimizar para o Core Web Vitals, os editores devem encontrar o equilíbrio certo entre alguns recursos avançados, opções de design e desempenho da página. Ter imagens de fundo grandes e de alta qualidade, vídeos acima da dobra ou formulários de inscrição dinâmicos podem definitivamente deixar o seu site mais lento.

Na MGID, a experiência do usuário que os leitores obtêm ao interagir com nossos anúncios sempre foi a principal prioridade. Estamos sempre monitorando as sugestões e tecnologias mais recentes em ascensão e implementamos as melhores soluções oferecidas pelos navegadores que melhoram o desempenho de HTML, JavaScript e CSS.