Zum Inhalt springen
Mera News

Leitfaden für Verlage, Kapitel 5

Werbung

Zuletzt geprüft im November 2026

Werbung bezahlt Berichterstattung, und sie verursacht auch vieles, was Leser an Nachrichtenseiten stört. Die Coalition for Better Ads veröffentlicht eine Liste von Formaten, die unter ihrem Standard liegen. Dieses Kapitel behandelt diese Liste, wie Sie für jeden Platz Raum reservieren und wo Sie Anzeigen auf dem jeweiligen Bildschirm platzieren.

Formate, die Sie meiden sollten

Die Better Ads Standards nennen 6 Desktop-Formate und 10 mobile Formate. Eigene Listen gibt es für Kurzvideos und mobile Apps.

FormatDesktopMobil
Pop-up-AnzeigenAufgeführtAufgeführt
Automatisch startende Videos mit TonAufgeführtAufgeführt
Prestitial-AnzeigenMit CountdownMit oder ohne Countdown
Große fixierte AnzeigenMehr als 30 % des BildschirmsMehr als 30 % des Bildschirms
AnzeigendichteHöher als 50 %Höher als 30 %
Dichte mit fixierter VideoanzeigeHöher als 30 %Nicht aufgeführt
Blinkende animierte AnzeigenNicht aufgeführtAufgeführt
Postitial-Anzeigen mit CountdownNicht aufgeführtAufgeführt
Scrollover-Anzeigen im VollbildNicht aufgeführtMehr als 30 % der Seite
Fixierte, herausspringende VideoanzeigenNicht aufgeführtAufgeführt
Fixiertes Video mit großer Inline-Anzeige (300x600 oder größer)Nicht aufgeführtAufgeführt

Wie die Dichte gemessen wird

Die Dichte ist die Summe der Höhen aller Anzeigen im Hauptinhalt, geteilt durch die Gesamthöhe des Hauptinhalts. Sie wird am Hauptinhalt gemessen, nicht am Viewport.

  • Kopfbereiche, Fußbereiche und die Navigation der Website sind ausgenommen, dazu gehören auch verwandte Artikel.
  • Anzeigen unterhalb des Hauptinhalts zählen nicht.
  • Alle Formate zählen, auch fixierte und Inline-Anzeigen.
  • Die Höhe jeder fixierten Anzeige zählt einmal.
  • Auf dem Desktop zählen Anzeigen in den Seitenspalten.
  • Pre-Roll- und Mid-Roll-Anzeigen in Videos, die zur Seite gehören, werden nicht gemessen.

Als Rechenbeispiel dient ein mobiler Artikel, dessen Hauptinhalt 5.000 Pixel hoch ist. Um bei höchstens 30 % zu bleiben, dürfen die Anzeigen darauf zusammen nicht mehr als 1.500 Pixel ergeben.

Um eine echte Seite zu prüfen, fügen Sie dies in die Browserkonsole ein. Passen Sie die Selektoren an Ihre Vorlagen an und addieren Sie die Höhe jeder fixierten oder seitlichen Anzeige, die außerhalb von article liegt.

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) + '%');

Jeden Platz reservieren

Web.dev nennt Anzeigen als einen der größten Verursacher von Layout-Verschiebungen. Reservieren Sie den Platz in CSS. Google rät davon ab, es in JavaScript zu tun, weil die Verschiebung beim Laden des Skripts auftreten kann.

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

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

Verwenden Sie min-height, damit auch ein größeres Werbemittel noch hineinpasst. Für Plätze mit mehreren Größen nennt der Leitfaden zum Google Publisher Tag drei Ansätze:

ReservierenVorteilPreis
Die größte GrößeKeine VerschiebungLeerraum unter kleinen Werbemitteln
Die kleinste GrößeKein LeerraumEine Verschiebung, wenn ein größeres Werbemittel ausgeliefert wird
Die Größe, die am häufigsten ausgeliefert wirdEin MittelwegEtwas Verschiebung, etwas Leerraum

Zwei weitere Regeln aus demselben Leitfaden und von web.dev:

  • Halten Sie fluid-Plätze unterhalb des sichtbaren Bereichs. Sie passen sich dem Werbemittel an und verursachen deshalb immer eine Verschiebung.
  • Klappen Sie einen Platz ohne Anzeige nicht zu. Das Entfernen reservierten Raums kann die Seite so stark verschieben wie das Einfügen von Inhalt. Zeigen Sie stattdessen einen Platzhalter und lassen Sie einen Platz nur dann zugeklappt starten, wenn er sich wahrscheinlich nicht füllt.

Platzierung auf dem jeweiligen Bildschirm

Auf Mobilgeräten

  • Zählen Sie die Dichte im Telefon-Layout, denn die mobile Grenze ist die niedrigere.
  • Halten Sie eine fixierte Anzeige unter 30 % des Bildschirms. Ein kurzer Anker am unteren Rand ist die übliche Form.
  • Vermeiden Sie Anzeigen, die über dem Artikel schweben, und jede Vollbild-Einheit, die einen Scroll oder Tipp zum Weiterkommen braucht.
  • Setzen Sie die erste Anzeige unter die Schlagzeile und den ersten Absatz, damit sie Ihr LCP-Element nicht nach unten schiebt.

Auf dem Desktop

  • Rechnen Sie Anzeigen in den Seitenspalten in Ihre Gesamtdichte ein.
  • Halten Sie fixierte Einheiten unter 30 % des Bildschirms.
  • Starten Sie Videos stumm und lassen Sie den Leser den Ton wählen.
  • Legen Sie zuerst die Größe der Artikelspalte fest, damit Plätze in den Seitenspalten laden können, ohne sie zu verschieben.

Geschwindigkeit und Barrierefreiheit

  • Laden Sie Anzeigen außerhalb des ersten sichtbaren Bereichs verzögert, mit der eigenen Einstellung Ihres Anzeigen-Tags oder mit loading="lazy" bei iframes, die Sie selbst steuern.
  • Jeder iframe hat seinen eigenen Hauptthread. Prüfen Sie bei der INP-Auswertung also, aus welchem Frame eine langsame Interaktion kam.
  • Wo eine Einwilligung erforderlich ist, laden Sie Anzeigen-Tags erst, nachdem der Leser zugestimmt hat. Das Kapitel zu Pop-ups enthält die Details.
  • Beschriften Sie Anzeigenbereiche, damit Nutzer eines Screenreaders sie erkennen und überspringen können.
  • Nach dem WCAG-Erfolgskriterium 2.2.2 brauchen bewegte Inhalte, die von selbst starten, länger als fünf Sekunden laufen und neben anderen Inhalten ablaufen, eine Möglichkeit zum Pausieren, Stoppen oder Ausblenden. Das gilt für animierte Anzeigen.
<aside aria-label="Advertisement">
  <div id="ad-slot" style="min-height: 250px;"></div>
</aside>

Den eigenen Stand prüfen

Der Ad Experience Report in der Search Console listet Werbeerlebnisse auf, die gegen die Better Ads Standards verstoßen. Wenn eine Prüfung Ihrer Website den Status „Failing“ gibt, nennt der Bericht, was Google gefunden hat, und er erfasst möglicherweise nicht jedes Problem. Beheben Sie, was er meldet, und beantragen Sie dann eine neue Prüfung, die Ihre gesamte Domain umfasst.

Checkliste

  • Gehen Sie die Formattabelle mit Ihrem Anzeigenteam durch, für Desktop und Mobilgeräte.
  • Entfernen Sie Pop-ups, Prestitials auf Mobilgeräten und Anzeigen mit Countdown.
  • Messen Sie die Dichte bei Ihrer längsten und Ihrer kürzesten Artikelvorlage, auf einem Telefon.
  • Prüfen Sie, dass jede fixierte Einheit unter 30 % des Bildschirms bleibt.
  • Reservieren Sie jeden Platz in CSS mit min-height.
  • Verschieben Sie fluid-Plätze unter den sichtbaren Bereich.
  • Ersetzen Sie das Zuklappen leerer Plätze durch einen Platzhalter, wo es die Seite verschiebt.
  • Laden Sie Anzeigen außerhalb des ersten sichtbaren Bereichs verzögert.
  • Fügen Sie jedem Anzeigenbereich eine Beschriftung hinzu.
  • Prüfen Sie den Ad Experience Report für Desktop und Mobilgeräte.

Quellen