Ir para o conteúdo
Mera News

Guia para editoras, capítulo 5

Anúncios

Última revisão em novembro de 2026

Os anúncios financiam a reportagem e também causam boa parte do que os leitores não gostam nos sites de notícias. A Coalition for Better Ads publica uma lista de formatos que ficam abaixo do seu padrão. Este capítulo trata dessa lista, de como reservar espaço para cada posição de anúncio e de onde colocar anúncios em cada tela.

Formatos a evitar

Os Better Ads Standards citam 6 formatos para computador e 10 para celular. Listas separadas tratam de vídeo curto e de apps para celular.

FormatoComputadorCelular
Anúncios em pop-upListadoListado
Vídeo com reprodução automática e somListadoListado
Anúncios prestitiaisCom contagem regressivaCom ou sem contagem regressiva
Anúncios fixos grandesMais de 30% da telaMais de 30% da tela
Densidade de anúnciosAcima de 50%Acima de 30%
Densidade com um anúncio de vídeo fixoAcima de 30%Não listado
Anúncios animados piscantesNão listadoListado
Anúncios postitiais com contagem regressivaNão listadoListado
Anúncios de tela cheia que rolam por cimaNão listadoMais de 30% da página
Anúncios de vídeo fixos que se destacam da páginaNão listadoListado
Vídeo fixo com um anúncio grande no meio do texto (300x600 ou maior)Não listadoListado

Como a densidade é medida

A densidade é a soma das alturas de todos os anúncios no conteúdo principal, dividida pela altura total do conteúdo principal. Ela é medida em relação ao conteúdo principal, não à área visível da tela.

  • Cabeçalhos, rodapés e a navegação do site ficam de fora, e isso inclui os artigos relacionados.
  • Anúncios abaixo do conteúdo principal não contam.
  • Todos os formatos contam, inclusive os anúncios fixos e os do meio do texto.
  • A altura de cada anúncio fixo conta uma vez.
  • No computador, os anúncios das colunas laterais contam.
  • Anúncios pre-roll e mid-roll em vídeos relevantes para a página não são medidos.

Como exemplo, pegue um artigo para celular cujo conteúdo principal tem 5.000 pixels de altura. Para ficar em 30% ou menos, os anúncios nele podem somar no máximo 1.500 pixels.

Para conferir uma página real, cole isto no console do navegador. Altere os seletores conforme os seus modelos e some a altura de qualquer anúncio fixo ou de coluna lateral que esteja fora de article.

const main = document.querySelector('article');
const slots = [...main.querySelectorAll('.ad-slot')];
const adHeight = slots.reduce((sum, ad) => sum + ad.getBoundingClientRect().height, 0);
console.log((adHeight / main.getBoundingClientRect().height * 100).toFixed(1) + '%');

Reserve cada posição

O web.dev cita os anúncios como um dos maiores causadores de mudança de layout. Reserve o espaço no CSS. O Google desaconselha fazer isso em JavaScript, porque a mudança pode acontecer quando o script carrega.

<div id="ad-slot" style="min-width: 300px; min-height: 250px;"></div>

@media screen and (max-width: 960px) {
  #ad-slot {
    min-height: 100px;
  }
}

Use min-height para que um criativo maior ainda caiba. Para posições com vários tamanhos, o guia do Google Publisher Tag oferece três abordagens:

ReservarVantagemCusto
O maior tamanhoNenhuma mudançaEspaço em branco sob criativos pequenos
O menor tamanhoNenhum espaço em brancoUma mudança quando um criativo maior é exibido
O tamanho exibido com mais frequênciaUm equilíbrio entre os doisAlguma mudança e algum espaço em branco

Mais duas regras do mesmo guia e do web.dev:

  • Mantenha as posições fluid abaixo da dobra. Elas se redimensionam conforme o criativo, então sempre causam uma mudança.
  • Não recolha uma posição que não recebe anúncio. Remover o espaço reservado pode deslocar a página tanto quanto inserir conteúdo. Mostre um espaço reservado no lugar e comece com uma posição recolhida só se for improvável que ela seja preenchida.

Posicionamento em cada tela

No celular

  • Conte a densidade no layout para celular, porque o limite móvel é o mais baixo.
  • Mantenha um anúncio fixo abaixo de 30% da tela. Uma faixa curta fixada na parte de baixo é a forma usual.
  • Evite anúncios que flutuam sobre o artigo e qualquer unidade em tela cheia que exija uma rolagem ou um toque para passar.
  • Coloque o primeiro anúncio abaixo da manchete e do parágrafo de abertura, para que não empurre o seu elemento LCP para baixo.

No computador

  • Inclua os anúncios das colunas laterais no total de densidade.
  • Mantenha as unidades fixas abaixo de 30% da tela.
  • Inicie o vídeo sem som e deixe o leitor escolher o som.
  • Defina primeiro o tamanho da coluna do artigo, para que as posições das colunas laterais carreguem sem movê-lo.

Velocidade e acessibilidade

  • Aplique carregamento tardio aos anúncios fora da primeira tela, com a configuração da própria tag de anúncio ou loading="lazy" em iframes que você controla.
  • Cada iframe tem a sua própria thread principal, então, ao revisar o INP, confira de qual frame veio uma interação lenta.
  • Onde o consentimento é exigido, carregue as tags de anúncio somente depois que o leitor concordar. O capítulo sobre pop-ups traz os detalhes.
  • Identifique as regiões de anúncio com rótulos, para que quem usa leitor de tela possa reconhecê-las e pulá-las.
  • Pelo critério de sucesso 2.2.2 do WCAG, conteúdo em movimento que começa sozinho, dura mais de cinco segundos e roda ao lado de outro conteúdo precisa de uma forma de pausar, parar ou ocultar. Isso vale para anúncios animados.
<aside aria-label="Advertisement">
  <div id="ad-slot" style="min-height: 250px;"></div>
</aside>

Confira a sua situação

O Ad Experience Report do Search Console lista as experiências de anúncio que violam os Better Ads Standards. Se uma revisão der ao seu site o status “Failing”, o relatório lista o que o Google encontrou, e ele pode não captar todos os problemas. Corrija o que ele apontar e depois peça uma nova revisão, que cobre o seu domínio inteiro.

Lista de verificação

  • Percorra a tabela de formatos com a sua equipe de operações de anúncios, para computador e celular.
  • Remova pop-ups, prestitiais no celular e anúncios com contagem regressiva.
  • Meça a densidade nos seus modelos de artigo mais longo e mais curto, em um celular.
  • Confira que toda unidade fixa fica abaixo de 30% da tela.
  • Reserve cada posição no CSS com min-height.
  • Mova as posições fluid para baixo da dobra.
  • Troque o recolhimento de posições vazias por um espaço reservado onde ele desloca a página.
  • Aplique carregamento tardio aos anúncios fora da primeira tela.
  • Adicione um rótulo a cada região de anúncio.
  • Confira o Ad Experience Report para computador e celular.

Fontes