Ein Werbebanner mit Bild einrichten
Du richtest einen Baustein ein, der ein großes Bild als Werbebanner auf deiner Website zeigt. Das Bild kann auf eine andere Seite oder einen Link verweisen – dein Besucher klickt darauf und gelangt dorthin. Für Handy-Nutzer kannst du ein anderes, schmaler zuschneidendes Bild hochladen.
Voraussetzungen
Du brauchst die Berechtigung, Seiten zu bearbeiten. Der Baustein muss bereits auf einer Seite eingefügt sein.
So gehst du vor
Bild hochladen: Klicke auf den Bereich Bild. Wähle ein Bild von deinem Computer. weboffice schneidet es automatisch auf das Seitenverhältnis 16:9 zu (sehr breites Format). Du kannst den Ausschnitt mit der Maus verschieben, bis der gewünschte Teil des Bildes sichtbar ist.
Ziel festlegen (optional): Im Feld Ziel wählst du, wohin das Bild verlinkt. Du kannst eine andere Seite deiner Website auswählen oder eine externe Adresse eingeben. Lässt du das Feld leer, ist das Bild nicht anklickbar.
Handy-Bild hochladen (optional): Unter Bild fürs Handy lädst du ein spezielles Bild für Smartphone-Nutzer hoch. Dies ist sinnvoll, wenn dein Hauptbild auf dem schmalen Handy-Bildschirm schlecht aussieht – der wichtige Bildinhalt würde abgeschnitten. Wenn du hier nichts hochlädst, sieht der Handy-Nutzer dasselbe Bild wie auf dem Desktop.
Beschreibung hinzufügen (optional, für Fortgeschrittene): Öffne unten die Sektion Für Fortgeschrittene. Trage im Feld Ersatz-Bildbeschreibung einen kurzen Text ein, falls dein Bild selbst keine Beschreibung hat. Dies hilft Menschen mit Sehbehinderung und verbessert die Auffindbarkeit durch Suchmaschinen. Dieses Feld ist nur ein Fallback – eine Beschreibung, die du direkt am Bild anbringst, hat Vorrang.
Namen vergeben (optional): Unter Blockname kannst du dem Baustein einen aussagekräftigen Namen geben, um ihn später in der Verwaltung leicht zu finden.
Alle Änderungen werden sofort gespeichert.
Aufbau des Banners
Der Baustein besteht aus drei Hauptbereichen:
- Bild: Hier lädst du das Hauptbild hoch. Es wird auf 16:9 zugeschnitten und dient als Hintergrund des Banners auf allen Geräten.
- Ziel: Ein optionales Feld, in das du eine interne Seite oder eine externe URL eingeben kannst. Ist dieses Feld gefüllt, wird das Bild anklickbar.
- Bild fürs Handy: Ein optionales zweites Bild speziell für Smartphone-Bildschirme. Wenn leer, verwendet weboffice das Hauptbild auch auf dem Handy.
Im aufgeklappten Bereich Für Fortgeschrittene findest du das Feld Ersatz-Bildbeschreibung – ein Fallback für barrierefreie Inhalte, das nur greift, wenn das Bild selbst keine Beschreibung trägt.
Was danach passiert
Dein Werbebanner ist jetzt aktiv auf der Website sichtbar. Besucher sehen das Bild – auf dem Desktop im breiten Format, auf dem Handy (falls vorhanden) in deinem Handy-Bild. Ein Klick auf das Bild führt zur gewählten Zielseite oder zum Link.
Du kannst jederzeit zurück zum Baustein und das Bild, den Link oder die Handy-Version ändern.
Tipps und Hinweise
- Bildgröße: Für beste Qualität verwendest du ein Bild, das mindestens 1600 × 900 Pixel groß ist.
- Handy-Bild erstellen: Nutze ein Bildbearbeitungsprogramm, um aus deinem Hauptbild einen hochkantigen oder weniger breiten Ausschnitt zu machen – so passt es besser auf den schmalen Handy-Bildschirm.
- Link-Vorschau: Wenn du im Feld Ziel eine Seite oder URL wählst, kannst du vor dem Speichern sehen, dass die richtige Seite ausgewählt ist.