Promo-Banner gestalten

Mit einem Promo-Banner präsentierst du große, anklickbare Bilder auf deiner Website – für Desktop und Mobilgeräte jeweils in optimaler Größe. Das Banner kann zu einer beliebigen Seite oder URL verlinkt werden.

Voraussetzungen

Du bearbeitest eine Seite deiner Website und hast bereits einen Promo-Banner-Block eingefügt.

Aufbau des Bearbeitungsbereichs

Der Bereich zeigt vier Eingabemöglichkeiten: eine Bezeichnung oben, jeweils ein Bild für Desktop und Mobile, ein Linkfeld und ein Feld für Barrierefreiheit. Die Bilder werden in eigenen Bereichen hochgeladen, der Link kann auf eine interne Seite oder eine externe URL verweisen.

So gehst du vor

1. Gib eine Bezeichnung ein im Feld Bezeichnung (für Verlinkung). Diese Namen helfen dir, den Block später in der Seitenverwaltung zu finden – du brauchst sie nicht zu veröffentlichen.

2. Lade das Bild für Desktop hoch unter dem Bereich Desktop. Klicke auf Datei auswählen und wähle ein Bild von deinem Computer. Verwende hier eine breitere Bildvariante, die auf großen Bildschirmen gut aussieht.

3. Lade das Bild für Mobile hoch unter dem Bereich Mobile. Klicke dort ebenfalls auf Datei auswählen und wähle eine hochformatige Version desselben Motivs, optimiert für Handybildschirme. Damit stellst du sicher, dass deine Besucher auf jedem Gerät ein schönes Bild sehen.

4. Verlinke das Banner im Feld Link. Klicke auf das Linkfeld und wähle entweder eine Seite aus deiner Website oder gib eine externe URL ein (z. B. https://... oder eine interne Adresse).

5. Füge einen Alternativtext hinzu im Feld Alternativtext (Barrierefreiheit). Dieser Text wird von Screenreadern vorgelesen und hilft Menschen mit Sehbeeinträchtigung, zu verstehen, was auf dem Bild zu sehen ist. Beschreibe kurz, worum es im Banner geht.

6. Speichere deine Änderungen mit der grünen Schaltfläche Speichern oben rechts.

Was danach passiert

Der Banner wird sofort in der Vorschau angezeigt. Wenn du die Seite veröffentlichst, sehen deine Besucher das Banner mit dem richtigen Bild für ihr Gerät und können es anklicken.

Tipps und Hinweise

• Bildgröße: Verwende für Desktop ein breites Bild (mindestens 1200 × 400 Pixel), für Mobile ein schmaleres oder hochformatiges (mindestens 600 × 400 Pixel). So laden die Seiten schneller.
• Alternativtext: Schreib kurz und aussagekräftig, was der Nutzer sehen würde. Nicht nötig: „Bild" oder „Banner" – das weiß man schon.
• Link testen: Nach dem Speichern kannst du den Banner in der Vorschau anklicken und prüfen, ob er zur richtigen Seite führt.