Ao otimizar as Core Web Vitals, desde a introdução pelo Google em maio de 2021, testemunhamos diversos publishers aprimorando seus sites. Em uma de nossas experiências, notamos uma redução substancial na receita de um dos publishers assim que o Google implementou o novo algoritmo. Através de intensos esforços na otimização das Core Web Vitals, conseguimos impulsionar a receita de publicidade do site em cerca de 30%, quando comparado aos dias anteriores à queda.
Se você é um parceiro de anúncios da Grumft, seja bem-vindo ao nosso blog. Se ainda não é, este conteúdo certamente o inspirará a explorar nossas soluções exclusivas de programática para publishers e anunciantes. Este artigo compartilha nossa experiência e fornece dicas sobre como elevar a receita de publicidade do seu site através da otimização das Core Web Vitals. Vamos começar?
Index
A Importância das Core Web Vitals
Como previsto, antecipar o aumento percentual na receita proveniente dessas otimizações é desafiador. Observamos incrementos de 30%, 18% e até 15% após otimizações bem-sucedidas. Notamos que a otimização tem um impacto significativo em categorias altamente competitivas, onde os publishers estão investindo mais em desempenho. Além do aumento na receita por publicidade, notamos também melhorias na visibilidade, redução nas taxas de rejeição e aprimoramento nas visualizações de página.
Transformando a Experiência do Usuário e Velocidade de Carregamento em Sucesso
Quando o Google apresentou as Core Web Vitals, muitos inicialmente subestimaram a novidade como apenas mais um conjunto de otimizações já aplicadas em seus sites. Entretanto, as Core Web Vitals estão redefinindo as práticas de SEO, o tráfego oriundo de ferramentas de descoberta e do Google News e, por consequência, a receita. Uma vez percebido o potencial das novas métricas para melhorar a experiência das páginas e a monetização via publicidade, publishers começaram a adotar práticas inovadoras.
Alcançando o Equilíbrio entre Experiência do Usuário e Velocidade da Página
Iniciamos a otimização em sites de teste com a meta de equilibrar a experiência do usuário e a velocidade de carregamento, mantendo ao mesmo tempo a receita com anúncios. Enfrentamos desafios significativos:
- CLS elevado devido a mudanças de layout ativadas por anúncios, especialmente em relação a diferentes tamanhos e banners.
- LCP abaixo do ideal devido à competição por largura de banda no carregamento das imagens destacadas do conteúdo.
- FID com atrasos devido ao JavaScript de terceiros necessário para publicidade e Header Bidding.
- Efeitos no Core Web Vitals provenientes de caixas de consentimento de fornecedores terceirizados, que também impactam as mudanças de layout.
Apenas lembrando que em 2024 a métrica FID será substituída pela INP.
Otimizando para as Core Web Vitals
A otimização das Core Web Vitals não necessariamente impacta negativamente a publicidade, e pode inclusive proporcionar melhorias na visibilidade. De acordo com o Google, a média global de visibilidade para anúncios gráficos é inferior a 50%. Para atrair publicidade mais valiosa, seu site deve visar uma visibilidade superior a 75%.
Otimização do CLS
Anúncios frequentemente carregam com atrasos devido à técnica de “lazy load” (carregamento tardio). O tamanho real do anúncio nem sempre é conhecido antecipadamente devido à diversidade de tamanhos e posicionamentos. Isso pode ser dividido em dois aspectos: anúncios acima e abaixo da dobra.
Anúncios acima da dobra podem causar distrações significativas na aparência devido ao carregamento tardio com dimensões desconhecidas. Implementar anúncios aderentes ao conteúdo principal e reduzir tamanhos de banners maiores podem melhorar a experiência sem sacrificar a receita. Os dados históricos e testes A/B podem auxiliar na definição de tamanhos e posicionamentos ideais.
Para anúncios abaixo da dobra, a abordagem de “lazy load” e alocação de espaço mínimo podem aprimorar o carregamento e a visibilidade. Estratégias como o Intersection Observer e Network Information API podem otimizar ainda mais a inserção de anúncios e reduzir mudanças de layout.
Otimização do FID
Atrasos na primeira interação podem ser mitigados por meio da redução de scripts de anúncios, carregamento assíncrono, regras CSS simples e uso de técnicas como o RequestAnimationFrame.
Otimização do LCP
O tempo de renderização da maior imagem ou bloco de texto visível pode afetar o carregamento de anúncios. Remover anúncios dos locais superiores e priorizar o conteúdo genuíno acima da dobra pode aprimorar o CLS. Práticas recomendadas incluem separar o CSS crítico, pré-carregar elementos importantes e utilizar o “font-display=swap”.
Pronto (a) para otimizar as Core Web Vitals?
Em suma, otimizar as Core Web Vitals não somente melhora a experiência da página, mas também pode impulsionar a receita e o engajamento. Ao adotar essas estratégias, é possível perceber melhorias na pontuação do PageSpeed Insights, aumentos no tráfego e, em última análise, se preparar para um futuro sem cookies de terceiros.
Lembre-se de que a otimização deve ser conduzida com uma abordagem holística, considerando tanto os aspectos de negócios quanto a experiência do usuário. As Core Web Vitals estão pavimentando o caminho para um cenário onde a otimização da experiência do usuário se traduz diretamente em sucesso financeiro.
