Erfolgreich
Überschrift
Organisieren Sie Seiteninhalte mit einer klaren Überschrift, unterstützendem Text und einer optionalen Schaltfläche.
Verwenden Sie den Heading-Block, um Inhalte einzuleiten, lange Seiten aufzulockern und eine klarere Leserhierarchie zu schaffen. Er kombiniert einen Titel, optionalen unterstützenden Text und einen optionalen Call-to-Action in einem flexiblen Block.
Verwenden Sie auf einer Seite nur eine H1. Wählen Sie für die meisten Seitentitel H2 oder niedriger, damit die Seitenstruktur klar und SEO-freundlich bleibt.
Header-Einstellungen
Abschnitt betitelt „Header-Einstellungen“Diese Einstellungen prägen die Botschaft und Hierarchie des Blocks. Verwenden Sie sie, um die Ausrichtung zu steuern, die richtige Überschriftenebene zu wählen, unterstützenden Text hinzuzufügen und festzulegen, ob der Block eine Schaltfläche enthalten soll. Einen umfassenderen Überblick darüber, wie Blöcke im Theme-Editor funktionieren, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken
Die stärksten Ergebnisse entstehen normalerweise, wenn jede Textebene eine eigene Aufgabe hat: eine kurze Beschriftung für den Kontext, eine Hauptüberschrift für die Kernbotschaft und eine Zwischenüberschrift für zusätzliche Details. Wenn der Inhalt redundant wirkt, entfernen Sie die am wenigsten wichtige Ebene, anstatt jedes Feld zu befüllen.
Mit den Symbolfeldern können Sie entweder ein Emoji oder einen Symbolnamen für zusätzliche visuelle Hervorhebung hinzufügen. Das funktioniert am besten, wenn das Symbol die Bedeutung der Überschrift unterstreicht, statt nur dekorativ zu sein. Hinweise zu Symbolen finden Sie unter Icons.
Wählen Sie den Überschriftentyp anhand der Position des Blocks auf der Seite aus, nicht nur nach der visuellen Größe. Wenn Sie weitere Hilfe bei der Entscheidung über die Überschriftenstruktur benötigen, siehe Header-Einstellungen und die blockspezifische Überschrift.
Die Schaltfläche ist optional, aber nützlich, wenn die Überschrift den nächsten Schritt einleitet, etwa Stöbern, Weiterlesen oder das Öffnen eines hervorgehobenen Ziels. Gefüllte Stile machen die Aktion prominenter, während schlichte oder kleinere Stile den Fokus auf den Überschrifteninhalt lenken.
Das Layout und die Position der Schaltfläche sind besonders wichtig, wenn der Platz knapp ist. Auf Mobilgeräten kann es den Tippkomfort verbessern und den Block leichter erfassbar machen, wenn die Schaltfläche unter den Text verschoben oder auf volle Breite gesetzt wird.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Farbeinstellungen
Abschnitt betitelt „Farbeinstellungen“Diese Farben überschreiben nur die Standard-Theme-Formatierung für diesen Block. Verwenden Sie sie, wenn die Überschrift stärkeren Kontrast, einen anderen Akzent oder eine sanftere Darstellung des unterstützenden Textes als der umgebende Inhalt benötigt.
Lesbarkeit hat Vorrang, insbesondere wenn der Block vor einem unruhigen oder dunklen Hintergrund erscheint. Leere oder Standardwerte erhalten in der Regel die Fallback-Formatierung des Themes, während explizite Farben oder Verläufe den Block unabhängiger vom umgebenden Inhalt wirken lassen.
Wenn Sie mehr Kontext zu gemeinsamen Farbsteuerungen wünschen, siehe Farbeinstellungen.
Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Verwenden Sie Sichtbarkeitssteuerungen, um den Block auf allen Geräten anzuzeigen oder auf Desktop oder Mobilgeräten auszublenden. Das ist hilfreich, wenn Sie eine kürzere Überschriftengestaltung, eine andere Position der Schaltfläche oder einen einfacheren Inhaltsstapel auf kleineren Bildschirmen wünschen.
Prüfen Sie sowohl die Desktop- als auch die mobile Ansicht nach Änderungen an der Sichtbarkeit, da sich Layout, Ausrichtung und Medienverhalten je nach Darstellungsbereich unterscheiden können.
Weitere Informationen zum gemeinsamen Sichtbarkeitsverhalten finden Sie unter Sichtbarkeitseinstellungen.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Wählen Sie die richtige Überschriftenebene. Passen Sie den Überschriftentyp an die Seitenstruktur an und reservieren Sie H1 für den Hauptseitentitel.
- Vergeben Sie jedem Textfeld einen Zweck. Verwenden Sie Beschriftung, Überschrift und Zwischenüberschrift nur dann, wenn jedes Element einen klaren Mehrwert bietet.
- Machen Sie die Aktion der Schaltfläche eindeutig. Fügen Sie eine Schaltfläche nur hinzu, wenn der Block zu einem Ziel führen soll, und verwenden Sie knappen Text, der den Besuchern sagt, was als Nächstes passiert.
- Prüfen Sie beide Darstellungsbereiche. Überprüfen Sie Desktop- und Mobil-Layouts nach Änderungen an Ausrichtung, Sichtbarkeit oder Position der Schaltfläche, damit der Block auf jeder Bildschirmgröße weiterhin klar lesbar ist.
- Verwenden Sie Überschreibungen gezielt. Wenden Sie benutzerdefinierte Farben, Verläufe oder gerätespezifische Medien nur dann an, wenn die Standardformatierung oder das gemeinsame Layout nicht mehr zum Inhalt passen.
- Halten Sie Medien lesbar. Wenn Sie getrennte Medien für Desktop und Mobilgeräte verwenden, stellen Sie sicher, dass Zuschnitt und Fallback-Verhalten die Überschrift und eventuellen Overlay-Text weiterhin unterstützen.