weboffice.digital - Dokumentation
Branche Beauty Branche Gastro Branche Handel
PDF

Zentrierter Hero bearbeiten

Zentrierter Hero bearbeiten

Der zentrierte Hero-Block ist ein kraftvolles Element für den Einstieg in deine Website. Er präsentiert eine große Überschrift mit beschreibendem Text in der Mitte der Seite und eignet sich perfekt als Willkommensbereich oder für wichtige Ankündigungen. Dieser Block zieht die Aufmerksamkeit der Besucher sofort auf sich.

Voraussetzungen

  • Du befindest dich im Website-Editor
  • Ein zentrierter Hero-Block ist auf deiner Seite eingefügt
  • Du hast die Berechtigung, Website-Inhalte zu bearbeiten

Aufbau der Bearbeitungsseite

Die Bearbeitungsseite ist in zwei Hauptbereiche unterteilt:

Allgemein

Hier findest du die Layout-Einstellung:

  • Volle Breite verwenden: Schalter für die Nutzung der gesamten Bildschirmbreite

Text

Hier bearbeitest du den Inhalt des Hero-Blocks:

  • Überschrift: Haupttitel des Hero-Blocks
  • Text: Beschreibungstext mit Markdown-Formatierung

So arbeitest du mit dieser Seite

Layout konfigurieren

  1. Aktiviere Volle Breite verwenden, wenn der Hero-Block die gesamte Bildschirmbreite nutzen soll
  2. Dies ist besonders wirkungsvoll für Startseiten oder wichtige Landingpages

Überschrift erstellen

  1. Klicke in das Feld Überschrift
  2. Gib eine aussagekräftige Hauptüberschrift ein
  3. Beispiele für gute Hero-Überschriften:
    • "Willkommen bei [Firmenname]"
    • "Deine Lösung für [Problem]"
    • "Entdecke [Produkt/Service]"
    • "Gemeinsam erreichen wir mehr"

Beschreibungstext verfassen

  1. Klicke in das Feld Text
  2. Verfasse einen einladenden und informativen Text
  3. Nutze Markdown-Formatierung für bessere Lesbarkeit
  4. Der Text sollte:
    • Die Überschrift ergänzen und erklären
    • Zum Weiterlesen oder zu Aktionen motivieren
    • Prägnant und verständlich sein

Markdown-Formatierung nutzen

Der Beschreibungstext unterstützt Markdown-Formatierung:

Textformatierung:

  • **Wichtiger Text** wird zu Wichtiger Text
  • *Hervorgehobener Text* wird zu Hervorgehobener Text

Links:

[Mehr erfahren](/ueber-uns)
[Kontakt aufnehmen](/kontakt)

Listen:

- Erster Vorteil
- Zweiter Vorteil
- Dritter Vorteil

Absätze: Verwende Leerzeilen, um Absätze zu trennen.

Tipps und Hinweise

  • Erste Eindruck zählt: Der Hero-Block ist oft das Erste, was Besucher sehen
  • Klare Botschaft: Kommuniziere in wenigen Worten, worum es auf deiner Website geht
  • Handlungsaufforderung: Integriere Links zu wichtigen Seiten in den Text
  • Angemessene Länge: Halte sowohl Überschrift als auch Text prägnant
  • Mobile Optimierung: Der Block passt sich automatisch an verschiedene Bildschirmgrößen an
  • Zentrale Positionierung: Alle Inhalte werden automatisch zentriert dargestellt
  • Große Schrift: Der Block verwendet automatisch große, gut lesbare Schriftgrößen

Gestaltungsempfehlungen

Für Startseiten:

  • Überschrift: Firmenname oder Hauptnutzen
  • Text: Kurze Beschreibung der Dienstleistung/des Produkts
  • Links zu wichtigen Bereichen wie "Über uns" oder "Kontakt"

Für Landingpages:

  • Überschrift: Spezifisches Angebot oder Nutzenversprechen
  • Text: Detailliertere Beschreibung des Angebots
  • Links zu Aktionsseiten wie Anmeldung oder Kauf

Für Kampagnenseiten:

  • Überschrift: Kampagnen-Slogan oder Angebot
  • Text: Zeitlich begrenzte Angebote oder besondere Aktionen
  • Links zu Aktionsseiten

Häufige Verwendungszwecke

  • Website-Einstieg: Als erster Block auf der Startseite
  • Seitentitel: Als Überschrift für wichtige Unterseiten
  • Ankündigungen: Für besondere Mitteilungen oder Angebote
  • Call-to-Action: Als Aufforderung zu bestimmten Handlungen

Verwandte Seiten