Tutorials

Wie du eine HTML-Sitemap in deinem Shopify Store erstellst [2025 Easy Guide]

Melden

Hier ist ein umfassendes Tutorial, wie du im Jahr 2025 eine HTML-Sitemap für deinen Shopify-Store erstellst.

Eine HTML-Sitemap ist nicht nur gut für deine Besucher, um sich zurechtzufinden, sondern sie hilft auch den Suchmaschinen (SEO), alle Unterseiten deines Shops schneller zu indexieren. Während Shopify automatisch eine sitemap.xml für Google erstellt, musst du die HTML-Sitemap (für Menschen lesbar) meist manuell oder per App anlegen.

In diesem Guide zeige ich dir die drei besten Methoden.

Warum brauchst du eine HTML-Sitemap?

  1. Verbesserte User Experience (UX): Kunden finden alle Kategorien und Seiten auf einen Blick.
  2. SEO-Boost: Interne Verlinkungen werden gestärkt, was das Ranking verbessert.
  3. Schnelleres Crawling: Suchmaschinen-Bots finden versteckte Seiten leichter.

Methode 1: Die manuelle Methode (Kostenlos & ohne App)

Diese Methode eignet sich am besten, wenn du die volle Kontrolle haben möchtest und keine monatlichen Gebühren für Apps zahlen willst.

Schritt 1: Erstelle eine neue Seite

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Seiten.
  2. Klicke auf Seite hinzufügen.
  3. Nenne den Titel der Seite „Sitemap“.

Schritt 2: Den Code einfügen (für Fortgeschrittene)

Wenn du ein moderneres Theme (Online Store 2.0) nutzt, kannst du ein eigenes Seitentemplate erstellen:

  1. Gehe zu Onlineshop > Themes > Anpassen.
  2. Wähle oben im Dropdown-Menü Seiten > Vorlage erstellen.
  3. Nenne sie sitemap.
  4. Füge einen Abschnitt (Section) vom Typ Custom Liquid hinzu.
  5. Kopiere diesen einfachen Code hinein (Beispiel für Kollektionen):
<div class="page-width">
  <h1>Sitemap</h1>

  <h2>Kollektionen</h2>
  <ul>
    {% for collection in collections %}
      <li><a href="{{ collection.url }}">{{ collection.title }}</a></li>
    {% endfor %}
  </ul>

  <h2>Seiten</h2>
  <ul>
    {% for page in pages %}
      <li><a href="{{ page.url }}">{{ page.title }}</a></li>
    {% endfor %}
  </ul>
</div>

Schritt 3: Die Seite im Menü verlinken

  1. Gehe zu Onlineshop > Navigation.
  2. Wähle dein Fußzeilenmenü (Footer).
  3. Füge einen Menüpunkt „Sitemap“ hinzu und verlinke ihn mit der soeben erstellten Seite.

Methode 2: Die automatische Lösung per App (Empfohlen für 2025)

Wenn du viele Produkte hast (über 100), ist die manuelle Methode mühsam, da sie nicht automatisch aktualisiert wird. Apps erledigen das für dich.

Empfohlene Apps:

  • Sitemap & NoIndex Manager
  • SC Easy Sitemap (sehr beliebt)
  • SEO Manager

Vorgehensweise:

  1. Suche im Shopify App Store nach „HTML Sitemap“.
  2. Installiere eine App wie SC Easy Sitemap.
  3. Die App generiert automatisch eine Seite (meist unter /pages/sitemap).
  4. Du kannst in den App-Einstellungen auswählen, welche Produkte, Blogs oder Kollektionen angezeigt werden sollen.
  5. Vorteil: Neue Produkte werden automatisch hinzugefügt.

Methode 3: Verlinkung über das Navigationsmenü (Simpel)

Falls du keinen Code nutzen willst und keine App installieren möchtest, kannst du eine „Pseudo-Sitemap“ über die Shopify-Navigation erstellen.

  1. Erstelle eine neue Seite „Sitemap“.
  2. Gehe zu Navigation > Menü hinzufügen.
  3. Erstelle ein Menü namens „Sitemap-Struktur“.
  4. Füge dort alle wichtigen Kategorien und Unterseiten hinzu.
  5. Nutze ein Theme-Element (wie „Multi-Column“ oder „Link List“), um dieses Menü auf deiner Sitemap-Seite anzuzeigen.

Profi-Tipps für deine Sitemap 2025

  • Design zählt: Eine Sitemap muss nicht hässlich sein. Achte darauf, dass die Schriftgröße lesbar ist und die Links gut strukturiert sind (z.B. nach Kategorien sortiert).
  • Footer-Link: Platziere den Link zur HTML-Sitemap immer im Footer deiner Website. Dort suchen Crawler und Nutzer am ehesten danach.
  • No-Index für Unwichtiges: Wenn du Seiten hast, die nicht bei Google erscheinen sollen (z.B. interne Richtlinien), schließe diese in der App-Konfiguration aus.

Fazit

Für kleine Shops reicht die manuelle Erstellung einer Seite völlig aus. Für wachsende E-Commerce-Brands im Jahr 2025 ist eine automatisierte App-Lösung die bessere Wahl, um Zeit zu sparen und sicherzustellen, dass die Sitemap immer aktuell bleibt.

Hast du Fragen zur Umsetzung? Schreib es in die Kommentare!

0