Vai al contenuto
Mera News

Guida per gli editori, capitolo 5

Pubblicità

Ultima revisione novembre 2026

La pubblicità finanzia il giornalismo e provoca anche gran parte di ciò che i lettori non amano dei siti di notizie. La Coalition for Better Ads pubblica un elenco di formati che non rispettano il suo standard. Questo capitolo tratta quell'elenco, come riservare lo spazio per ogni slot e dove collocare gli annunci su ciascuno schermo.

Formati da evitare

I Better Ads Standards indicano 6 formati desktop e 10 formati mobile. Elenchi separati riguardano i video brevi e le app mobili.

FormatoDesktopMobile
Annunci pop-upNell'elencoNell'elenco
Video con riproduzione automatica e audioNell'elencoNell'elenco
Annunci prestitialCon conto alla rovesciaCon o senza conto alla rovescia
Grandi annunci fissiPiù del 30% dello schermoPiù del 30% dello schermo
Densità degli annunciSuperiore al 50%Superiore al 30%
Densità con un annuncio video fissoSuperiore al 30%Non nell'elenco
Annunci animati lampeggiantiNon nell'elencoNell'elenco
Annunci postitial con conto alla rovesciaNon nell'elencoNell'elenco
Annunci a schermo intero che si sovrappongono allo scorrimentoNon nell'elencoPiù del 30% della pagina
Annunci video fissi che si staccano dalla paginaNon nell'elencoNell'elenco
Video fisso con un grande annuncio in linea (300x600 o più grande)Non nell'elencoNell'elenco

Come si misura la densità

La densità è la somma delle altezze di tutti gli annunci nel contenuto principale, divisa per l'altezza totale del contenuto principale. Si misura rispetto al contenuto principale, non al viewport.

  • Intestazioni, piè di pagina e navigazione del sito sono esclusi, compresi gli articoli correlati.
  • Gli annunci sotto il contenuto principale non contano.
  • Contano tutti i formati, compresi gli annunci fissi e in linea.
  • L'altezza di ogni annuncio fisso conta una sola volta.
  • Su desktop contano gli annunci nelle colonne laterali.
  • Gli annunci pre-roll e mid-roll nei video pertinenti alla pagina non vengono misurati.

Come esempio pratico, prendi un articolo mobile il cui contenuto principale è alto 5.000 pixel. Per restare al 30% o meno, gli annunci al suo interno possono sommare al massimo 1.500 pixel.

Per controllare una pagina reale, incolla questo nella console del browser. Cambia i selettori in base ai tuoi modelli e aggiungi l'altezza di ogni annuncio fisso o di colonna laterale che si trova fuori da 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) + '%');

Riserva ogni slot

Web.dev indica gli annunci tra i maggiori responsabili degli spostamenti del layout. Riserva lo spazio nel CSS. Google sconsiglia di farlo in JavaScript, perché lo spostamento può avvenire quando lo script si carica.

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

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

Usa min-height in modo che anche una creatività più grande possa starci. Per gli slot con più dimensioni, la guida di Google Publisher Tag propone tre approcci:

Cosa riservareVantaggioCosto
La dimensione maggioreNessuno spostamentoSpazio vuoto sotto le creatività piccole
La dimensione minoreNessuno spazio vuotoUno spostamento quando viene servita una creatività più grande
La dimensione servita più spessoUn equilibrio tra i dueQualche spostamento, qualche spazio vuoto

Altre due regole dalla stessa guida e da web.dev:

  • Tieni gli slot fluid sotto la piega. Si ridimensionano in base alla creatività, quindi causano sempre uno spostamento.
  • Non comprimere uno slot che non riceve annunci. Rimuovere lo spazio riservato può spostare la pagina quanto inserire contenuto. Mostra invece un segnaposto e fai partire uno slot compresso solo se è improbabile che si riempia.

Collocazione su ciascuno schermo

Su mobile

  • Conta la densità sul layout da telefono, perché il limite mobile è il più basso.
  • Mantieni un annuncio fisso sotto il 30% dello schermo. Una breve ancora in basso è la forma abituale.
  • Evita gli annunci che fluttuano sopra l'articolo e qualsiasi unità a schermo intero che richieda uno scorrimento o un tocco per essere superata.
  • Metti il primo annuncio sotto il titolo e il paragrafo iniziale, così non spinge in basso il tuo elemento LCP.

Su desktop

  • Conta gli annunci delle colonne laterali nel totale della densità.
  • Mantieni le unità fisse sotto il 30% dello schermo.
  • Avvia i video senza audio e lascia che sia il lettore a scegliere il suono.
  • Dimensiona prima la colonna dell'articolo, così gli slot laterali possono caricarsi senza spostarla.

Velocità e accessibilità

  • Carica in modo differito gli annunci fuori dalla prima schermata, con l'impostazione del tuo tag pubblicitario oppure con loading="lazy" sugli iframe che controlli.
  • Ogni iframe ha il proprio thread principale, quindi quando analizzi l'INP controlla da quale frame arriva un'interazione lenta.
  • Dove è richiesto il consenso, carica i tag pubblicitari solo dopo che il lettore ha accettato. Il capitolo sui pop-up ne spiega i dettagli.
  • Etichetta le aree pubblicitarie, così chi usa uno screen reader può riconoscerle e saltarle.
  • Secondo il criterio di successo 2.2.2 delle WCAG, un contenuto in movimento che parte da solo, dura più di cinque secondi e scorre insieme ad altri contenuti ha bisogno di un modo per metterlo in pausa, fermarlo o nasconderlo. Questo vale per gli annunci animati.
<aside aria-label="Advertisement">
  <div id="ad-slot" style="min-height: 250px;"></div>
</aside>

Controlla la tua situazione

L'Ad Experience Report in Search Console elenca le esperienze pubblicitarie che violano i Better Ads Standards. Se una revisione assegna al tuo sito lo stato «Non conforme», il report elenca ciò che Google ha trovato, e potrebbe non rilevare ogni problema. Correggi ciò che segnala, poi richiedi una nuova revisione, che riguarda l'intero dominio.

Checklist

  • Esamina la tabella dei formati con il tuo team di ad operations, per desktop e mobile.
  • Rimuovi pop-up, prestitial su mobile e annunci con conto alla rovescia.
  • Misura la densità sui modelli di articolo più lungo e più corto, su un telefono.
  • Verifica che ogni unità fissa resti sotto il 30% dello schermo.
  • Riserva ogni slot nel CSS con min-height.
  • Sposta gli slot fluid sotto la piega.
  • Sostituisci la compressione degli slot vuoti con un segnaposto dove sposta la pagina.
  • Carica in modo differito gli annunci fuori dalla prima schermata.
  • Aggiungi un'etichetta a ogni area pubblicitaria.
  • Controlla l'Ad Experience Report per desktop e mobile.

Fonti