So fügen Sie ein H1-Tag in Shopify hinzu

Unsere „Keyboard Jiggler“-Produktwebsite wurde Ende 2022 von Wix auf die Shopify-Plattform migriert. Wir haben enorm von einer verbesserten SEO-Erfahrung profitiert, und in gewisser Weise haben uns die strengeren Regeln für das Seitendesign darauf konzentriert, über unsere Website zu verkaufen, anstatt sie ständig zu optimieren Layout.

Obwohl wir Shopify gerne verwenden, sind wir bei unserem Shopify-Theme auf ein ganz bestimmtes Problem gestoßen: Das Problem, das wir gefunden haben, war, dass das Collections <H1>-Tag nicht als Teil unseres Themes existierte. Dies war nur ein Problem für unsere Sammlungen. Dies führte dazu, dass unsere SEO-Plattform eines Drittanbieters dieses Problem als Fehler hervorhob, als wir ein SEO-Audit auf unserer Website durchführten.

Wir möchten Ihnen gerne mitteilen, wie wir dies gelöst haben.

Haftungsausschluss: Bitte beachten Sie, dass wir lernen, Herausforderungen zu lösen, wie sie in Shopify erscheinen, genau wie Sie es vielleicht tun. Wir sind keine Experten für SEO oder Shopify, also nutzen Sie bitte das, was wir anbieten können, aber überprüfen Sie noch einmal, ob unser Vorschlag Ihnen woanders kein Problem bereitet.

W ie füge ich ein H1-Tag zur Shopify-Sammlung hinzu?

Denken Sie daran, dass das H1-Tag wahrscheinlich ein automatisierter Teil Ihres Seitenerstellungsprozesses sein sollte. Wenn das Design auf die bestmögliche Weise erstellt wurde, sollte es kein Problem sein, den Fehler „H1 fehlt“ für Ihre Sammlungsseiten zu erhalten. Trotzdem hatten wir dieses Problem und mussten es mit Methode 2 unten lösen.

Methode 1 :

Online-Shop > Thema anpassen > Bereich „Rich Text“ zu Ihrer Seite hinzufügen > Text auswählen, den Sie als Titel verwenden möchten > „Kopfzeile 1“ formatieren > Speichern.

Methode 2:

Online-Shop > Design anpassen > Wählen Sie die Sammlung aus, zu der Sie das H1-Tag hinzufügen möchten > Fügen Sie den Block "Custom Liquid" hinzu > Fügen Sie den unten gezeigten Text ein und bearbeiten Sie ihn > Speichern.

Kopieren Sie den folgenden Code und fügen Sie ihn dem Block „Custom Liquid“ hinzu:

<div class="rich-text__wrapper rich-text__wrapper--center page-width">
<div class="rich-text__blocks center"><div class="rich-text__text rte" >
<H1>Maus-Jiggler ohne Software</H1>
<p>Sehen Sie sich unsere vollständige Sammlung von Tastaturclips für Microsoft Teams-Benutzer an.<p>

Wir zeigen unten einen Screenshot, wo der benutzerdefinierte Liquid-Code eingefügt werden muss.

Wenn unser Code fehlschlägt, fügen Sie einfach Ihren Titel in das benutzerdefinierte Liquid-Code-Feld ein und fügen Sie <H1> am Anfang Ihres Textes hinzu. Dann fügen Sie am Ende </H1> hinzu:

dh. <H1>Maus-Jiggler ohne Software</H1>