No mundo digital de hoje, a publicidade on-line é uma parte essencial da Web gratuita que todos nós usamos. No entanto, anúncios mal implementados podem levar a uma experiência de navegação mais lenta, frustrar os usuários e reduzir o engajamento. Saiba como carregar anúncios com eficiência sem afetar a velocidade da página, garantindo uma ótima experiência do usuário e maximizando as oportunidades de receita para proprietários de sites.
Os sites dependem muito da publicidade on-line como principal fonte de receita. No entanto, a presença de anúncios em sites às vezes pode prejudicar a experiência do usuário e o desempenho geral da página. Portanto, é essencial encontrar o equilíbrio entre a monetização e a performance para proprietários de sites e anunciantes, além da experiência do usuário.
Considere um site que coloca anúncios extensivamente no conteúdo para gerar receita alta. No entanto, o número excessivo de anúncios frustra os usuários, resultando em uma experiência ruim e altas taxas de rejeição. Apesar do potencial de receita substancial com anúncios, o abandono prejudica muito o sucesso do site.
No outro extremo, considere um site sem anúncios. Esse ambiente sem anúncios atrai um número significativo de usuários devido ao tempo de carregamento rápido e à experiência de navegação sem interrupções. No entanto, sem uma estratégia de monetização, o site tem dificuldade para gerar receita, o que pode prejudicar a sustentabilidade e o crescimento a longo prazo.
Ambos os cenários ilustram a importância de equilibrar a monetização, os usuários e o desempenho.
Como aproveitar os Core Web Vitals
A aprovação das Core Web Vitals é essencial para carregar anúncios sem afetar negativamente a velocidade da página. As Core Web Vitals, que incluem métricas como Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) e Interaction to Next Paint (INP), são métricas de experiência do usuário que medem a qualidade da experiência do usuário no seu site.
Maior exibição de conteúdo (LCP)
É vital se concentrar na otimização do LCP, já que essa métrica mede o tempo que o maior elemento com conteúdo leva para ficar visível na janela de visualização. Ao minimizar o tempo de carregamento do conteúdo do anúncio e priorizar técnicas de carregamento assíncrono, os proprietários de sites podem reduzir o LCP e o tempo de renderização dos elementos mais importantes de uma página.
Interaction to Next Paint (INP)
Em segundo lugar, melhorar a INP é crucial para uma experiência do usuário responsiva. A INP mede a latência de cada interação de clique, toque e teclado que ocorre durante a vida útil de uma página. O valor resultante é, na maioria das vezes, a interação que demorou mais para ser concluída e representa a capacidade geral de uma página de responder rapidamente às interações do usuário.
Anúncios que atrasam as interações do usuário afetam negativamente a INP. Isso pode frustrar os usuários, criando experiências lentas ou até mesmo interrompidas em casos extremos. Implementar o carregamento lento para anúncios e adiar a execução de JavaScript não crítica pode ajudar a reduzir a INP de uma página e, portanto, melhorar a capacidade de resposta geral da página.
Cumulative Layout Shift (CLS)
Por fim, a CLS mede a estabilidade visual de uma página ao medir a quantidade de mudanças de layout inesperadas que ocorrem durante o carregamento da página. Anúncios que carregam ou redimensionam dinamicamente podem resultar em instabilidade do layout, levando a uma experiência ruim do usuário, em que ele perde o controle de onde está na página ou até mesmo toca involuntariamente nos elementos errados devido a mudanças inesperadas no layout. Para evitar isso, os proprietários de sites precisam otimizar o CLS e garantir que os anúncios tenham espaço reservado para evitar mudanças no layout. Além disso, os tamanhos dos anúncios precisam ser otimizados para evitar fluxos repentinos de conteúdo.
Estruturar sua página da Web em blocos de conteúdo distintos
Estruturar sua página da Web com blocos de conteúdo para texto, imagem e conteúdo do anúncio, além de usar a propriedade CSS content-visibility:
, pode melhorar significativamente o tempo de renderização geral em navegadores modernos.
Ao aplicar estrategicamente a propriedade content-visibility:
nesses blocos de conteúdo, você otimiza o processo de renderização de texto, imagem e conteúdo do anúncio. Isso garante que apenas o conteúdo na janela de visualização seja renderizado por completo, resultando em um carregamento inicial mais rápido da página e interações mais suaves do usuário. Essa melhoria de desempenho é especialmente valiosa ao lidar com páginas longas ou com muitos anúncios.
Priorize espaços de anúncio importantes
Nem todos os slots de anúncios são iguais. Por exemplo, os slots de anúncios acima da dobra geralmente são mais valiosos do que os que estão abaixo da dobra em termos de visibilidade e monetização. Isso acontece porque os anúncios acima da dobra têm mais chances de serem vistos pelos usuários, já que ficam visíveis sem rolar a primeira janela de visualização. Os anúncios abaixo da dobra ficam visíveis depois que o usuário rola a página para baixo o suficiente para vê-los.
Anúncios acima da dobra
Os slots de anúncios acima da dobra se referem à parte de uma página da Web que aparece sem rolar a tela e têm valor significativo na publicidade digital. Essas posições de destaque são consideradas valiosas por vários motivos:
- Os anúncios acima da dobra são imediatamente visíveis para os usuários ao carregar uma página da Web. Os usuários têm mais chances de notar e interagir com esses anúncios, o que resulta em taxas de cliques mais altas.
- Os anunciantes geralmente consideram a parte de cima de uma página da Web como o espaço mais valioso. É a primeira impressão que os usuários têm ao visitar um site, o que faz dela uma área crucial para mostrar anúncios premium e de alto impacto.
- Os anúncios acima da dobra têm as taxas de visibilidade mais altas porque estão na linha de visão direta do usuário. Isso garante que a maioria dos usuários que visitam a página veja esses anúncios sem precisar rolar a página.
No entanto, é importante encontrar um equilíbrio entre a monetização e a experiência do usuário ao usar os espaços de anúncio acima da dobra na visualização inicial. Aqui estão algumas considerações importantes.
- Os espaços de anúncios da primeira tela precisam ser carregados o mais rápido possível na janela de visualização inicial do usuário. Anúncios com carregamento lento podem afetar negativamente a experiência do usuário e aumentar as taxas de rejeição. Otimizar os tempos de carregamento de anúncios é crucial para manter uma experiência de navegação e do usuário tranquila.
- Embora os posicionamentos de anúncios acima da dobra sejam valiosos, é importante não sobrecarregar esse espaço principal com muitos anúncios. O excesso de anúncios polui a página, atrapalha a leitura do conteúdo e prejudica a experiência do usuário. Procure equilibrar a monetização e a manutenção de um layout simples e fácil de usar.
- Verifique se os slots de anúncios acima da dobra são compatíveis com diferentes tamanhos de tela e dispositivos. As práticas de design responsivo podem ajudar a manter um layout consistente e visualmente atraente, independente do tamanho da tela do usuário.
Anúncios abaixo da dobra
Os slots de anúncios abaixo da dobra, ou seja, anúncios colocados na parte de uma página da Web que só fica visível depois de rolar para baixo, também têm um valor considerável no mundo da publicidade digital. Essas posições oferecem vantagens exclusivas que complementam as posições acima da dobra.
Os anúncios abaixo da dobra se beneficiam dos usuários que rolam a tela para conferir mais conteúdo. Esses canais chamam a atenção de usuários engajados que procuram ativamente mais informações, o que os torna valiosos para marcas que querem transmitir mensagens ou narrativas mais complexas.
- Os espaços de anúncio que não são inicialmente visíveis podem se alinhar com o conteúdo ao lado, oferecendo uma oportunidade de relevância contextual. Esse alinhamento pode gerar um engajamento maior do usuário, à medida que eles descobrem anúncios relacionados ao conteúdo que estão explorando.
- Quando bem projetados, os anúncios abaixo da dobra podem ser integrados perfeitamente ao conteúdo ao redor, parecendo menos perturbadores para os usuários. Essa integração, também conhecida como publicidade nativa, pode resultar em uma experiência do usuário mais harmoniosa.
- Os posicionamentos de anúncios que exigem rolagem oferecem design mais criativo e flexibilidade de formato, com amplo espaço e liberdade para testar. Anúncios em vídeo, elementos interativos e imagens maiores podem ser carregados de forma lenta para chamar a atenção do usuário sem interromper a experiência dele.
No entanto, as seguintes considerações devem ser feitas para posicionamentos de anúncios abaixo da dobra:
- Embora os posicionamentos de anúncios abaixo da dobra possam ser eficazes, é essencial garantir que os usuários sejam incentivados a rolar a tela para visualizar esses anúncios. Implementar dicas visuais ou teasers de conteúdo pode incentivar os usuários a explorar mais, aumentando a probabilidade de visibilidade do anúncio.
- O posicionamento dos anúncios abaixo da dobra não deve comprometer a qualidade ou a legibilidade do conteúdo. Equilibre anúncios e conteúdo para não sobrecarregar os usuários e garantir uma experiência positiva.
- Ao contrário dos posicionamentos de anúncios acima da dobra, os anúncios abaixo da dobra podem não precisar ser carregados imediatamente. Atrasar o carregamento desses anúncios até que eles estejam próximos de entrar na viewport do usuário pode ajudar a melhorar a velocidade de carregamento geral da página e reduzir os tempos iniciais de renderização da página.
Quando usados de forma estratégica, os anúncios abaixo da dobra podem complementar os anúncios acima da dobra e fornecer uma plataforma para formatos de anúncios criativos e relevância contextual. No entanto, otimizar a visibilidade, equilibrar o conteúdo e gerenciar o tempo de carregamento de anúncios são considerações importantes para garantir uma experiência positiva do usuário.
Práticas recomendadas atuais para a Tag do editor do Google (GPT):
- Práticas recomendadas gerais
- Práticas recomendadas para anúncios
- Minimizar a mudança de layout
- Monitorar a performance
- Como evitar erros comuns de implementação
Anúncios de carregamento lento, quando apropriado
O carregamento lento é uma técnica que adia o carregamento de recursos não críticos até que eles sejam necessários. A aplicação do carregamento lento para anúncios que não são imediatamente visíveis (ou seja, anúncios abaixo da dobra) garante que eles sejam carregados somente quando aparecem, economizando largura de banda e melhorando a velocidade geral da página. Os navegadores agora incluem o carregamento lento nativo para iframes com um atributo loading=lazy
.
Com a implementação do carregamento lento, os anúncios são buscados dinamicamente quando estão prestes a entrar na janela de visualização do usuário, reduzindo o tempo de carregamento inicial e o tempo total de bloqueio (TBT, na sigla em inglês) (que é altamente correlacionado com o INP) na linha de execução principal nessa parte crucial do ciclo de vida da página, minimizando os impactos negativos na experiência do usuário.
Atualizar anúncios sem atualizar a página
Outra técnica que pode equilibrar a performance da página com o carregamento de anúncios é a capacidade de atualizar os anúncios a cada 30 a 240 segundos1 sem recarregar a página inteira. Essa abordagem permite atualizações dinâmicas do conteúdo do anúncio sem interromper a experiência de navegação do usuário ou causar atrasos desnecessários.
Em apps para dispositivos móveis, a atualização de anúncios em visualizações da Web existentes oferece um desempenho melhor do que recarregar a página inteira ou recriar WebViews, porque minimiza a sobrecarga de dados e recursos, o que resulta em atualizações de conteúdo mais rápidas e uma experiência do usuário mais suave sem a latência associada ao início do zero.
Ao atualizar os anúncios de forma assíncrona, os proprietários de sites podem manter o conteúdo da página intacto e atualizar o conteúdo do anúncio de forma simples e em tempo real. Isso não apenas melhora a velocidade da página, eliminando a necessidade de recarregar a página inteira, mas também garante que os anúncios exibidos permaneçam relevantes e envolventes. Com essa técnica, os proprietários de sites podem encontrar um equilíbrio entre a monetização e a performance, exibindo conteúdo de anúncios oportuno e envolvente, minimizando os efeitos negativos na experiência do usuário.
A atualização dos espaços de anúncio é especialmente valiosa em páginas em que os usuários tendem a ficar mais tempo, como páginas de receitas, tutoriais de "faça você mesmo" ou outros sites com muito conteúdo. Por exemplo, em uma página de artesanato faça você mesmo, em que os usuários podem passar um tempo considerável seguindo os tutoriais, atualizar os espaços de anúncios de forma estratégica durante os intervalos entre as etapas ou enquanto visualizam galerias de imagens pode melhorar a experiência do usuário e a receita de publicidade. Da mesma forma, em uma página de receita, atualizar os espaços de anúncio depois que os usuários rolarem a lista de ingredientes ou as instruções pode manter o interesse deles.
Priorizar o carregamento assíncrono
Uma das estratégias mais impactantes para melhorar a velocidade da página enquanto veicula anúncios é o carregamento assíncrono. O carregamento assíncrono carrega anúncios de forma independente do conteúdo principal da página da Web, permitindo que a página continue sendo renderizada e se torne interativa sem esperar que os anúncios sejam totalmente carregados. Isso reduz significativamente o tempo de carregamento percebido, melhorando a satisfação do usuário.
Inclua o atributo async
na definição da tag de script. Exemplo:
Google AdSense
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Google AdSense (anúncios automáticos):
<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Tag do editor do Google:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
Otimize os tamanhos, a posição e os formatos dos anúncios
O tamanho, a posição e o formato dos anúncios podem ter um impacto significativo na velocidade da página. Os tamanhos grandes podem diminuir a velocidade de carregamento da página, o que frustra os usuários. Para evitar isso, os proprietários de sites precisam trabalhar em conjunto com os anunciantes para otimizar os tamanhos e formatos dos anúncios. Incentivar o uso de formatos de imagem compactados e um design eficiente de criativo de anúncio ajuda a reduzir o tamanho dos arquivos sem comprometer a qualidade visual. Essas otimizações não só melhoram a velocidade da página, como também minimizam o consumo de dados para usuários com largura de banda limitada.
Better Ads Standards
É essencial aderir ao Better Ads Standard para veicular anúncios. Isso não apenas melhora a experiência do usuário, reduzindo formatos intrusivos e perturbadores, como também afeta positivamente a posição de veiculação do anúncio e o tempo de carregamento da página.
Seguindo esses padrões, é mais provável que os anúncios sejam colocados em posições menos obstrutivas e invasivas, o que pode resultar em um engajamento do usuário e taxas de cliques mais altos.
Além disso, aderir a essas diretrizes também pode aumentar a velocidade de carregamento da página, já que formatos de anúncio mais leves e que consomem menos recursos são favorecidos, melhorando o desempenho geral do site e a satisfação do usuário.
Avaliação estratégica de redes de publicidade e provedores
Nem todas as redes de publicidade e provedores têm a mesma performance. Para garantir a velocidade ideal da página, os proprietários de sites precisam avaliar meticulosamente a performance de diferentes redes de publicidade, implementações de lances de cabeçalho e provedores.
Parcerias com provedores que priorizam a velocidade e têm histórico de veiculação eficiente de conteúdo de anúncios leves podem aumentar significativamente a performance da página e melhorar a experiência do usuário.
Conclusão
Alcançar um equilíbrio entre a monetização e a performance é crucial para os proprietários de sites que querem oferecer uma experiência excepcional aos usuários e maximizar a receita com a publicidade on-line.
Usando técnicas como carregamento assíncrono, carregamento lento, otimização de formatos e tamanhos de anúncios, aproveitamento do armazenamento em cache inteligente e avaliação cuidadosa de redes de publicidade, além de lances no cabeçalho e provedores, os proprietários de sites podem superar os desafios de carregamento de anúncios sem comprometer a performance da página. A priorização da veiculação eficiente de anúncios garante a estratificação dos usuários, o aumento do engajamento e a geração de receita sustentável.
Notas de rodapé
- Os servidores de anúncios podem ter restrições e requisitos aplicáveis. Por exemplo, o Ad Manager exige que os editores declarem o inventário que é atualizado na interface. Alguns compradores exigem uma declaração de atualização de pelo menos 240 segundos. Em geral, quanto maior o intervalo entre as atualizações, mais interesse os compradores vão ter no seu inventário. saiba mais