Promo-Banner einrichten

Ein Promo-Banner ist ein Werbebild mit Verlinkung, das auf deiner Website angezeigt wird. Du stellst hier das Bild bereit, legst fest, wohin es verlinkt, und sorgst dafür, dass es auf Mobilgeräten gut aussieht.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du benötigst die Bilddatei, auf die das Banner verlinken soll, und das Ziel der Verlinkung (eine interne Seite oder eine externe Adresse).

Aufbau des Einstellungsbereichs

Der Bereich gliedert sich in mehrere Abschnitte:

Bezeichnung (für Verlinkung): Ein Feld, in das du einen internen Namen einträgst. Dieser wird nur für dich sichtbar und hilft dir, das Banner später wiederzufinden.
Desktop: Hier lädst du das Bild hochgeladen wird es auf Desktops und Tablets angezeigt.
Mobile: Hier lädst du ein separates Bild hoch, das nur auf Mobiltelefonen gezeigt wird. So kannst du das Design für kleine Bildschirme optimieren.
Link: Das Ziel, auf das Besucher weitergeleitet werden, wenn sie das Banner anklicken.
Alternativtext (Barrierefreiheit): Eine Textbeschreibung des Bildes für Sehbehinderte und Suchmaschinen.

So gehst du vor

Trage unter Bezeichnung (für Verlinkung) einen Namen ein, unter dem du dieses Banner später erkennst – etwa nach seinem Inhalt oder Zweck.
Klicke unter Desktop auf die grüne Schaltfläche Datei auswählen und wähle das Bild aus, das auf Desktops und größeren Bildschirmen angezeigt werden soll.
Klicke unter Mobile auf die grüne Schaltfläche Datei auswählen und wähle das Bild für Mobilgeräte aus. Dieses kann ein zugeschnittenes oder anders gestaltetes Bild sein, um auf kleinen Bildschirmen optimal zu wirken.
Fülle das Feld Link aus:
- Gib direkt eine Internetadresse ein (z. B. https://www.beispiel.at), oder
- klicke auf die orangefarbene Schaltfläche daneben, um eine Seite deiner Website zu verlinken.
Trage unter Alternativtext (Barrierefreiheit) eine kurze Beschreibung des Bildes ein. Diese wird von Screenreadern vorgelesen und hilft auch Suchmaschinen zu verstehen, was das Bild zeigt.
Klicke oben rechts auf Speichern, um deine Einstellungen zu speichern.

Was danach passiert

Das Banner wird mit deinen Einstellungen gespeichert und erscheint an der Position auf der Seite, an der du den Block eingefügt hast. Besucher sehen auf dem Desktop das Desktop-Bild, auf dem Handy das Mobile-Bild. Wenn sie darauf klicken, werden sie zum eingestellten Link weitergeleitet.

Du kannst die Einstellungen jederzeit ändern, indem du den Block erneut öffnest und auf Speichern klickst.

Tipps und Hinweise

Unterschiedliche Bilder für Desktop und Mobile: Ein Bild, das auf dem Computer schön aussieht, kann auf dem Handy zu klein oder unlesbar wirken. Nutze daher zwei angepasste Versionen.
Alternativtext ist wichtig: Ein aussagekräftiger Alternativtext hilft nicht nur Menschen mit Beeinträchtigungen, sondern verbessert auch die Auffindbarkeit deiner Website in Suchmaschinen.
Link testen: Nach dem Speichern solltest du die Website aufrufen und das Banner anklicken, um sicherzustellen, dass der Link funktioniert.