Display-Banner-Formate, die konvertieren (5, die zählen)

Ein Freund von mir betreibt eine mobile Fahrzeugaufbereitung. Er hatte eine einzige hübsche Anzeige gebaut — ein 1080×1080-Quadrat, Produktfoto, drei Zeilen Text, ein Button — und sie bei Google Ads als Display-Creative hochgeladen. Google nahm sie an, spielte sie in einer Woche etwa vierhundert Mal aus, und das war's.

Das Problem war nicht die Anzeige. Das Problem ist, dass Display-Banner-Formate eine Welt für sich sind und eine quadratische Social-Grafik nur einen Bruchteil des Inventars abdeckt. Die meisten Werbeplätze im Web sind nicht quadratisch. Sie sind ein schmaler Streifen über einem Nachrichtenartikel, eine hohe Leiste am Rand eines Rezeptblogs oder ein kleiner Kasten, der zwischen zwei Absätzen klemmt. Wenn du kein Creative in der Form dieses Platzes hast, bekommst du den Platz nicht.

Worauf es wirklich ankommt: welche Formate du bauen solltest und warum jedes davon ein eigenes Layout braucht statt desselben Layouts in gequetscht.

Die fünf Display-Banner-Formate, die sich lohnen

Das Google Display-Netzwerk akzeptiert technisch gesehen Dutzende Formate. Du brauchst keine Dutzende. Diese fünf decken die überwältigende Mehrheit aller verfügbaren Platzierungen ab:

Format	Name	Wo es erscheint
300×250	Medium Rectangle	Im Artikel, Sidebar. Das Arbeitstier.
336×280	Large Rectangle	Dieselben Plätze, etwas größer. Oft bessere CTR.
728×90	Leaderboard	Oben auf Desktop-Seiten.
300×600	Half Page	Sidebar-Leiste am Desktop. Riesige Fläche, hohes Engagement.
320×100	Large Mobile Banner	Unten auf mobilen Seiten.

Bau diese fünf, und du bist abgedeckt. Nimm später 160×600 (Wide Skyscraper) und 970×250 (Billboard) dazu, wenn du magst, aber das ist der Long Tail.

Zwei Vorgaben, über die viele stolpern: Die Datei muss unter 150 KB bleiben, und Text sollte ungefähr 20 % der Fläche nicht überschreiten, wenn er in diesen Größen sauber lesbar bleiben soll. Die zweite ist längst keine erzwungene Regel mehr, aber sie ist immer noch ein guter Rat — sie ist der Unterschied zwischen einem Banner und einer Textwand.

Die Ein-Botschaft-Regel

Das ist es, was ein Banner, das funktioniert, von einem trennt, das es nicht tut: Ein Display-Banner bekommt eine Botschaft. Nicht drei. Eine.

Dein Social-Post darf atmen. Er bekommt eine Caption, er bekommt ein Swipe, und wer ihn sieht, ist schon halb dabei. Ein Display-Banner steht im Augenwinkel, während jemand über etwas ganz anderes liest. Du bekommst vielleicht eine Sekunde Aufmerksamkeit, und in dieser Sekunde nimmt derjenige genau eine Idee auf, plus einen Button.

Schreib also die eine Zeile, bevor du irgendein Design-Tool öffnest. Für die Aufbereitungsfirma meines Freundes war der Gewinner nicht „Professionelle mobile Fahrzeugaufbereitung — Innen, Außen, Keramikversiegelung — jetzt online buchen." Sondern:

Wir kommen in deine Einfahrt. $89.

Mehr nicht. Preis, Alleinstellungsmerkmal, sechs Wörter. Alles andere — das Upselling zur Keramikversiegelung, das Einsatzgebiet, die Fünf-Sterne-Bewertungen — gehört auf die Landingpage, nicht in einen 300×250-Kasten.

Warum du jedes Format neu baust, statt es zu skalieren

Das ist der Teil, den alle falsch machen, ich selbst lange genug. Du kannst ein Layout nicht einfach in fünf Formen skalieren. Ein 300×250 und ein 728×90 haben fast dieselbe Fläche, aber komplett gegensätzliche Proportionen, und ein Layout, das im einen funktioniert, ist im anderen unlesbar.

300×250 (Medium Rectangle) stapelt vertikal. Bildband oben quer, Headline darunter, Button ganz unten. Ungefähr: 40 % Bild, 35 % Text, 25 % Button und Luft. Headline um die 22–26 px. Das kommt einem Mini-Poster am nächsten.

728×90 (Leaderboard) wird horizontal und wirft fast alles raus. Logo ganz links, Headline in der Mitte, Button ganz rechts. Eine Textzeile, vielleicht 20 px. Für eine Unterzeile ist kein Platz — wenn du es versuchst, werden beide Zeilen zu klein, um sie aus der Distanz zu lesen. Streich sie.

300×600 (Half Page) ist das Format mit echtem Platz. Hier kannst du dir ein richtiges Foto leisten, eine Headline, eine Unterzeile und einen Button mit großzügigem Abstand. Füll es nicht bis an die Kanten, nur weil du es könntest — die Leerfläche ist das, was es teuer aussehen lässt statt nach Bannerwerbung von 2011.

320×100 (Mobile Banner) ist ein zusammengedrücktes Leaderboard. Logo, kurze Headline, Button. Deine Headline darf hier höchstens vier Wörter haben, denn bei 100 px Höhe auf einem Handy-Display wird alles Längere zu einem grauen Brei.

336×280 ist ein 300×250 mit etwas mehr Luft. Gleiches Layout, minimal größere Schrift, minimal mehr Innenabstand. Das ist das einzige Format, das wirklich nur eine Skalierung ist.

Achte darauf, was sich über alle fünf hinweg ändert: die Anzahl der Textelemente. Sechs Wörter im Leaderboard, zwölf im Half Page. Gleiche Botschaft, unterschiedlich viel davon.

Kontrast, weil diese Dinger neben purem Chaos ausgeliefert werden

Dein Banner landet auf einer Seite, die du nicht kontrollierst, neben einem Foto, das du nicht ausgesucht hast, auf einem Hintergrund, der weiß oder dunkelgrau sein kann. Daraus folgen zwei Dinge:

Gib ihm eine harte Kante. Eine 1-px-Umrandung oder eine gefüllte Hintergrundfläche, die klar aufhört. Banner, die im Seitenhintergrund verschwimmen, sehen einfach aus wie Teil der Website und werden als Seitenmobiliar ignoriert.

Mach den Button unübersehbar. Volle Füllung, hoher Kontrast zu allem drumherum, echte Button-Form. Das ist nicht der Ort für einen dezenten Ghost-Button. Wenn du im Banner Text über ein Foto legst, gelten dieselben Regeln wie überall sonst — ich habe darüber geschrieben, wie man Text über Fotos lesbar macht, und bei 300×250 gilt jedes Wort davon doppelt.

Das Set in Ridvay Studio bauen

So sieht der Ablauf konkret aus. Fang mit dem Medium Rectangle an — es ist das Format, das du am häufigsten ausspielst, und die Botschaft bei 300×250 auf den Punkt zu bringen erzwingt genau die Disziplin, die die anderen vier leicht macht.

Tipp das in Studio ein:

Erstelle ein 300x250 Display-Banner für einen mobilen Fahrzeugaufbereitungs-Service. Dunkelblauer Hintergrund, ein Fotoband quer über der oberen Kante mit einem sauberen Auto, fette Headline „Wir kommen in deine Einfahrt", Preis „$89" als große Akzentzahl und unten ein leuchtender, vollflächiger Button „Jetzt buchen". Fette serifenlose Schrift, hoher Kontrast, kein Ballast.

Was zurückkommt, ist kein flaches Bild, das du für jede Änderung neu generieren müsstest. Es ist ein editierbares Design — die Headline ist eine Textebene, der Preis ist eine eigene Ebene, der Button ist eine Form mit eigener Füllung, das Fotoband ein austauschbares Bildelement. Das zählt hier mehr als sonst, denn du baust gleich vier Varianten davon.

Dann nimm diese Änderungen vor:

1. Klick die Headline an und dreh die Schriftgröße hoch, bis sie die Breite fast ausfüllt. Bei 300×250 ist der häufigste Fehler eine zu höfliche Typografie. Füll den Raum.
2. Färb den Button in deine leuchtendste Markenfarbe um, nicht in einen nahen Verwandten des Hintergrunds. Siehe den Kontrast-Abschnitt oben — er soll aussehen, als gehörte er nicht zu der Seite, auf der er landet.
3. Lösch die Unterzeile, falls es eine gibt. Eine Botschaft. Wenn die KI dir eine Subline zum Einsatzgebiet mitgeliefert hat, streich sie. Genau sie wäre es sonst, die die Leaderboard-Version unmöglich macht.
4. Wende dein Brand Kit an, damit Logo, Schriften und Palette festgezurrt sind, bevor du duplizierst. Das einmal einzurichten ist der Grund, warum die nächsten vier Formate fünf Minuten dauern statt einer Stunde — die Anleitung zum Brand Kit zeigt es Schritt für Schritt.

Für die anderen vier Formate duplizierst du das Design, änderst die Canvas-Maße und baust das Layout dann neu auf — schieb das Bildband fürs Leaderboard nach links, wirf den Zusatztext raus, verankere den Button neu. Nicht skalieren. Ridvay übernimmt die Änderung der Canvas-Größe; du übernimmst die zwanzig Sekunden Umräumen, die es tatsächlich lesbar machen. Das ist derselbe Muskel wie beim Anpassen eines Designs an jede Social-Plattform, nur mit engeren Grenzen.

Exportier jedes Format als PNG, prüf, dass jede Datei unter 150 KB liegt, und lade das Set hoch.

Bau dein erstes 300×250-Banner →

Was danach passierte

Mein Freund hat fünf Formate hochgeladen statt einem. Die Impressionen gingen von ein paar hundert pro Woche auf ein paar tausend — nicht weil das Creative besser geworden wäre, sondern weil er plötzlich für Plätze infrage kam, von denen er vorher ausgesperrt war. Das ist der ganze Trick. Display-Werbung belohnt Abdeckung, und Abdeckung ist ein Design-Problem, bevor sie ein Gebots-Problem ist.

Wenn du dieselbe Kampagne zusätzlich als nativen Feed-Post fährst: Das ist tatsächlich ein eigenes Handwerk — eine Social-Anzeige gestalten, die konvertiert hat die Regeln für diese Seite.

Ansonsten: Schreib deine eine Zeile, bau das 300×250, bau es viermal neu. Ein Abend Arbeit — und der Unterschied zwischen im Web auftauchen und in einer Ecke davon auftauchen.

Starte dein Banner-Set in Studio →