Här är det snabba svaret: Shopify stöder inte traditionella hierarkier för överordnade och underordnade sidor direkt, men du kan fortfarande skapa undersidor med hjälp av ShopifyÄr navigationsmenyer, anpassade sidor, eller appar för sidbyggare.
Dessa metoder hjälper till att organisera ditt innehåll visuellt och strukturellt, även om webbadresserna förblir platt. För full kontroll kan du också anpassa din temakod.
Oavsett om du bygger en stor e-handel webbplats eller precis börjat, att strukturera din butik på rätt sätt hjälper dina kunder att navigera enkelt och förbättrar din SEO. Den här guiden bryter ner allt och ger dig allt du behöver veta för att börja skapa undersidor i Shopify.
Varför undersidor är viktiga för dig Shopify HITTA BUTIK
Undersidor (även kallade undersidor eller kapslade sidor) är sidor som finns under en överordnad sida i webbplatsens navigering eller struktur.
Du kan till exempel ha en huvudsida som heter ”Kollektioner” med undersidor som ”Herrkläder”, ”Damkläder” eller ”Reavaror”.
Även om Shopify stöder inte webbadresser för undersidor som /collections/mens, kan du fortfarande skapa en logisk hierarki med hjälp av Shopifys navigeringsinställningar, anpassade sidor, appar och lite kreativitet.
Fördelar med undersidor:
- Förbättrad användarupplevelse: Gör det enklare för kunderna att hitta det de letar efter.
- Bättre webbplatsstruktur: Hjälper dig att organisera ditt innehåll logiskt, särskilt om du har en stor produktkatalog.
- Starkare SEO-signaler: En välorganiserad intern länkstruktur förbättrar genomsökningsbarheten och rankingpotentialen.
- Ökad tid på plats: När folk kan navigera enkelt stannar de kvar längre och tittar på fler sidor.
Så här bygger du undersidor Shopify steg för steg.
Alternativ 1: Använd Shopify Navigering till strukturundersidor
Det enklaste sättet att skapa utseendet på undersidor är att använda Shopify's Menyer och navigering funktion. Den här metoden ändrar inte dina webbadresser, men den organiserar din butik visuellt för användarna.
Så här skapar du undersidor med hjälp av navigering:
- Gå till din Shopify Administration Panel
- Klicka på Webbutik > Navigering
- Välj Huvudmeny
- Klicka "Lägg till menyalternativ" för att skapa en överordnad vara (t.ex. ”Butik”)
- Lägg till andra menyalternativ (t.ex. ”Herr”, ”Dam”, ”Rea”) som underalternativ
- Använda dra-och-släpp att kapsla dem under det överordnade objektet
Den här menystrukturen kommer att visas i webbplatsens sidhuvud eller var som helst ditt tema visar den.
Visuellt exempel på menystruktur:
| Menyalternativ | Undersidor |
|---|---|
| Butik | Herr |
| kvinnor | |
| Sale |
Även om webbadresserna fortfarande kommer att se ut så här /collections/mens, detta skapar en visuell hierarki som imiterar undersidor.
Alla tillgångar på ett och samma ställe
- Snabbt och enkelt
- Ingen kodning krävs
- Fungerar med de flesta Shopify teman
Nackdelar:
- URL:er förblir plana (inte kapslade)
- Begränsad SEO-fördel från URL-struktur
Den här metoden passar bäst för små till medelstora butiker eller butiker som vill ha enkelhet utan appar eller kod.
Alternativ 2: Skapa manuella undersidor med anpassade webbadresser
Om du vill ha mer kontroll över dina sidor och lite mer SEO-struktur kan du skapa enskilda sidor eller samlingar och länka dem logiskt under en "hub" eller föräldersida. Detta ger dig bättre kontroll över SEO-element och sidinnehåll.
Steg:
- Gå till Onlinebutik > Sidor
- Skapa en sida (t.ex. ”Handla alla” eller ”Samlingar”)
- Skapa fler sidor eller samlingar för varje kategori (t.ex. ”Herrkläder”, ”Damkläder”)
- Använd interna länkar för att länka föräldrasidan till undersidorna
- Använd eventuellt brödsmulor och en välstrukturerad intern länkningsstrategi för att vägleda användare och sökmotorer.
Exempel på URL-struktur:
/collections/collections/mens-clothing/collections/womens-clothing
Även om dessa sidor tekniskt sett är platta i Shopifys backend, de visas som en kapslad struktur när användare navigera i din butik.
Tabell: Mappning av överordnad-underordnad sida
| Föräldrasida | Undersidor/Samlingar |
|---|---|
| /samlingar | /kollektioner/herrkläder |
| /kollektioner/damkläder | |
| /kollektioner/rea |
Alla tillgångar på ett och samma ställe
- Bättre SEO-kontroll (titeltaggar, URL:er, metadata)
- Möjliggör rikare innehåll på varje sida
- Perfekt för att skapa landningssidor eller SEO-silos
Nackdelar:
- Kräver mer manuell installation
- Behöver en konsekvent intern länkningsstrategi
Alternativ 3: Använd en sidbyggarapp
Om du behöver full designflexibilitet eller bygger anpassade landningssidor, använder en app för sidbyggare är ditt bästa alternativ. Med dessa appar kan du skapa vackert designade sidor som kan efterlikna undersidesstrukturer med visuella layoutverktyg.
★★★★ Shopify Appar för sidbyggare:
| Applikation | Pris (från och med) | VIKTIGA FUNKTIONER |
|---|---|---|
| PageFly | Gratis – $24/månad | Dra-och-släpp-redigerare, responsive utformning |
| shogun | $ 39 / mån | A / B-testning, avancerade sidelement |
| GemPages | $ 29 / mån | Mallar, SEO verktyg, mobilanpassad |
Med dessa verktyg kan du skapa anpassade sidor med layouter som vägleder användare från ett avsnitt till ett annat – helt utan att behöva röra kod.
Så här använder du en sidbyggare för att skapa undersidor:
- Installera en app för sidbyggare
- Skapa din huvudsida (t.ex. ”Handla efter kategori”)
- Skapa undersidor med hjälp av appens mallar (t.ex. ”Accessoarer”, ”Skor”, ”Nyheter”)
- Länka undersidor inom den överordnade sidan med hjälp av knappar, bilder eller interna länkar
- Lägg till dessa sidor i din navigering för smidig användaråtkomst
Alla tillgångar på ett och samma ställe
- Helt anpassningsbar design
- Mobilvänliga layouter
- Snabba visuella förändringar utan utvecklarhjälp
Nackdelar:
- Kan vara dyrt beroende på app och funktioner
- Lägger till tredjepartskod på din webbplats (kan påverka hastigheten)
Alternativ 4: Anpassa din Shopify Temafiler
För butiker med utvecklingsresurser eller mer avancerade behov, redigering av din temafiler ger dig full kontroll. Du kan skapa anpassade mallar, använda brödsmulornavigering och till och med strukturera hur sidor visas baserat på taggar eller samlingar.
Vad du kan göra med temaanpassning:
- Lägg till brödsmulor för att skapa hierarki
- Visa relaterade undersidor eller samlingar dynamiskt
- Skapa olika mallar för föräldra- och undersidor
- Lägg till anpassade sektioner med Liquid (Shopifys mallspråk)
Grundläggande steg:
- Gå till Webbutik > Teman > Åtgärder > Redigera kod
- Duplicera ditt tema först som en säkerhetskopia
- Redigera
theme.liquid,page.liquideller skapa anpassade mallar - Använd villkorliga satser för att visa innehåll baserat på förälder/underordnade relationer
- Uppdatera din navigering och länkstruktur så att de matchar
Denna metod ger full kontroll, men bör hanteras försiktigt – särskilt i levande butiker.
Alla tillgångar på ett och samma ställe
- Total flexibilitet
- Kan spegla vilken struktur du vill
- Bättre för SEO om det görs på rätt sätt
Nackdelar:
- Kräver kodningskunskaper (HTML, CSS, Liquid)
- Misstag kan förstöra din webbplats
- Tar längre tid att implementera
Bästa praxis för undersidor och SEO
Även om dina undersidor inte finns i faktiska underkataloger kan du fortfarande strukturera dem på ett sätt som gynnar både användare och sökmotorer.
SEO bästa praxis:
- Använd intern länkning: Länka alltid från förälder till barn och vice versa.
- Lägg till brödsmulnavigering: Hjälper användare att navigera och skickar hierarkisignaler till sökmotorer.
- Håll webbadresserna enkla och sökordsfokuserade: Använda
/collections/mens-running-shoesistället för något generiskt. - Inkludera strukturerad datamarkering: Särskilt för produkt- och kollektionssidor.
- Optimera varje sida individuellt: Skriv unika metatitlar, beskrivningar och H1-taggar för varje undersida.
- Undvik duplicerat innehåll: Om du använder liknande mallar, se till att innehållet är unikt.
Exempel på brödsmulor:
- Hem > Kollektioner > Herrkläder > Löparskor
Brödsmulor stöds av många Shopify teman eller kan läggas till manuellt med kod eller appar.
Verktyg och appar som hjälper till med strukturen på undersidor
Du behöver inte göra allt manuellt. Shopifys app ekosystemet ger dig många verktyg för att snabba upp och automatisera delar av processen.
Användbara appar:
| Applikation | Vad den gör |
|---|---|
| Länkig | Smart intern länkning baserad på beteende |
| Smart meny av qikify | Avancerad menystruktur, megamenyer |
| Shopify SEO-chef | Hjälper till att hantera metatitlar, taggar och mer |
| Smulor Ströbröd | Lägger till SEO-vänliga brödsmulor |
| Enkla flikar | Låter dig organisera innehållet på sidorna på ett snyggt sätt |
Vanliga misstag att undvika
Undersidor kan vara kraftfulla – men bara om de görs korrekt. Dessa misstag kan skada SEO eller användarupplevelsen.
Bästa fallgropar:
- Inga interna länkar mellan relaterade sidor
- Duplicerat innehåll på olika undersidor
- Förvirrande navigationsmenyer
- Trasiga eller överblivna sidor som inte länkas någonstans
- Sidor med tunt eller inget innehåll
Se till att varje sida har ett syfte, är länkad från andra sidor och har unikt innehåll.
Avslutande tankar
Skapa undersidor i Shopify är inte lika enkelt som i WordPress eller andra CMS-plattformar, men det är definitivt genomförbart.
Oavsett om du använder enkla menyer, anpassade sidor, tredjepartsappar eller anpassad kod har du en rad verktyg för att organisera dina förvara på ett sätt som är logiskt för användarna och ökar din synlighet i sökresultaten.
Börja med navigering om du precis har börjat. Allt eftersom din butik växer, undersök möjligheten att använda sidbyggare eller anpassad kodning för att få mer kontroll. Oavsett vilken metod du väljer, tänk på dina kunder och SEO, och se till att allt är lätt att hitta, länka och navigera.
Kommentarer 0 Responses