H2, H3 und deren Tücken :)

Hey Leute,

ich stehe aktuell vor dem problem, dass ich meinen shop (auch wenn er aktuell offline ist) seo-sicher machen möchte.

Da ich mein hauptaugenmerk inzwischen auf bücher lege, möchte ich produktbeschreibungen wie folgt anlegen:

H2 Zeile: Author

H3: Inhalt

H4: Zustand

etc etc…

Mein problem ist nun, dass ich es einfach nicht schaffe, dass die H2,H3 etc - Zeilen in normaler schrift, statt in fett erscheinen. Da es bei vielen produkten so ist, dass eine größere inhaltsangabe vorhanden ist, ist eine fette schrift einfach nur stören und viel zu viel.

Ich benutze das Empire-Theme und hoffe, dass mir jemand ein Code-Schnipsel zur verfügung stellen kann, mit dem man die Schriftart für h2,h3 und im besten falle h4, auf normal stellen kann. :slightly_smiling_face:

Danke im vorraus

@LoganDeLaCruz kurzer Hinweis zur Verwendung von Headern:
Diese sind in der Regel für Überschriften gedacht und nicht für Fließtexte. Daher ist es sinnvoll, dass die Einteilung des Textes mit Titel bzw. entsprechende Überschriften vorzunehmen.

Bsp.:

## Autor

Albert Einstein

### Inhalt

Relativitätstheorie für den Hausgebrauch

#### Zustand

keine Gebrauchsspuren

Aber falls du es dennoch für den Fließtext nutzen willst, kannst du entweder in der CSS-Datei einfach die Headings überschreiben oder du fügst eine neue Klasse in den Text, welche ebenfalls das Styling der Headings überschreibt. Letzteres halte ich für eine bessere Lösung.

Das würde dann so aussehen, dass du in der CSS Datei folgendes ganz unten hinzufügst:

.formatted {
  font-size:16px;<- Schriftgröße musst du ggf. anpassen
  font-weight:normal;
}

Dann musst du im Texteditor des Produktes oben rechts auf den Button “<>” klicken, damit du in die HTML-Ansicht kommst. Dann fügst du im jeden Heading-Tag, welcher einen Fießtext darstellen soll, class=“formatted” als Attribut hinzu. Das sieht dann folgendermaßen aus:

### Hier ist die Inhaltsangabe als Fließtext### 

Falls die Schriftgröße nicht passend ist, kannst du das in der CSS-Datei entsprechend anpassen.

Ich hoffe, dass hilft dir weiter.

Hey @LoganDeLaCruz

Danke für die Angaben und wie @Finer sagt, kann man das alles über Umwege im Code erzielen ggf. mit einem SEO Experten. Dennoch muss man sich auch fragen, ob das ganze wirklich notwendig ist. Siehe was ich meine hier:

  • Was genau wolltest du bzgl. dem SEO deines Shops erreichen, bzw. was war schlecht und was wolltest du verbessern und warum?
  • Welche Dokumentation oder Online Literatur hast du als Referenz verwendet die darauf hinweist, dass man im Shopify Shop diese Hx Tags unbedingt einfügen muss im Code?

Aber bei H1 und Hx Header Grössen wäre hier, wie gesagt, ein SEO Experte der beste Ansprechpartner. Folgendes wäre mein “genereller” Input zum Thema H1 und H2 Tags und die Überschriftenhierarchien falls das helfen kann.

Leute wenden sich oft an uns bzgl. den “hinzugefügte Hx-Tags” oder “doppelte H1-Tags” auf verschiedenen Pages des Themes, meistens auf der Startseite. Unsere Themes sind bereits für die (meist Google-gesteuerte) Suchmaschinen optimiert und die Tags haben somit im grossen und ganzen wenig Einfluss auf die Suchmaschinenoptimierung eines Shopify Shops da die Plattform und unsere Themes schon bereits so konzipiert sind dass das alles SEO optimiert ist.

Viele SEO-Tools von Drittanbietern (z. B. Plug In SEO, All in One SEO usw.) geben beispielsweise einen Fehler aus, wenn der

-Tag ein Bild anstelle von Text enthält, oder wenn ein Theme überhaupt keinen

-Tag enthält. Man kann in unseren Themes ein Logo in die Kopfzeile einfügen. In diesem Fall befindet sich das Logo Bild innerhalb eines

und das

enthält keinen anderen Text. Dies kann auch zu “mehrfachen” oder “doppelten” H1-Tags führen. Das SEO-Tool wird dies als negativ einstufen und eine Änderung empfehlen.

Diese Empfehlung basiert jedoch oft eher auf veraltete Informationen die man im Internet überall liest. H1-Tags werden verwendet, um die größte/wichtigste Überschrift auf einer Seite zu kennzeichnen, aber das Fehlen eines solchen Tags hat wenig inhärente negative Auswirkungen auf die (Google-dominierte) SEO einer Seite, da der Inhalt immer noch gut organisiert und strukturiert sein wird auch ohne diesem Zusatz. Es lohnt sich daher zu betonen, dass:

  • Alle unsere Themes sind bereits sorgfältig SEO optimiert.
  • Plug-in-SEO-Apps gehen in der Regel nach einer “Einheitsgröße” und arbeiten mit “One-size-fits-all” oft veraltete Empfehlungen.

Typischerweise werden Überschriften (H1 und H2) von Suchmaschinen verwendet, um den Inhalt der Website zu lesen, und dienen dazu, Kunden Suchergebnisse auf der Grundlage der in den Überschriften enthaltenen Schlüsselwörter zu liefern. Dies ist für “Content Websites” wichtig. Wie ist es aber für ein reines E-commerce Shop?

Die Shopify-Themes, wie z.B. Debut oder Brooklyn, enthalten bereits H1-Überschriften für Produktnamen oder Inhalte der Homepage oder andere Pages.

Obwohl mit Shopify alle Titel als H1 betrachtet werden, bedeutet nicht, dass sie nicht als Produkte, Sammlung oder Seiten kategorisiert sondern eher als Titel betrachtet werden. Wenn man sie als Titel eines bestimmten Artikels auf der Website kategorisiert, liest die SEO jeden Titel separat, was gut für die SEO ist. Aber mit Shopify gibt es bereits auf jeder Seite ein Feld, um die SEO zu bearbeiten, wie man unten sieht, und dies zu bearbeiten, kann die SEO viel mehr verbessern, anstatt an den H1 und H2 Tags im Code rumzubasteln. Die Verwendung der Schlüsselwörter, die das Produkt am besten auf Meta-Titel beschreiben samt gute Inhalte auf der Meta-Beschreibung sind da viel effektiver.

Wie @Finer sagt, wenn man doch an den H1 und H2 arbeiten will, muss man in den Code des Themes reinsteigen. Da muss man dann eine Klassifizierung für jedes H1 und H2 in der Assets theme.css-Datei erstellen.

Was im Internet oft nicht erwähnt wird, ist dass diese Anpassung sehr mühsam ist und kann sogar zu einer Verlangsamung der Website führen, da durch der Klassifikation jedes H1 und H2 auch die Page Loading Speed verlangsamt wird. Google möchte meist das man pro Seite nur 1 H1 Tag nutzt etc, aber wenn du die Schriftgrößen ändern möchtest, muss man in die CSS gehen und das da editieren.

Weiteres zu diesem Thema

Der <h1>-Tag und die anderen Tags zeigen im Wesentlichen die Prioritäten in der Kopfzeile auf der Seite an. Es gibt Research, das zeigt, dass es keine Minimum-/Maximumgrenze für diese Tags gibt (siehe einige Artikel unten verlinkt, die diese Themen eingehen). Zusätzlich möchte ich versichern, dass Shopify mit SEO im Hinterkopf gebaut wurde. Generell gesagt, ist die Shopify Regel die folgende: Wenn man in den Code eingreifen muss, ist es sehr wahrscheinlich Theme- und Speed-gefährdend.

Siehe mehr dazu hier:

Der Author oben ist auch von der Überzeugung, dass das Hinzufügen von Alt-Text zu den Bildern eine viel größere Wirkung hat. Siehe auch unseren Leitfaden dazu hier. Einige hilfreiche Leitfäden zu diesem Thema findet man auch in unserer Community wo Experten darüber plaudern.

Leute Leute Leute…ich möchte euch danken, das war wirklich sehr hilfreicher Input und hat mich wirklich weiter gebracht!

Ich bin fälschlicherweise davon ausgegangen, dass H2 & H3 genauso wichtig sind, was die katalogisierung bei google betrifft :slightly_smiling_face:

1 Like