Überschriften richtig gliedern: H1, H2 und H3 im Onlineshop

Die Ebene sagt, wie wichtig eine Überschrift ist und wozu sie gehört – nicht, wie groß sie aussieht:

• H1: das Thema der Seite, genau einmal – auf einer Produktseite der Name des Produkts
• H2: die Hauptabschnitte, etwa Beschreibung, Bewertungen, ähnliche Produkte
• H3: Unterabschnitte innerhalb eines H2-Abschnitts

Auf eine H2 folgt eine weitere H2 oder eine H3 – keine H4. So bleibt die Gliederung lückenlos, und niemand fragt sich, ob dazwischen etwas fehlt.

• Die Ebene wird nach Schriftgröße gewählt: H4, weil sie kleiner aussieht
• Das Logo ist auf jeder Seite die H1 – der Produktname rutscht dahinter
• Text ist nur fett und groß gesetzt, aber keine echte Überschrift. Dann fehlt er in der Gliederung.
• Überschriften ohne Text, etwa nur mit einem Symbol
• Werbezeilen wie „Gratis Versand ab 50 €“ im Kopf der Seite als Überschrift

Überschriften in Ihren eigenen Texten ändern Sie im Editor. Feste Überschriften, etwa im Kopf der Produktseite, legt das Theme fest:

• Shopify

  Die Ebene (h1–h6) legt der Theme-Code fest, nicht der Editor. In sections/*.liquid die Überschriften-Tags so anpassen, dass keine Ebene übersprungen wird.

• WooCommerce

  Im Block-Editor beim Überschrift-Block die Ebene (H2, H3 …) passend wählen. Widget- und Theme-Überschriften ggf. im Child-Theme anpassen.

• Shopware

  In Inhalte → Erlebniswelten bei Text-Elementen die Überschriften-Ebene im Editor prüfen; feste Ebenen im eigenen Theme (Twig) anpassen.

Die Schriftgröße stellen Sie danach getrennt ein. So passt die Optik, ohne dass die Gliederung leidet.