Werbebanner mit Bild einrichten
Mit diesem Baustein platzierst du ein ansprechendes Bild auf deiner Website – auf Wunsch mit Link hinterlegt. Das Bild passt sich automatisch an die Bildschirmgröße an: du kannst separate Versionen für Desktop und Mobilgeräte hochladen.
Voraussetzungen
Es gibt keine besonderen Voraussetzungen. Du bearbeitest diesen Baustein direkt auf der Seite, auf der er platziert sein soll.
So gehst du vor
Bezeichnung (für Verlinkung): Gib einen aussagekräftigen Namen ein, unter dem du diesen Baustein wiederfindest – etwa wenn du ihn später verlinken möchtest. Dieses Feld ist optional.
Desktop-Bild hochladen: Unter „Desktop" wählst du das Bild, das auf großen Bildschirmen angezeigt wird. Klicke auf das Upload-Feld und wähle eine Bilddatei von deinem Computer.
Mobilbild hochladen (optional): Unter „Mobile" kannst du ein separates Bild für Smartphones und Tablets hochladen – etwa ein zugeschnittenes Format, das besser auf kleinen Bildschirmen wirkt. Wenn du hier nichts hochlädst, wird das Desktop-Bild auch auf mobilen Geräten gezeigt.
Link hinzufügen (optional): Im Feld „Link" bestimmst du, wo der Besucher landet, wenn er auf das Bild klickt. Du kannst auf eine andere Seite deiner Website verlinken, auf eine externe Website oder auf eine Anker-Verlinkung. Lasse das Feld leer, wenn das Bild nicht klickbar sein soll.
Alternativtext eintragen (optional, aber empfohlen): Im Feld „Alternativtext (Barrierefreiheit)" schreibst du eine kurze Beschreibung des Bildinhalts. Dieser Text wird angezeigt, wenn das Bild nicht geladen werden kann, und hilft auch Menschen mit Sehbehinderungen. Nutze eine prägnante, aussagekräftige Kurzbeschreibung.
Speichere deine Änderungen – der Baustein ist damit live auf deiner Website.
Aufbau des Bausteins
Der Baustein enthält folgende Elemente:
- Bezeichnung: Ein Name zur Orientierung, nicht sichtbar für Website-Besucher
- Desktop-Bereich: Upload-Feld für das Bild auf großen Bildschirmen
- Mobile-Bereich: Upload-Feld für das Bild auf Smartphones und Tablets
- Link: Ziel des Klicks, wenn der Besucher das Bild anklickt
- Alternativtext: Beschreibung des Bildes für barrierefreie Nutzung und als Fallback, wenn das Bild nicht lädt
Was danach passiert
Dein Werbebanner erscheint sofort auf der Website. Besucher sehen automatisch das passende Bild für ihre Bildschirmgröße. Wenn du einen Link hinterlegt hast, können sie das Bild anklicken und werden weitergeleitet.
Du kannst den Baustein jederzeit bearbeiten: Bilder austauschen, den Link ändern oder den Alternativtext anpassen. Die Änderungen sind sofort live – ohne dass du die Website extra veröffentlichen musst.
Weitere Bausteine findest du unter Block auf einer Seite einrichten (Blockkatalog).
Tipps und Hinweise
- Bildformat und Größe: Optimiere deine Bilder für das Web – sie sollten nicht größer als 2–3 MB sein, um schnell zu laden. Nutze moderne Formate wie WebP oder komprimiertes JPEG.
- Mobile separieren oder nicht: Ob du für Mobile ein anderes Bild brauchst, hängt von deinem Layout ab. Manche Layouts skalieren das Desktop-Bild gut herunter; für andere ist eine eigene Smartphone-Version empfehlenswert.
- Alternativtext mit Bedacht: Schreib kurz und konkret, was das Bild zeigt – nicht „Grafikdatei", sondern zum Beispiel eine aussagekräftige Bildbeschreibung.
- Link-Ziele prüfen: Bevor du gehst, teste die Links: Funktionieren die Weiterleitungen auch wirklich?