Ratgeber für Publisher

Responsive Werbeformate kombinieren: Welche Banner für Desktop und Mobil?

Nicht jedes Banner-Format passt auf jedes Gerät. Diese Übersicht zeigt, welches Desktop-Format zu welchem Mobil-Format passt, für Kopfbereich, Seitenleiste und Text, und worauf Sie bei Größe, Abstand und Ladeverhalten achten sollten.

11 bewährte Kombinationen aus Desktop- und Mobil-Format
Empfehlungen nach Platzierung im Layout
Typische Fehler und wie Sie sie vermeiden

Jetzt Publisher werden Kombinationen ansehen

Responsive Werbeformate bei Adsovo: Fertige Kombinationen aus Desktop-Format und Mobil-Format im Publisher-Panel

Billboard Mobile Banner Kombinationen

11 fertige Kombinationen

16 Formate im Netzwerk

768 px Umschaltpunkt Desktop und Mobil

60 % des Werbebudgets für Publisher

Alle Kombinationen finden Sie als Pakete im Publisher-Panel unter Werbung integrieren.

Worauf es bei der Wahl ankommt

Vier Regeln, die in der Praxis am meisten bringen.

Breite beachten

Mobile Formate sollten höchstens 320 bis 336 Pixel breit sein. Alles darüber ist auf kleinen Smartphones breiter als der Bildschirm.

Höhe begrenzen

Mobil lieber 50 oder 100 Pixel hoch als 250. Hohe Anzeigen im oberen Bereich verdrängen den Inhalt.

Zur Platzierung passen

Kopfbereich braucht ein flaches Format, die Seitenleiste ein Hochformat, der Text ein Rechteck.

Beide Ansichten testen

Prüfen Sie nach dem Einbau Desktop und Smartphone. Es darf immer nur ein Platz sichtbar sein.

Alle Kombinationen im Überblick

Jede Zeile entspricht einem fertigen Paket im Publisher-Panel.

Alle Kombinationen im Überblick
Paket	Desktop	Mobil	Eignung
Kopfbereich groß	Billboard (970 x 250 px)	Large Mobile Banner (320 x 100 px)	Auffälligster Platz im Kopf der Seite, mobil als großer Banner ohne zu viel Höhe.
Kopfbereich Standard	Leaderboard (728 x 90 px)	Mobile Banner (320 x 50 px)	Der Klassiker unter der Navigation, mobil als schlanker Banner.
Kopfbereich Standard groß	Leaderboard (728 x 90 px)	Large Mobile Banner (320 x 100 px)	Wie der Standard, mobil mit mehr Fläche für Bild und Text.
Kopfbereich kompakt	Billboard (970 x 250 px)	Mobile Banner (320 x 50 px)	Großes Format am Desktop, mobil bewusst dezent, damit der Inhalt zuerst kommt.
Billboard und Rechteck	Billboard (970 x 250 px)	Medium Rectangle (300 x 250 px)	Mobil ein Rechteck mit viel Fläche, gut zwischen zwei Absätzen.
Seitenleiste schmal	Wide Skyscraper (160 x 600 px)	Medium Rectangle (300 x 250 px)	Das Hochformat der Seitenleiste wird mobil zum Rechteck im Text.
Seitenleiste hoch	Wide Skyscraper (160 x 600 px)	Large Mobile Banner (320 x 100 px)	Hochformat am Desktop, mobil ein flacher großer Banner.
Seitenleiste kompakt	Wide Skyscraper (160 x 600 px)	Mobile Banner (320 x 50 px)	Hochformat am Desktop, mobil der schmalste Banner.
Rechteck	Medium Rectangle (300 x 250 px)	Large Mobile Banner (320 x 100 px)	Das beliebte Medium Rectangle im Text, mobil als großer Banner.
Quadrat	Square (250 x 250 px)	Mobile Banner (320 x 50 px)	Quadrat für kleine Plätze, mobil als schmaler Banner.
Quadrat und Rechteck	Square (250 x 250 px)	Medium Rectangle (300 x 250 px)	Quadrat am Desktop, mobil ein Rechteck mit mehr Fläche.

Das Panel zeigt nur Kombinationen, für die beide Formate aktuell Anzeigen haben. Mit dem Werbecode-Generator wählen Sie jede Kombination frei.

Empfehlung nach Platzierung

Welche Formate passen zu welchem Platz im Layout?

Empfehlung nach Platzierung
Platzierung	Desktop	Mobil	Hinweis
Kopfbereich unter der Navigation	Billboard (970 x 250) oder Leaderboard (728 x 90)	Large Mobile Banner (320 x 100) oder Mobile Banner (320 x 50)	Der sichtbarste Platz. Mobil lieber flach halten, damit der Inhalt schnell kommt.
Seitenleiste	Wide Skyscraper (160 x 600)	Medium Rectangle (300 x 250) im Text	Die Seitenleiste fällt mobil weg, also wandert die Anzeige in den Inhalt.
Im Text zwischen Absätzen	Medium Rectangle (300 x 250) oder Quadrat (250 x 250)	Large Mobile Banner (320 x 100) oder Medium Rectangle	Hier wird am häufigsten geklickt, wenn die Anzeige zum Thema passt.
Ende des Beitrags	Leaderboard (728 x 90)	Mobile Banner (320 x 50)	Ruhiger Platz, wenn Besucher fertig gelesen haben.

Es sind Richtwerte. Entscheidend ist, dass das Format ins Layout passt und den Inhalt nicht verdrängt.

Typische Fehler bei der Format-Wahl

Diese Kombinationen führen häufig zu Problemen.

Typische Fehler bei der Format-Wahl
Fehler	Folge	Besser
Billboard auch mobil	Breiter als der Bildschirm, horizontales Scrollen	Mobil ein Format bis 320 Pixel Breite wählen
Hohes Rechteck direkt unter der Navigation mobil	Der Inhalt rutscht unter den Bildschirmrand	Mobil einen flachen Banner nutzen, das Rechteck weiter unten im Text
Desktop- und Mobil-Platz ohne CSS-Regel	Beide Anzeigen erscheinen gleichzeitig	Den Code mit style-Block vollständig einfügen
Zu viele Plätze nacheinander	Seite wirkt überladen, Nutzer scrollen weg	Plätze mit Text trennen, nicht mehr als nötig
Kein Abstand zum Text	Anzeige wird mit Inhalt verwechselt	Abstand oben und unten und optional eine Beschriftung

Die Regeln für Anzeigen und Webseiten stehen in den Richtlinien.

Anleitung: Das passende Paket in vier Schritten wählen

Von der Platzierung bis zur Kontrolle.

1
Platz im Layout bestimmen

Legen Sie fest, wo die Anzeige erscheinen soll: im Kopfbereich, in der Seitenleiste oder im Text.
2
Desktop-Format wählen

Wählen Sie ein Format, das in den Platz passt, zum Beispiel Billboard oder Leaderboard im Kopfbereich oder Wide Skyscraper in der Seitenleiste.
3
Mobil-Format ergänzen

Wählen Sie dazu ein Format bis 320 Pixel Breite. Flache Banner passen oben, Rechtecke eher in den Text.
4
Paket kopieren und prüfen

Kopieren Sie das fertige Paket aus dem Panel oder erstellen Sie ein eigenes im Werbecode-Generator. Prüfen Sie danach Desktop und Smartphone.

Jetzt Publisher werden

Kombinationen im Publisher-Panel

Screenshots der fertigen Pakete und des Generators.

Fertige Responsive-Pakete im Adsovo Publisher-Panel: Billboard, Leaderboard, Wide Skyscraper und Medium Rectangle mit passendem Mobil-Format — Alle fertigen Kombinationen im Panel: links das Desktop-Format, rechts das Mobil-Format

Eigenes Responsive-Paket im Werbecode-Generator mit Leaderboard am Desktop und Mobile Banner mobil — Eigene Kombination im Generator: Formate frei wählen und gestalten

Die beteiligten Formate

Jedes Format hat eine eigene Seite mit Maßen, Einsatz und Dateianforderungen.

728x90 Leaderboard Desktop

970x250 Billboard Desktop

300x250 Medium Rectangle Desktop & Mobil

160x600 Wide Skyscraper Desktop

320x50 Mobile Banner Mobil

320x100 Large Mobile Banner Mobil

250x250 Square Desktop & Mobil

Warum Desktop und Mobil unterschiedliche Formate brauchen

Ein Desktop-Bildschirm bietet Platz für breite Banner im Kopfbereich und hohe Banner in der Seitenleiste. Ein Smartphone hat dagegen nur rund 320 bis 430 Pixel Breite und keine Seitenleiste. Ein und dasselbe Format kann deshalb nicht überall gut aussehen. Responsive Werbeformate lösen das, indem Sie zwei Formate kombinieren: eines für große, eines für kleine Bildschirme. Wie der Code dafür aufgebaut ist, steht unter Responsive Werbung einbinden.

Kopfbereich: flach und auffällig

Im Kopfbereich funktionieren breite, flache Formate am besten. Am Desktop bieten sich das Billboard mit 970 x 250 Pixeln oder das Leaderboard mit 728 x 90 Pixeln an. Mobil passen der Mobile Banner mit 320 x 50 Pixeln oder der Large Mobile Banner mit 320 x 100 Pixeln. Wählen Sie mobil das schmalere Format, wenn der Inhalt Vorrang haben soll, und das größere, wenn die Anzeige mehr Fläche für Bild und Text braucht.

Seitenleiste: Hochformat am Desktop, Rechteck im Text mobil

Die Seitenleiste existiert am Smartphone meist nicht. Der Wide Skyscraper mit 160 x 600 Pixeln wird deshalb mobil durch ein Format ersetzt, das in den Textfluss passt, zum Beispiel das Medium Rectangle mit 300 x 250 Pixeln. Setzen Sie den Platz im Code dorthin, wo er mobil erscheinen soll, in der Regel zwischen zwei Absätzen.

Im Text: Rechtecke und flache Banner

Im Text zwischen Absätzen sind Rechtecke beliebt, weil sie viel Fläche bieten und zum Thema des Beitrags passen können. Am Desktop eignet sich das Medium Rectangle, mobil entweder dasselbe Format oder ein Large Mobile Banner. Achten Sie auf Abstand zum Text und darauf, dass Anzeigen nicht zwischen zwei kurzen Absätzen eingeklemmt werden.

Layout stabil halten

Damit die Seite beim Laden nicht springt, geben Sie dem äußeren Container eine Mindesthöhe, die zum Mobil-Format passt, zum Beispiel 100 Pixel für den Large Mobile Banner. Prüfen Sie nach jeder Änderung am Theme beide Ansichten. Wenn Sie mehrere Plätze nutzen, trennen Sie diese durch Text.

Fertiges Paket oder eigene Kombination

Die Pakete im Publisher-Panel decken die häufigsten Kombinationen ab. Brauchen Sie eine andere, wählen Sie Desktop- und Mobil-Format im Werbecode-Generator frei und gestalten den Rahmen. Welche Formate es insgesamt gibt, zeigt die Übersicht der Werbeformate.

Häufige Fragen zu responsiven Werbeformaten

Antworten zu Kombinationen, Größen und Platzierung.

Am Desktop breite Formate wie Billboard und Leaderboard im Kopfbereich oder Hochformate wie Wide Skyscraper in der Seitenleiste. Mobil Formate bis etwa 320 Pixel Breite wie Mobile Banner, Large Mobile Banner oder Medium Rectangle.

Meist ein Medium Rectangle im Text oder ein flacher Banner. Die Seitenleiste fehlt mobil, daher gehört der Platz in den Inhalt.

Ja, zum Beispiel ein Medium Rectangle in beiden Ansichten. Dann brauchen Sie keine Umschaltung, der normale Platzhalter genügt.

Das Panel zeigt nur Kombinationen, für die beide Formate aktuell Anzeigen haben. Mit dem Werbecode-Generator können Sie dennoch jede Kombination aus den verfügbaren Formaten erstellen.

Der Large Mobile Banner mit 320 x 100 Pixeln oder der Mobile Banner mit 320 x 50 Pixeln. Wer mobil mehr Fläche möchte, kann ein Medium Rectangle mit 300 x 250 Pixeln im Text wählen.

Höchstens 320 bis 336 Pixel. Im Werbecode-Generator ist die Breite des Platzes zusätzlich auf 100 Prozent begrenzt, damit er nicht über den Bildschirm hinausragt.

Im Publisher-Panel unter Werbung integrieren im Bereich Responsive Anzeigen. Jede Karte zeigt das Desktop- und das Mobil-Format.

So viele, wie der Inhalt verträgt. Ein Platz im Kopfbereich und einer im Text sind für viele Seiten ein guter Anfang.