Hero: einen Auftakt bauen

Ziel: Einer Seite einen richtigen Auftakt geben, statt kalt mit einer Überschrift zu beginnen.
Dauer: 4 Minuten
Sie brauchen: Eine Seite und idealerweise ein breites Bild in der Medienbibliothek

Schritte

  1. Wählen Sie im Main-Slot Add Block und dann Hero.
  2. Füllen Sie die Texte aus: Eyebrow / Label ist die kleine Zeile über dem Titel, Title die Schlagzeile und Subtitle / Intro der Satz darunter.
  3. Ergänzen Sie bis zu zwei Aktionen: Primary CTA Label und Primary CTA URL, bei Bedarf das sekundäre Paar.
  4. Wählen Sie ein Hintergrundbild, falls vorhanden, und stellen Sie Background Position und Overlay so ein, dass der Text lesbar bleibt.
  5. Wählen Sie eine Variant (default, muted, accent, soft) und ein Layout (left, centered, split).
  6. Setzen Sie Title Tag auf h1, wenn der Hero die Hauptüberschrift der Seite trägt — was meist der Sinn eines Heros ist.
  7. Wählen Sie Save New Block.
Hero block form showing eyebrow, title, intro, CTA fields, variant, and layout.
Public page showing a centred hero with a title, intro sentence, and two buttons.

Hinweise

  • Ein Hero pro Seite, ganz oben. Ein zweiter Hero auf halber Höhe ist ein CTA-Block im falschen Kostüm.
  • Die CTA-Schaltflächen gehören zum Hero, sie sind keine Blöcke, die Sie extra hinzufügen. Ein ausgefülltes Label plus URL erzeugt sie; beides zu leeren entfernt sie.
  • Overlay gibt es, damit Text ein unruhiges Foto übersteht. Ist der Titel schwer zu lesen, erhöhen Sie das Overlay, bevor Sie ein anderes Bild suchen.
  • Setzen Sie Title Tag auf h2, wenn die Seite anderswo bereits ein h1 hat. Zwei h1-Elemente auf einer Seite sind ein Strukturfehler, keine Stilfrage.
Weiter: Schaltflächen und CTA