So erstellen Sie Unterseiten in Shopify: Eine vollständige Schritt-für-Schritt-Anleitung

Wenn Sie einen Dienst über einen Link auf dieser Seite abonnieren, verdient Reeves and Sons Limited möglicherweise eine Provision. Siehe unsere Ethikerklärung.

Hier ist die kurze Antwort: Shopify unterstützt standardmäßig keine traditionellen übergeordneten und untergeordneten Seitenhierarchien, aber Sie können trotzdem Unterseiten erstellen, indem Sie Shopify Navigationsmenüs, benutzerdefinierte Seiten oder Seitenerstellungs-Apps.

Diese Methoden helfen Ihnen, Ihre Inhalte visuell und strukturell zu organisieren, auch wenn die URLs unverändert bleiben. Für die volle Kontrolle können Sie auch Ihren Theme-Code anpassen.

Egal ob Sie eine große E-EINKAUF Egal, ob Sie gerade erst anfangen oder gerade erst anfangen, die richtige Strukturierung Ihres Shops erleichtert Ihren Kunden die Navigation und verbessert Ihre SEO. Dieser Leitfaden erklärt alles und gibt Ihnen alles, was Sie wissen müssen, um mit der Erstellung von Unterseiten in Shopify.

Warum Unterseiten für Ihr Unternehmen wichtig sind Shopify Shop

Unterseiten (auch untergeordnete Seiten oder verschachtelte Seiten genannt) sind Seiten, die in der Navigation oder Struktur Ihrer Site unter einer übergeordneten Seite liegen.

Sie könnten beispielsweise eine Hauptseite mit dem Namen „Kollektionen“ und Unterseiten wie „Herrenbekleidung“, „Damenbekleidung“ oder „Sale-Artikel“ haben.

Obwohl Shopify unterstützt keine Unterseiten-URLs wie /collections/menskönnen Sie dennoch eine logische Hierarchie erstellen, indem Sie ShopifyNavigationseinstellungen, benutzerdefinierte Seiten, Apps und ein bisschen Kreativität.

Vorteile von Unterseiten:

  • Verbesserte Benutzererfahrung: Erleichtert den Kunden das Auffinden der gesuchten Informationen.
  • Bessere Site-Struktur: Hilft Ihnen, Ihre Inhalte logisch zu organisieren, insbesondere wenn Sie einen großen Produktkatalog haben.
  • Stärkere SEO-Signale: Eine gut organisierte interne Linkstruktur verbessert die Crawlbarkeit und das Ranking-Potenzial.
  • Erhöhte Zeit vor Ort: Wenn die Navigation einfach ist, bleiben die Nutzer länger und sehen sich mehr Seiten an.

So erstellen Sie Unterseiten in Shopify Schritt für Schritt.

Option 1: Verwenden Shopify Navigation zu Struktur-Unterseiten

Die einfachste Möglichkeit, das Erscheinungsbild von Unterseiten zu erstellen, ist die Verwendung von Shopify's Menüs und Navigation Funktion. Diese Methode ändert Ihre URLs nicht, organisiert Ihren Shop jedoch visuell für Benutzer.

So erstellen Sie Unterseiten mithilfe der Navigation:

  1. Gehen Sie zu Ihrem Shopify Administrator Tafel
  2. Klicken Sie auf Online-Shop > Navigation
  3. Wählen Sie Ihre STARTSEITE
  4. Klicke „Menüpunkt hinzufügen“ um einen übergeordneten Artikel zu erstellen (z. B. „Shop“)
  5. Fügen Sie weitere Menüpunkte (z. B. „Herren“, „Damen“, „Sale“) als Unterpunkte hinzu
  6. Nutzen Sie Drag-and-Drop um sie unter dem übergeordneten Element zu verschachteln

Diese Menüstruktur wird in der Kopfzeile Ihrer Site oder dort angezeigt, wo Ihr Design sie anzeigt.

Visuelles Beispiel der Menüstruktur:

Menu ItemUnterseiten
Shop Herren
Damen
Rabatt

Die URLs sehen zwar weiterhin so aus /collections/mens, dadurch entsteht eine visuelle Hierarchie das Unterseiten nachahmt.

Vorteile:

  • Schnell und einfach
  • Keine programmier Kenntnisse erforderlich
  • Funktioniert mit den meisten Shopify Themen

Nachteile:

  • URLs bleiben flach (nicht verschachtelt)
  • Eingeschränkter SEO-Nutzen durch URL-Struktur

Diese Methode eignet sich am besten für kleine bis mittelgroße Geschäfte oder Geschäfte, die Einfachheit ohne Apps oder Code wünschen.

Option 2: Manuelle Unterseiten mit benutzerdefinierten URLs erstellen

Wenn Sie mehr Kontrolle über Ihre Seiten und eine etwas strukturiertere SEO-Struktur wünschen, können Sie einzelne Seiten oder Sammlungen erstellen und diese logisch unter einem „Hub“ oder einer übergeordneten Seite verknüpfen. So haben Sie eine bessere Kontrolle über SEO-Elemente und Seiteninhalte.

Schritte:

  1. Gehe zu Onlineshop > Seiten
  2. Erstellen Sie eine Seite (z. B. „Alles kaufen“ oder „Sammlungen“)
  3. Erstellen Sie weitere Seiten oder Sammlungen für jede Kategorie (z. B. „Herrenbekleidung“, „Damenbekleidung“)
  4. Verwenden Sie interne Links, um die übergeordnete Seite mit den untergeordneten Seiten zu verknüpfen
  5. Optional können Sie Breadcrumbs und eine gut strukturierte interne Linkstrategie verwenden, um Benutzer und Suchmaschinen zu leiten

Beispiel einer URL-Struktur:

  • /collections
  • /collections/mens-clothing
  • /collections/womens-clothing

Obwohl diese Seiten technisch gesehen flach sind, ShopifyIm Backend erscheinen sie wie eine verschachtelte Struktur, wenn Benutzer Navigieren Sie durch Ihren Shop.

Tabelle: Zuordnung übergeordneter und untergeordneter Seiten

Übergeordnete SeiteUnterseiten/Sammlungen
/ Sammlungen/Kollektionen/Herrenbekleidung
/Kollektionen/Damenbekleidung
/Kollektionen/Verkauf

Vorteile:

  • Bessere SEO-Kontrolle (Titel-Tags, URLs, Metadaten)
  • Ermöglicht reichhaltigeren Inhalt auf jeder Seite
  • Ideal zum Erstellen von Zielseiten oder SEO-Silos

Nachteile:

  • Erfordert mehr manuelle Einrichtung
  • Benötigt eine konsistente interne Linkstrategie

Option 3: Verwenden Sie eine Page Builder-App

Wenn Sie Sie benötigen volle Designflexibilität oder erstellen benutzerdefinierte ZielseitenVerwendung einer Seitenerstellungs-App ist Ihre beste Wahl. Mit diesen Apps können Sie schön gestaltete Seiten erstellen, die Unterseitenstrukturen mit visuellen Layout-Tools nachahmen können.

Bustier Shopify Page Builder-Apps:

AppPreis (ab)Hauptfunktionen
PageFlyKostenlos – 24 $/MonatDrag-and-Drop-Editor, responsive Design
Shogun$ 39 / MonatA / B-Tests, erweiterte Seitenelemente
GemPages$ 29 / MonatVorlagen, SEO-Tools, mobilfähig

Mit diesen Tools können Sie benutzerdefinierte Seiten mit Layouts erstellen, die Benutzer von einem Abschnitt zum anderen führen – und das alles, ohne den Code zu berühren.

So verwenden Sie einen Seitenersteller zum Erstellen von Unterseiten:

  1. Installieren Sie eine Seitenerstellungs-App
  2. Erstellen Sie Ihre übergeordnete Hauptseite (z. B. „Nach Kategorie einkaufen“)
  3. Erstellen Sie Unterseiten mit den Vorlagen der App (z. B. „Accessoires“, „Schuhe“, „Neuheiten“)
  4. Verknüpfen Sie Unterseiten innerhalb der übergeordneten Seite mithilfe von Schaltflächen, Bildern oder internen Links
  5. Fügen Sie diese Seiten Ihrer Navigation hinzu, um einen nahtlosen Benutzerzugriff zu gewährleisten

Vorteile:

  • Vollständig anpassbares Design
  • Mobilfreundliche Layouts
  • Schnelle visuelle Änderungen ohne Entwicklerhilfe

Nachteile:

  • Kann je nach App und Funktionen teuer sein
  • Fügt Ihrer Site Code von Drittanbietern hinzu (kann die Geschwindigkeit beeinträchtigen)

Option 4: Passen Sie Ihre Shopify Themendateien

Für Geschäfte mit Entwicklungsressourcen oder fortgeschritteneren Anforderungen ist die Bearbeitung Ihrer Designdateien gibt Ihnen die volle Kontrolle. Sie können benutzerdefinierte Vorlagen und Breadcrumb-Navigation erstellen und sogar die Darstellung von Seiten anhand von Tags oder Sammlungen strukturieren.

Was Sie mit der Themenanpassung tun können:

  • Fügen Sie Breadcrumbs hinzu, um eine Hierarchie zu erstellen
  • Verwandte Unterseiten oder Sammlungen dynamisch anzeigen
  • Erstellen Sie unterschiedliche Vorlagen für übergeordnete und untergeordnete Seiten
  • Fügen Sie benutzerdefinierte Abschnitte mit Liquid ( hinzu.Shopify's Template-Sprache)

Grundlagen:

  1. Gehe zu Online-Shop > Themen > Aktionen > Code bearbeiten
  2. Duplizieren Sie Ihr Design zunächst als Backup
  3. Bearbeiten theme.liquid, page.liquidoder erstellen Sie benutzerdefinierte Vorlagen
  4. Verwenden Sie bedingte Anweisungen, um Inhalte basierend auf Eltern-/Kind-Beziehungen anzuzeigen
  5. Aktualisieren Sie Ihre Navigation und Linkstruktur entsprechend

Diese Methode bietet volle Kontrolle, sollte aber – insbesondere in Live-Stores – mit Vorsicht gehandhabt werden.

Vorteile:

  • Volle Flexibilität
  • Kann jede gewünschte Struktur spiegeln
  • Besser für SEO, wenn es richtig gemacht wird

Nachteile:

  • Erfordert Programmierkenntnisse (HTML, CSS, Liquid)
  • Fehler können Ihre Site beschädigen
  • Die Umsetzung dauert länger

Best Practices für Unterseiten und SEO

Auch wenn Ihre Unterseiten nicht in tatsächlichen Unterverzeichnissen liegen, können Sie sie dennoch so strukturieren, dass sowohl Benutzer als auch Suchmaschinen davon profitieren.

Best Practices für SEO:

  • Verwenden Sie interne Links: Verknüpfen Sie immer vom übergeordneten Element zum untergeordneten Element und umgekehrt.
  • Breadcrumb-Navigation hinzufügen: Hilft Benutzern bei der Navigation und sendet Hierarchiesignale an Suchmaschinen.
  • Halten Sie URLs einfach und stichwortorientiert: Nutzen Sie /collections/mens-running-shoes anstatt etwas Allgemeines.
  • Strukturierte Datenmarkierung einschließen: Insbesondere für Produkt- und Kollektionsseiten.
  • Optimieren Sie jede Seite einzeln: Schreiben Sie für jede Unterseite eindeutige Metatitel, Beschreibungen und H1-Tags.
  • Vermeiden Sie doppelten Inhalt: Wenn Sie ähnliche Vorlagen verwenden, stellen Sie sicher, dass der Inhalt eindeutig ist.

Beispiel-Breadcrumbs:

  • Startseite > Kollektionen > Herrenbekleidung > Laufschuhe

Breadcrumbs werden von vielen unterstützt Shopify Themen oder können manuell mit Code oder Apps hinzugefügt werden.

Tools und Apps, die bei der Unterseitenstruktur helfen

Sie müssen nicht alles manuell erledigen. Shopify's App Das Ökosystem bietet Ihnen zahlreiche Tools, um Teile des Prozesses zu beschleunigen und zu automatisieren.

Nützliche Apps:

AppWas es macht
LinkciousIntelligente interne Verlinkung basierend auf Verhalten
Smart Menu von qikifyErweiterte Menüstruktur, Mega-Menüs
Shopify SEO-ManagerHilft bei der Verwaltung von Metatiteln, Tags und mehr
Krümel SemmelbröselFügt SEO-freundliche Breadcrumbs hinzu
Einfache RegisterkartenErmöglicht Ihnen, Inhalte innerhalb von Seiten übersichtlich zu organisieren

Häufige zu vermeidende Fehler

Unterseiten können wirkungsvoll sein – aber nur, wenn sie richtig erstellt werden. Diese Fehler können die SEO oder die Benutzererfahrung beeinträchtigen.

Die größten Fallstricke:

  • Keine internen Links zwischen verwandten Seiten
  • Doppelter Inhalt auf allen Unterseiten
  • Verwirrende Navigationsmenüs
  • Defekte oder verwaiste Seiten, die nirgendwo verlinkt sind
  • Seiten mit wenig oder keinem Inhalt

Stellen Sie sicher, dass jede Seite einen Zweck hat, mit anderen Seiten verlinkt ist und einzigartige Inhalte hat.

Abschließende Gedanken

Erstellen von Unterseiten in Shopify ist nicht so einfach wie bei WordPress oder anderen CMS-Plattformen, aber definitiv machbar.

Egal, ob Sie einfache Menüs, benutzerdefinierte Seiten, Apps von Drittanbietern oder benutzerdefinierten Code verwenden, Sie haben eine Reihe von Tools zur Organisation Ihrer in einer Weise speichern das ist für Benutzer sinnvoll und erhöht Ihre Sichtbarkeit bei der Suche.

Beginnen Sie mit der Navigation, wenn Sie gerade erst anfangen. Wenn Ihr Shop wächst, können Sie Seitenersteller oder benutzerdefinierten Code verwenden, um mehr Kontrolle zu behalten. Egal für welche Methode Sie sich entscheiden, denken Sie an Ihre Kunden und SEO und stellen Sie sicher, dass alles leicht zu finden, zu verlinken und zu durchsuchen ist.

Bogdan Rancea

Bogdan Rancea ist Mitbegründer von Ecommerce-Platforms.com und leitender Kurator von ecomm.design, einer Präsentation der besten E-Commerce-Websites. Mit über 12 Jahren Erfahrung im digitalen Handel verfügt er über umfassendes Wissen und ein gutes Auge für herausragende Online-Shopping-Erlebnisse. Als E-Commerce-Tech-Explorer testet und bewertet Bogdan verschiedene Plattformen und Design-Tools wie Shopify, Figma und Canva und bietet praktische Ratschläge für Ladenbesitzer und Designer.

Kommentare 0 Antworten

Schreibe einen Kommentar

E-Mail-Adresse wird nicht veröffentlicht. Pflichtfelder sind MIT * gekennzeichnet. *

Rating *

Diese Seite verwendet Akismet, um Spam zu reduzieren. Erfahren Sie, wie Ihre Kommentardaten verarbeitet werden.

Versuchen Shopify für 3 Monate mit $1/Monat!
Shopify-Erste-Ein-Dollar-Aktion - 3 Monate