Hero Section und Slider

Die Hero Section ist das Erste, was Besucher sehen. Sie nimmt die volle Breite ein und zeigt ein Hintergrundbild oder ein Video, darüber einen Titel, eine Tagline und bis zu zwei Call-to-Action-Buttons.

Du kannst für Desktop und Mobil unterschiedliche Bilder hinterlegen. Das ist wichtig, weil ein breites Querformat-Bild auf dem Handy oft schlecht aussieht. Viele unserer Blogs nutzen ein stimmungsvolles Food-Foto im Querformat für Desktop und einen engeren Ausschnitt im Hochformat für Mobil.

Videos als Hintergrund sehen eindrucksvoll aus, kosten aber Ladezeit. Wenn dein Blog ohnehin schon langsam ist, überleg dir, ob ein gutes Standbild nicht die bessere Wahl ist. Die meisten erfolgreichen Foodblogs fahren mit einem starken Hero-Bild besser als mit einem Video.

Der Slider funktioniert anders. Er hat zwei Modi: Im Hero-Modus wirkt er wie eine durchklickbare Hero Section in voller Breite. Im Karussell-Modus zeigt er Karten nebeneinander, durch die Besucher blättern. Du kannst mehrere Slides anlegen, jede mit eigenem Bild und Text, und Autoplay aktivieren.

Wann Hero, wann Slider? Wenn du eine klare Botschaft hast, etwa "Die besten italienischen Rezepte", reicht die Hero Section. Der Slider lohnt sich, wenn du mehrere gleichwertige Themen oder saisonale Aktionen zeigen willst und keines davon den Vorrang haben soll.

Ich empfehle dir, mit der Hero Section zu starten und den Slider nur dann einzusetzen, wenn du wirklich mehrere Inhalte rotieren musst. Ein einziges, gut gewähltes Bild mit einer klaren Aussage schlägt fast immer fünf mittelmäßige Slides.