Promo-Banner
Der Promo-Banner ist perfekt für Werbung, Ankündigungen oder besondere Angebote. Du kannst ein auffälliges Bild hochladen, das automatisch für verschiedene Bildschirmgrößen optimiert wird. Optional kannst du den Banner mit einem Link versehen, sodass Besucher durch Klicken zu einer bestimmten Seite gelangen.
Voraussetzungen
Du benötigst ein hochwertiges Bild im Querformat (empfohlen: mindestens 1200 Pixel breit). Das Bild sollte deine Botschaft klar vermitteln und gut lesbar sein.
Aufbau der Seite
Desktop-Bild: Das Hauptbild, das auf Computern und Tablets angezeigt wird Mobil-Bild: Optionales separates Bild für Smartphones (falls nicht gesetzt, wird das Desktop-Bild verwendet) Link-URL: Optionale Verlinkung des gesamten Banners Alt-Text: Beschreibung des Bildes für Screenreader und Suchmaschinen
So arbeitest du mit dieser Seite
Desktop-Bild hochladen:
- Klicke auf "Bild auswählen"
- Wähle ein Bild im Querformat (16:9 oder ähnlich)
- Das System erstellt automatisch verschiedene Größen für optimale Ladezeiten
Mobil-Bild festlegen (optional):
- Lade ein separates Bild für Smartphones hoch
- Dieses sollte im Hochformat oder quadratisch sein
- Wichtige Inhalte sollten in der Mitte platziert sein
Verlinkung einrichten (optional):
- Gib die URL ein, zu der Besucher gelangen sollen
- Interne Links: "/kontakt", "/produkte"
- Externe Links: "https://www.beispiel.de"
- Externe Links öffnen automatisch in einem neuen Fenster
Alt-Text eingeben:
- Beschreibe kurz, was auf dem Bild zu sehen ist
- Beispiel: "Sommerangebot 50% Rabatt auf alle Produkte"
- Wichtig für Barrierefreiheit und Suchmaschinenoptimierung
Tipps und Hinweise
- Bildqualität: Verwende hochauflösende Bilder (mindestens 1920px breit)
- Dateigröße: Das System komprimiert Bilder automatisch für schnelle Ladezeiten
- Text im Bild: Stelle sicher, dass Text auch auf kleinen Bildschirmen lesbar bleibt
- Kontrast: Achte auf guten Kontrast zwischen Text und Hintergrund
- Mobile Optimierung: Teste, wie dein Banner auf verschiedenen Geräten aussieht
- Call-to-Action: Wenn du einen Link verwendest, sollte klar erkennbar sein, dass der Banner klickbar ist
- Ladezeiten: Das System erstellt automatisch optimierte Versionen für verschiedene Bildschirmgrößen