Ein Promo-Banner einrichten
Mit einem Promo-Banner zeigst du ein großes, anklickbares Bild auf deiner Website. Das Bild kann auf eine andere Seite, einen externen Link oder eine bestimmte Stelle innerhalb einer Seite verlinken.
Voraussetzungen
Das Modul Website muss aktiviert sein. Der Block muss bereits auf einer Seite platziert sein.
So gehst du vor
Öffne den Bereich Bild und lade ein Bild hoch.
- Das Bild wird automatisch im Seitenverhältnis 16:9 (breit) zugeschnitten. Wähle ein Bild, das in diesem Format gut aussieht.
Trage im Feld Ziel ein, wohin das Bild verlinken soll.
- Du kannst eine andere Seite deiner Website auswählen, eine externe Internetadresse eintragen oder auf einen benannten Abschnitt einer Seite verweisen.
- Lasse das Feld leer, wenn das Bild nicht anklickbar sein soll.
Öffne den Bereich Bild fürs Handy, um ein eigenes Bild für Mobilgeräte hochzuladen.
- Dieses Feld ist optional. Wenn du hier nichts einträgst, wird auf dem Handy dasselbe Bild wie oben angezeigt.
- Nutze es, um das Bild für kleine Bildschirme besser zuzuschneiden oder zu vereinfachen.
Öffne den Bereich Aufbau und trage eine Bezeichnung (für Verlinkung) ein, falls andere Seiten oder Blöcke auf genau diesen Abschnitt verweisen sollen.
- Dieses Feld brauchst du nur, wenn du Anker oder interne Verweise nutzt.
- Lasse es leer, wenn es nicht nötig ist.
Öffne bei Bedarf den Bereich Für Fortgeschrittene:
- Trage im Feld Ersatz-Bildbeschreibung einen kurzen Text ein, der das Bild für Suchmaschinen und Bildschirmleser beschreibt – aber nur, wenn das Bild selbst (beim Hochladen) keine Beschreibung erhalten hat.
Alle Änderungen werden sofort gespeichert.
Aufbau des Banners
Bild: Das Hauptbild des Banners. Es wird immer im Seitenverhältnis 16:9 angezeigt.
Ziel: Ein optionales Link-Ziel. Wer auf das Banner klickt, wird zu dieser Seite, diesem Link oder dieser Stelle auf einer Seite geführt.
Bild fürs Handy: Ein alternatives Bild, das nur auf Mobilgeräten sichtbar ist. Wenn leer, wird das Hauptbild auch auf dem Handy gezeigt.
Bezeichnung (für Verlinkung): Ein interner Name, unter dem andere Seiten auf diesen Block verweisen können. Nur erforderlich, wenn du Anker nutzt.
Ersatz-Bildbeschreibung: Ein Fallback-Text, falls das Bild selbst keine Beschreibung hat. Dieser Text wird von Suchmaschinen gelesen und hilft Nutzern mit Bildschirmlesern.
Was danach passiert
Das Banner wird sofort auf deiner Website sichtbar. Es erscheint in voller Seitenbreite und ist – falls du ein Ziel angegeben hast – anklickbar.
Unter Block auf einer Seite einrichten (Blockkatalog) findest du eine Übersicht aller verfügbaren Bausteine für deine Website.
Tipps und Hinweise
- Achte darauf, dass dein Bild in 16:9-Format (z. B. 1600 × 900 Pixel) gut aussieht. Zu schmale oder sehr hochformatige Bilder werden beschnitten.
- Für Mobilgeräte sollte das alternative Bild den wichtigsten Inhalt deutlich zeigen – achte auf Lesbarkeit bei kleinem Bildschirm.
- Wenn du einen internen Verweis brauchst, nutze die Bezeichnung des Blocks. Diese wird beim Hochladen oder später in der Seite vergeben.