Aller au contenu
Mera News

Guide de l'éditeur, chapitre 5

Publicités

Dernière révision : novembre 2026

La publicité finance le journalisme, et elle provoque aussi une grande part de ce que les lecteurs détestent sur les sites d'actualité. La Coalition for Better Ads publie une liste de formats qui ne respectent pas sa norme. Ce chapitre présente cette liste, la façon de réserver l'espace de chaque emplacement et où placer les publicités sur chaque écran.

Formats à éviter

Les Better Ads Standards désignent 6 formats pour ordinateur et 10 pour mobile. Des listes distinctes couvrent la vidéo courte et les applications mobiles.

FormatOrdinateurMobile
Publicités pop-upConcernéConcerné
Vidéo à lecture automatique avec sonConcernéConcerné
Publicités prestitiellesAvec compte à reboursAvec ou sans compte à rebours
Grandes publicités fixesPlus de 30 % de l'écranPlus de 30 % de l'écran
Densité publicitaireSupérieure à 50 %Supérieure à 30 %
Densité avec une publicité vidéo fixeSupérieure à 30 %Non concerné
Publicités animées clignotantesNon concernéConcerné
Publicités postitielles avec compte à reboursNon concernéConcerné
Publicités plein écran qui se superposent au défilementNon concernéPlus de 30 % de la page
Publicités vidéo fixes qui se détachentNon concernéConcerné
Vidéo fixe avec une grande publicité intégrée au texte (300x600 ou plus)Non concernéConcerné

Comment la densité est mesurée

La densité est la somme des hauteurs de toutes les publicités du contenu principal, divisée par la hauteur totale du contenu principal. Elle se mesure par rapport au contenu principal, pas à la fenêtre visible.

  • Les en-têtes, les pieds de page et la navigation du site sont exclus, ainsi que les articles associés.
  • Les publicités situées sous le contenu principal ne comptent pas.
  • Tous les formats comptent, y compris les publicités fixes et intégrées au texte.
  • La hauteur de chaque publicité fixe compte une seule fois.
  • Sur ordinateur, les publicités des colonnes latérales comptent.
  • Les publicités pre-roll et mid-roll dans une vidéo liée à la page ne sont pas mesurées.

Prenons un exemple : un article mobile dont le contenu principal fait 5 000 pixels de haut. Pour rester à 30 % ou moins, les publicités peuvent totaliser au plus 1 500 pixels.

Pour vérifier une vraie page, collez ceci dans la console du navigateur. Adaptez les sélecteurs à vos modèles et ajoutez la hauteur de toute publicité fixe ou de colonne latérale située en dehors 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) + '%');

Réserver chaque emplacement

Web.dev cite les publicités parmi les plus grandes sources de décalage de mise en page. Réservez l'espace en CSS. Google déconseille de le faire en JavaScript, car le décalage peut se produire au chargement du script.

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

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

Utilisez min-height pour qu'une création plus grande puisse tout de même tenir. Pour les emplacements à plusieurs tailles, le guide Google Publisher Tag propose trois approches :

RéserverAvantageCoût
La plus grande tailleAucun décalageDu blanc sous les petites créations
La plus petite tailleAucun blancUn décalage quand une création plus grande est servie
La taille servie le plus souventUn équilibre entre les deuxUn peu de décalage, un peu de blanc

Deux autres règles issues du même guide et de web.dev :

  • Gardez les emplacements fluid sous la ligne de flottaison. Ils se redimensionnent selon la création et provoquent donc toujours un décalage.
  • Ne réduisez pas un emplacement qui ne reçoit pas de publicité. Supprimer un espace réservé peut décaler la page autant qu'insérer du contenu. Affichez plutôt un espace de remplacement, et ne démarrez un emplacement réduit que s'il a peu de chances d'être rempli.

Placement sur chaque écran

Sur mobile

  • Comptez la densité sur la mise en page téléphone, car la limite mobile est la plus basse.
  • Gardez une publicité fixe sous 30 % de l'écran. Un court bandeau ancré en bas en est la forme habituelle.
  • Évitez les publicités qui flottent au-dessus de l'article et tout format plein écran qui exige un défilement ou un appui pour passer.
  • Placez la première publicité sous le titre et le premier paragraphe, pour qu'elle ne repousse pas votre élément LCP vers le bas.

Sur ordinateur

  • Comptez les publicités des colonnes latérales dans votre total de densité.
  • Gardez les formats fixes sous 30 % de l'écran.
  • Lancez les vidéos sans le son et laissez le lecteur choisir.
  • Dimensionnez d'abord la colonne de l'article, pour que les emplacements latéraux se chargent sans la déplacer.

Vitesse et accessibilité

  • Chargez en différé les publicités situées hors de la première fenêtre visible, avec le réglage propre à votre balise publicitaire ou loading="lazy" sur les iframes que vous contrôlez.
  • Chaque iframe a son propre fil principal : vérifiez de quelle frame vient une interaction lente quand vous examinez l'INP.
  • Là où le consentement est requis, ne chargez les balises publicitaires qu'après l'accord du lecteur. Le chapitre sur les fenêtres contextuelles donne le détail.
  • Étiquetez les zones publicitaires pour qu'un utilisateur de lecteur d'écran puisse les reconnaître et les passer.
  • Selon le critère de succès 2.2.2 de WCAG, un contenu en mouvement qui démarre seul, dure plus de cinq secondes et s'affiche à côté d'autres contenus doit pouvoir être mis en pause, arrêté ou masqué. Cela s'applique aux publicités animées.
<aside aria-label="Advertisement">
  <div id="ad-slot" style="min-height: 250px;"></div>
</aside>

Vérifier votre situation

L'Ad Experience Report de la Search Console liste les expériences publicitaires qui enfreignent les Better Ads Standards. Si une évaluation donne à votre site le statut « Failing », le rapport indique ce que Google a trouvé, sans forcément relever tous les problèmes. Corrigez ce qui est signalé, puis demandez une nouvelle évaluation, qui couvre l'ensemble de votre domaine.

Liste de contrôle

  • Passez en revue le tableau des formats avec votre équipe publicitaire, pour l'ordinateur et le mobile.
  • Retirez les pop-ups, les prestitielles sur mobile et les publicités avec compte à rebours.
  • Mesurez la densité sur vos modèles d'article les plus longs et les plus courts, sur un téléphone.
  • Vérifiez que chaque format fixe reste sous 30 % de l'écran.
  • Réservez chaque emplacement en CSS avec min-height.
  • Déplacez les emplacements fluid sous la ligne de flottaison.
  • Remplacez la réduction des emplacements vides par un espace de remplacement là où elle décale la page.
  • Chargez en différé les publicités hors de la première fenêtre visible.
  • Ajoutez une étiquette à chaque zone publicitaire.
  • Consultez l'Ad Experience Report pour l'ordinateur et le mobile.

Sources