Quelles tailles de bannière utiliser
Si vous ne réservez que quelques emplacements, ceux-ci couvrent presque tout : 300 × 250 (Medium Rectangle) dans le contenu, 728 × 90 (Leaderboard) dans l’en-tête sur ordinateur, 300 × 600 (Half Page) dans la barre latérale et 320 × 100 ou 320 × 50 sur mobile. Ce sont les formats que le plus d’annonceurs achètent : ils se remplissent en premier et rapportent davantage.
Le 300 × 250 est le joker : il tient sur ordinateur comme sur mobile, entre les paragraphes ou dans la barre latérale. Dans le doute, commencez par lui.
Blocs adaptatifs AdSense
AdSense recommande aujourd’hui les blocs responsive, qui choisissent la taille selon l’espace disponible.
L’emplacement, c’est pourtant vous qui le concevez : réservez sa hauteur en CSS pour que la page ne saute pas au
chargement de l’annonce (c’est ce que mesure le CLS des Core Web Vitals).
Un min-height à la taille la plus probable suffit :
.pub-laterale { min-height: 600px; } /* 300 × 600 */
.pub-contenu { min-height: 280px; } /* 336 × 280 ou 300 × 250 */
Maquetter les emplacements avec des images de substitution
Chaque URL des tableaux renvoie une image à la taille exacte. Placez-la dans l’emplacement pendant la conception et vous verrez la page avec l’annonce, sans attendre qu’AdSense diffuse quoi que ce soit en développement :
<img src="https://ximg.es/mediumrectangle" width="300" height="250" alt="Publicité">
<img src="https://ximg.es/leaderboard/f1f5f9/64748b.png?text=Publicité" width="728" height="90" alt="">
Les alias (/leaderboard, /medrec, /halfpage…) acceptent les mêmes couleurs, format
et texte que n’importe quelle autre image du générateur.
Deux alias dont la taille ne correspond pas au nom
ximg.es hérite ses alias de DummyImage et ne les modifie pas, car des milliers de pages les utilisent. Deux d’entre eux
renvoient une taille différente de celle qu’indique leur nom : /wideskyscraper donne 60 × 600 (le Wide
Skyscraper de l’IAB mesure 160 × 600 ; pour celui-là, utilisez /skyscraper160) et /svga donne
1024 × 600 (le SVGA fait 800 × 600 ; utilisez /svga800). Les tableaux montrent ce que renvoie chaque alias,
pas ce qu’il promet.