Sektionen sinnvoll kombinieren
Du hast jetzt alle Sektionen kennengelernt. Die eigentliche Kunst liegt darin, die richtigen auszuwählen und in eine Reihenfolge zu bringen, die für deine Leser funktioniert...
Du hast jetzt alle Sektionen kennengelernt. Die eigentliche Kunst liegt darin, die richtigen auszuwählen und in eine Reihenfolge zu bringen, die für deine Leser funktioniert.
Die bewährte Grundstruktur
Eine Abfolge, die bei den meisten Foodblogs funktioniert:
- Hero Section mit einem starken Food-Bild und klarem CTA
- Featured Recipes oder Categories Section direkt darunter
- About Section (in der "brand"-Variante für visuellen Bruch)
- Blog Section oder Newsletter
- CTA Section als Abschluss
Das Wichtigste steht oben. Besucher, die über Google kommen, entscheiden in den ersten Sekunden, ob sie bleiben. Die Hero Section fängt sie auf, und die Rezepte oder Kategorien direkt darunter zeigen, was dein Blog zu bieten hat.
Drei Beispiel-Kombinationen
Minimalistischer Foodblog (5 Sektionen): Hero -> Featured Recipes -> About -> Newsletter -> CTA
Klar, schnell, auf den Punkt. Gut für Blogs, die sich gerade erst aufbauen und noch nicht genug Inhalte für mehr Sektionen haben.
Etablierter Blog mit Kategorien (7 Sektionen): Hero -> Search -> Categories -> Featured Recipes -> About (brand) -> Blog -> Newsletter
Die Suchleiste direkt nach dem Hero gibt wiederkehrenden Besuchern einen schnellen Einstieg. Kategorien zeigen die Breite des Blogs. Die About Section in "brand" bricht die weiße Fläche zwischen Rezepten und Blog.
Blog mit saisonalem Fokus (7 Sektionen): Hero -> Seasonal Recipes -> Categories -> About -> Featured Recipes -> Newsletter -> CTA
Saisonale Inhalte ganz oben, weil sie den aktuellen Anlass bedienen. Funktioniert nur, wenn du die saisonalen Rezepte auch wirklich regelmäßig aktualisierst.
Mobile Ansicht beachten
Alles, was oberhalb des Falzes sichtbar ist, zählt doppelt. Auf einem typischen Desktop-Bildschirm sehen Besucher ohne Scrollen die Hero Section und den Anfang der nächsten Sektion. Auf dem Handy ist es noch weniger. Verschwende diesen Platz nicht mit Dekoration.
Sektionen wie das Image Grid oder der Instagram Feed, die auf dem Desktop hübsch aussehen, nehmen auf dem Handy viel Platz weg und schieben die wichtigen Inhalte nach unten. Nutze die Möglichkeit, einzelne Sektionen auf Mobil auszublenden, wenn sie dort keinen Mehrwert bieten.
Die goldene Regel
Überlade die Startseite nicht. Fünf bis sechs gut gefüllte Sektionen sind besser als zwölf halbherzige. Jede Sektion sollte einen klaren Zweck haben. Wenn du nicht in einem Satz sagen kannst, warum eine Sektion da ist, lass sie weg.
Starte schlank und füge Sektionen nur hinzu, wenn du merkst, dass etwas fehlt. Das ist einfacher als umgekehrt, weil du dann jede Sektion bewusst gewählt hast statt hinterher auszumisten.
Damit hast du alle Module und ihre Einstellungen kennengelernt. Teste dein Wissen jetzt im Quiz. Danach geht es weiter mit Rezept-Karussells und Spezialmodule, wo wir die drei Karussell-Sektionen und ihre Filter im Detail behandeln.
Wenn du diese Lektion gelesen hast, markiere sie als abgeschlossen.