Ein Promo-Banner einrichten

Mit einem Promo-Banner zeigst du auf deiner Website ein großes Bild an – auf dem Desktop-Gerät und auf Mobiltelefonen jeweils in der optimalen Größe. Das Bild kann auf eine andere Seite oder einen externen Link verweisen.

Voraussetzungen

Du bearbeitest gerade einen Block auf einer Seite. Das Promo-Banner muss bereits eingefügt sein.

So gehst du vor

Bezeichnung (für Verlinkung) – Gib hier einen kurzen Namen ein, unter dem du dieses Banner später wiederfindest. Das Feld ist nicht sichtbar auf der Website, dient aber der Übersicht beim Bearbeiten.
Desktop-Version hochladen – Öffne den Bereich Desktop. Klicke auf Datei auswählen und wähle das Bild aus, das auf großen Bildschirmen angezeigt werden soll. Das Bild wird hochgeladen und im Vorschaubereich angezeigt.
Mobile-Version hochladen – Öffne den Bereich Mobile und lade ein Bild für Mobiltelefone hoch. Nutze ein Bild im Hochformat oder mit anderem Bildausschnitt, damit es auf kleinen Displays gut aussieht. Sonst wird die Desktop-Version einfach verkleinert.
Link setzen – Wenn das Banner anklickbar sein soll, trage im Feld Link die Zieladresse ein. Klicke auf das Feld und wähle eine Seite aus deiner Website oder gib eine externe URL ein. Brauchst du kein anklickbares Banner, lässt du das Feld leer.
Alternativtext – Im Feld Alternativtext (Barrierefreiheit) beschreibst du in wenigen Worten, was auf dem Bild zu sehen ist. Sehbehinderte Menschen hören diese Beschreibung statt das Bild zu sehen. Auch Suchmaschinen nutzen diesen Text.
Speichere deine Änderungen oben rechts mit der Schaltfläche Speichern.

Aufbau des Bereichs

Bezeichnung (für Verlinkung): Eindeutiger Name des Banners – nur für deine Verwaltung sichtbar.

Desktop: Bild für Bildschirme ab einer bestimmten Breite. Hier lädst du die hochauflösende Variante hoch.

Mobile: Bild für Smartphones und Tablets. Nutze hier einen anderen Bildausschnitt oder ein Hochformatbild, damit es auf kleinen Geräten gut passt.

Link: Die Zieladresse, wenn das Banner anklickbar sein soll. Du kannst eine andere Seite aus deiner Website auswählen oder eine externe URL eintragen.

Alternativtext (Barrierefreiheit): Kurze Bildbeschreibung für Menschen mit Sehbehinderung und für Suchmaschinen – wird nicht sichtbar angezeigt.

Was danach passiert

Sobald du speicherst, wird das Banner auf deiner Website sichtbar – auf Desktop-Geräten mit der Desktop-Version, auf Mobiltelefonen mit der Mobile-Version. Besucher können das Banner anklicken, wenn du einen Link hinterlegt hast.

Du kannst das Banner jederzeit später bearbeiten oder austauschen, indem du den Block erneut öffnest.

Tipps und Hinweise

Bilder vorher optimieren: Komprimiere deine Bilder, bevor du sie hochlädst. Das macht die Website schneller. Nutze beispielsweise Online-Kompressoren oder dein Bearbeitungsprogramm.
Desktop und Mobile unterschiedlich gestalten: Auf Mobiltelefonen ist der Platz begrenzt. Wähle einen anderen Bildausschnitt oder strecke das Bild in die Höhe, damit der wichtige Inhalt sichtbar bleibt.
Alternativtext ist wichtig: Ein guter Alternativtext hilft Suchmaschinen, das Bild zu verstehen und macht deine Website zugänglicher.