Mit dem Block „Überschrift“ können Sie jeder SeedProd-Seite formatierte Überschriften hinzufügen. Ob Sie nun eine fettgedruckte H1-Überschrift für Ihren Hero-Bereich oder eine kleinere H4-Überschrift zur Einleitung eines Inhaltsbereichs benötigen – mit dem Block „Überschrift“ haben Sie die volle Kontrolle über die Einstellungen für Text, HTML-Ebene, Links und Typografie.
Im Gegensatz zu einfachem Text unterstützen mit diesem Block erstellte Überschriften Rich-Text-Formatierungen, optionale Links, dynamische Textvariablen sowie gerätespezifische Steuerelemente für Schriftgröße und Ausrichtung. Damit ist dieser Block einer der vielseitigsten Blöcke für die Erstellung gut strukturierter, SEO-freundlicher Seiten.
Hinzufügen des Headline-Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Headline-Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter „Design“ > „Blöcke“ den Block „Überschrift“ per Drag & Drop in den gewünschten Abschnitt Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Nach dem Hinzufügen klicken Sie auf den Block „Überschrift“, um dessen Einstellungen zu öffnen. Konfigurieren Sie auf der Registerkarte „Inhalt“ den Text, den Link und das Layout der Überschrift.
Überschrift:
- Text: Geben Sie Ihren Headline-Text über den Rich-Text-Editor ein. Unterstützt Fettdruck, Kursivschrift, Unterstreichung, Durchstreichung und Inline-Farben. Sie können auch dynamische Textvariablen einfügen oder das KI-Textgenerierungstool verwenden, um Ihren Headline-Text zu erstellen und zu verfeinern.
- Link: Fügen Sie optional eine URL hinzu, um die Überschrift zu einem anklickbaren Link zu machen. Klicken Sie auf das Einstellungssymbol neben dem Linkfeld, um zusätzliche Linkoptionen anzuzeigen.
- In neuem Fenster öffnen: Aktivieren Sie diese Option, um die verlinkte URL in einem neuen Browser-Tab zu öffnen.
- No Follow: Aktivieren Sie diese Option, um ein
rel="nofollow"Attribut zum Link hinzufügen, das Suchmaschinen anweist, keine Link-Autorität an das Ziel weiterzugeben. - Ausrichtung: Legen Sie die Textausrichtung fest – links, zentriert oder rechts. Unterstützt gerätespezifische Werte für Desktop-PCs, Tablets und Mobilgeräte.
- Schriftgröße: Legen Sie die Schriftgröße des Überschriftentexts fest. Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
- Ebene: Wählen Sie das HTML-Überschriften-Tag für Ihre Überschrift – H1, H2, H3, H4, H5 oder H6. Verwenden Sie H1 für den Titel Ihrer Hauptseite und niedrigere Ebenen für Unterüberschriften, um eine korrekte Dokumentstruktur zu gewährleisten.
Schritt 3: Design anpassen
Auf der Registerkarte „Erweitert“ können Sie die Typografie, Farbe und Abstände Ihres Überschriftenblocks anpassen.
Stile:
- Typografie: Optimieren Sie die Schriftart, Schriftstärke, Zeilenhöhe, Zeichenabstand und Textumwandlung der Überschrift. Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
- Farbe: Legen Sie die Textfarbe für die Überschrift mithilfe der Farbauswahl fest.
- Textschatten: Fügen Sie dem Überschriftentext einen Schatteneffekt hinzu. Wählen Sie zwischen „Keine“, „Haarfein“, „Klein“, „Mittel“, „Groß“, „X Groß“ oder „2X Groß“, um Ihrer Überschrift Tiefe und Betonung zu verleihen.
Abstand:
- Rand: Steuert den äußeren Abstand um Ihren Überschriftenblock (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
- Abstand: Passen Sie den inneren Abstand innerhalb Ihres Überschriftenblocks an (oben, rechts, unten, links). Unterstützt gerätespezifische Werte für Desktop, Tablet und Mobilgeräte.
Attribute:
- CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Headline-Block an, die von SeedProd automatisch für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt wurde.
- Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
- Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Block-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert.
Geräte-Sichtbarkeit:
- Auf dem Desktop ausblenden: Blendet den Block „Headline“ auf Desktop-Bildschirmen aus.
- Auf Tablet ausblenden: Blendet den Block „Überschrift“ auf Tablet-Geräten aus.
- Auf Mobilgeräten ausblenden: Blenden Sie den Block „Überschrift“ auf Mobilgeräten aus.
Animationseffekte:
- Eingangsanimation: Wählen Sie einen Animationseffekt, der abgespielt wird, wenn der Headline-Block in den Blickbereich scrollt, z. B. „Bounce“, „Fade In“, „Zoom In“, „Rotate In“ und viele mehr.
Schritt 4: Speichern Sie Ihre Änderungen
Wenn Sie die Konfiguration des Headline-Blocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.
Sie haben erfolgreich einen Überschriftenblock zu Ihrer Seite hinzugefügt! Gut gestaltete Überschriften führen Ihre Besucher durch Ihre Inhalte, verstärken Ihre Botschaft und verbessern die Seitenstruktur sowohl für Leser als auch für Suchmaschinen. Experimentieren Sie mit Überschriftenebenen, Typografieeinstellungen und Animationen, um Überschriften zu erstellen, die Aufmerksamkeit erregen und zu Ihrem Markenstil passen.