Werbebanner mit Bild einrichten
Du richtest einen Werbebanner ein, der auf Computerbildschirmen und Mobilgeräten unterschiedliche Bilder zeigt und Besucher auf eine andere Seite oder externe Adresse führt.
Voraussetzungen
Keine besonderen Voraussetzungen.
So gehst du vor
Bezeichnung (für Verlinkung): Trage einen Namen ein, unter dem du diesen Banner später in der Verwaltung erkennst – beispielsweise zur Identifikation bei mehreren Bannern auf der gleichen Seite. Dieser Name ist nach außen nicht sichtbar.
Desktop: Lade das Bild, das Besucher auf Computerbildschirmen sehen sollen. Klicke auf das Feld und wähle die Datei von deinem Computer.
Mobile: Lade das Bild für Mobilgeräte hoch. Oft ist dies ein hochformatiges Bild, da der Bildschirm schmaler ist. Du kannst auch das gleiche Bild wie für Desktop verwenden.
Link: Gib an, wohin der Klick auf das Banner führen soll. Du kannst eine andere Seite dieser Website auswählen, eine externe Internetadresse eingeben oder das Feld leer lassen, wenn der Banner nicht klickbar sein soll.
Alternativtext (Barrierefreiheit): Schreibe eine kurze Beschreibung des Bildes. Diese Text lesen Screenreader vor und helfen Menschen mit Sehbehinderung, das Bild zu verstehen. Schreib in wenigen Worten, was auf dem Bild zu sehen ist.
Sobald du alle Felder gefüllt hast, speichert weboffice deine Änderungen automatisch.
Aufbau des Banners
Das Banner besteht aus mehreren Bereichen:
- Bezeichnung: Ein interner Name, nur du siehst ihn
- Desktop-Bereich: Das breite Bild für Computer und Tablets
- Mobile-Bereich: Das hochformatige Bild für Smartphones
- Link-Feld: Verweist auf eine Seite dieser Website oder zu einer externen Adresse
- Alternativtext: Beschreibung für Barrierefreiheit, wird nicht angezeigt
Wenn du unterschiedliche Bilder für Desktop und Mobile hochlädst, wählt weboffice automatisch das richtige Bild für den jeweiligen Bildschirmtyp aus.
Was danach passiert
Dein Banner ist sofort einsatzbereit. Besucher sehen das Bild auf der Seite – auf Computern das Desktop-Bild, auf Smartphones das Mobile-Bild. Ein Klick auf das Bild führt sie zum eingestellten Link weiter, sofern du einen hinterlegt hast.
Um den Banner auf einer Seite einzubauen, nutze die Block auf einer Seite einrichten (Blockkatalog).
Tipps und Hinweise
- Unterschiedliche Bildformate für Desktop und Mobile: Nutze für Desktop ein breites Querformat, für Mobile ein schmaleres oder hochformatiges Bild. So sieht der Banner auf jedem Gerät optimal aus.
- Alternativtext ist wichtig: Ein aussagekräftiger Text hilft nicht nur Menschen mit Behinderung, sondern verbessert auch die Suchmaschinenoptimierung deiner Website.
- Link-Ziel testen: Nach dem Speichern kannst du auf den veröffentlichten Banner klicken und überprüfen, ob der Link zum richtigen Ziel führt.