Sådan laver du undersider i ShopifyEn komplet trin-for-trin guide

Hvis du abonnerer på en tjeneste fra et link på denne side, kan Reeves and Sons Limited optjene en kommission. Se vores etikerklæring.

Her er det hurtige svar: Shopify understøtter ikke traditionelle hierarkier for overordnede og underordnede sider fra starten, men du kan stadig oprette undersider ved hjælp af Shopify's navigationsmenuer, brugerdefinerede sider eller apps til sidebyggere.

Disse metoder hjælper med at organisere dit indhold visuelt og strukturelt, selvom URL'erne forbliver flade. For fuld kontrol kan du også tilpasse din temakode.

Uanset om du bygger en stor ecommerce hjemmeside eller lige startet, hjælper det dine kunder med at navigere nemt og forbedre din SEO ved at strukturere din butik på den rigtige måde. Denne guide opdeler det hele og giver dig alt, hvad du behøver at vide for at begynde at oprette undersider i Shopify.

Hvorfor undersider er vigtige for dig Shopify Butik

Undersider (også kaldet undersider eller indlejrede sider) er sider, der ligger under en overordnet side i dit websteds navigation eller struktur.

For eksempel kan du have en hovedside kaldet "Kollektioner" med undersider som "Herretøj", "Dametøj" eller "Udsalgsvarer".

Selvom Shopify understøtter ikke URL'er til undersider som f.eks. /collections/mens, kan du stadig oprette et logisk hierarki ved hjælp af Shopify's navigationsindstillinger, brugerdefinerede sider, apps og lidt kreativitet.

Fordele ved undersider:

  • Forbedret brugeroplevelse: Gør det nemmere for kunderne at finde det, de leder efter.
  • Bedre hjemmesidestruktur: Hjælper med at organisere dit indhold logisk, især hvis du har et stort produktkatalog.
  • Stærkere SEO-signaler: En velorganiseret intern linkstruktur forbedrer crawlbarhed og rangeringspotentiale.
  • Øget tid på stedet: Når folk nemt kan navigere, bliver de hængende i længere tid og ser flere sider.

Sådan opbygger du undersider Shopify trin for trin.

Mulighed 1: Brug Shopify Navigation til strukturundersider

Den enkleste måde at skabe udseendet af undersider på er ved at bruge Shopify's Menuer og navigation funktion. Denne metode ændrer ikke dine URL'er, men den organiserer din butik visuelt for brugerne.

Sådan opretter du undersider ved hjælp af navigation:

  1. Gå til din Shopify Admin Panel
  2. Klik på Onlinebutik > Navigation
  3. Vælg din Hovedmenu
  4. Klik "Tilføj menupunkt" for at oprette en overordnet vare (f.eks. "Butik")
  5. Tilføj andre menupunkter (f.eks. "Herre", "Dame", "Udsalg") som underpunkter
  6. Brug træk-og-slip at indlejre dem under det overordnede element

Denne menustruktur vil blive vist i din hjemmesides header eller hvor som helst dit tema viser den.

Visuelt eksempel på menustruktur:

MenupunktUndersider
ButikMænds
Dame
Udsalg

Selvom URL'erne stadig vil se sådan ud /collections/mens, dette skaber en visuelt hierarki der efterligner undersider.

Fordele:

  • Hurtig og nem
  • Ingen kodning kræves
  • Arbejder med de fleste Shopify temaer

Ulemper:

  • URL'er forbliver fladt (ikke indlejret)
  • Begrænset SEO-fordel fra URL-struktur

Denne metode er bedst for små til mellemstore butikker eller butikker, der ønsker enkelhed uden apps eller kode.

Mulighed 2: Opret manuelle undersider med brugerdefinerede webadresser

Hvis du ønsker mere kontrol over dine sider og en lidt mere SEO-struktur, kan du oprette individuelle sider eller samlinger og linke dem logisk under en "hub" eller overordnet side. Dette giver dig bedre kontrol over SEO-elementer og sideindhold.

Trin:

  1. Gå til Onlinebutik > Sider
  2. Opret en side (f.eks. "Se alle" eller "Samlinger")
  3. Opret flere sider eller samlinger for hver kategori (f.eks. "Herretøj", "Dametøj")
  4. Brug interne links til at linke den overordnede side til de underordnede sider
  5. Brug eventuelt breadcrumbs og en velstruktureret intern linkstrategi til at guide brugere og søgemaskiner

Eksempel på URL-struktur:

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

Selvom disse sider teknisk set er flade i Shopify's backend, de fremstår som en indlejret struktur, når brugerne naviger i din butik.

Tabel: Sidetilknytning mellem overordnede og underordnede sider

ForældresideUndersider/samlinger
/samlinger/kollektioner/herretøj
/kollektioner/dametøj
/kollektioner/udsalg

Fordele:

  • Bedre SEO-kontrol (titeltags, URL'er, metadata)
  • Giver mulighed for mere fyldigt indhold på hver side
  • Fantastisk til at oprette landingssider eller SEO-siloer

Ulemper:

  • Kræver mere manuel opsætning
  • Kræver en konsekvent intern linkstrategi

Mulighed 3: Brug en Page Builder-app

Hvis du har brug for fuld designfleksibilitet eller bygger brugerdefinerede landingssiderVed hjælp af en app til sidebygger er dit bedste bud. Disse apps giver dig mulighed for at oprette smukt designede sider, der kan efterligne undersidestrukturer med visuelle layoutværktøjer.

Top Shopify Sideopbygger-apps:

AppPris (fra)Nøglefunktioner
PageFlyGratis – $24/månedTræk-og-slip editor, responsive design
Shogun$ 39 / månedA / B-test, avancerede sideelementer
GemPages$ 29 / månedSkabeloner, SEO værktøjer, mobilklar

Disse værktøjer giver dig mulighed for at oprette brugerdefinerede sider med layouts, der guider brugerne fra et afsnit til et andet – alt sammen uden at røre ved kode.

Sådan bruger du en sidebygger til at oprette undersider:

  1. Installer en sidebygger-app
  2. Opret din overordnede side (f.eks. "Shop efter kategori")
  3. Opret undersider ved hjælp af appens skabeloner (f.eks. "Tilbehør", "Sko", "Nye varer")
  4. Link undersider på den overordnede side ved hjælp af knapper, billeder eller interne links
  5. Tilføj disse sider til din navigation for problemfri brugeradgang

Fordele:

  • Fuldt tilpasset design
  • Mobilvenlige layouts
  • Hurtige visuelle ændringer uden hjælp fra udviklere

Ulemper:

  • Kan være dyrt afhængigt af app og funktioner
  • Tilføjer tredjepartskode til dit websted (kan påvirke hastigheden)

Mulighed 4: Tilpas din Shopify Tema filer

For butikker med udviklingsressourcer eller mere avancerede behov, redigering af din temafiler giver dig fuld kontrol. Du kan oprette brugerdefinerede skabeloner, bruge breadcrumb-navigation og endda strukturere, hvordan sider vises, baseret på tags eller samlinger.

Hvad du kan gøre med tematilpasning:

  • Tilføj brødkrummer for at oprette hierarki
  • Vis relaterede undersider eller samlinger dynamisk
  • Opret forskellige skabeloner til overordnede og underordnede sider
  • Tilføj brugerdefinerede sektioner med Liquid (Shopify's skabelonsprog)

Grundlæggende trin:

  1. Gå til Webshop > Temaer > Handlinger > Rediger kode
  2. Dupliker dit tema først som en sikkerhedskopi
  3. Redigere theme.liquid, page.liquideller opret brugerdefinerede skabeloner
  4. Brug betingede udsagn til at vise indhold baseret på forældre/underordnede relationer
  5. Opdater din navigation og linkstruktur, så de matcher

Denne metode giver fuld kontrol, men bør håndteres forsigtigt – især i levende butikker.

Fordele:

  • Total fleksibilitet
  • Kan spejle enhver struktur, du ønsker
  • Bedre for SEO, hvis det gøres korrekt

Ulemper:

  • Kræver kodningskendskab (HTML, CSS, Liquid)
  • Fejl kan ødelægge dit websted
  • Tager længere tid at implementere

Bedste praksis for undersider og SEO

Selv hvis dine undersider ikke findes i faktiske undermapper, kan du stadig strukturere dem på en måde, der gavner både brugere og søgemaskiner.

SEO bedste praksis:

  • Brug intern linkning: Link altid fra forælder til barn og omvendt.
  • Tilføj brødkrummenavigation: Hjælper brugerne med at navigere og sender hierarkiske signaler til søgemaskiner.
  • Hold URL'er enkle og søgeordsfokuserede: Brug /collections/mens-running-shoes i stedet for noget generisk.
  • Inkluder struktureret datamarkup: Isærligt for produkt- og kollektionssider.
  • Optimer hver side individuelt: Skriv unikke metatitler, beskrivelser og H1-tags for hver underside.
  • Undgå duplikeret indhold: Hvis du bruger lignende skabeloner, skal du sørge for, at indholdet er unikt.

Eksempel på brødkrummer:

  • Hjem > Kollektioner > Herretøj > Løbesko

Breadcrumbs understøttes af mange Shopify temaer eller kan tilføjes manuelt med kode eller apps.

Værktøjer og apps, der hjælper med strukturering af undersider

Du behøver ikke at gøre det hele manuelt. Shopifys app økosystemet giver dig masser af værktøjer til at fremskynde og automatisere dele af processen.

Nyttige apps:

AppHvad det gør
LinkciousSmart intern linkning baseret på adfærd
Smart menu af qikifyAvanceret menustruktur, megamenuer
Shopify SEO ManagerHjælper med at administrere metatitler, tags og mere
Krummer BrødkrummerTilføjer SEO-venlige breadcrumbs
Nemme fanerGiver dig mulighed for at organisere indhold på siderne overskueligt

Almindelige fejl at undgå

Undersider kan være effektive – men kun hvis de gøres korrekt. Disse fejl kan skade SEO eller brugeroplevelsen.

Top faldgruber:

  • Ingen interne links mellem relaterede sider
  • Duplikeret indhold på tværs af undersider
  • Forvirrende navigationsmenuer
  • Ødelagte eller forældreløse sider, der ikke er linket nogen steder
  • Sider med tyndt eller intet indhold

Sørg for, at hver side har et formål, er linket fra andre sider, og har unikt indhold.

Afsluttende tanker

Oprettelse af undersider i Shopify er ikke så ligetil som i WordPress eller andre CMS-platforme, men det er bestemt muligt.

Uanset om du bruger grundlæggende menuer, brugerdefinerede sider, tredjepartsapps eller brugerdefineret kode, har du en række værktøjer til at organisere dine opbevare på en måde der giver mening for brugerne og øger din synlighed i søgninger.

Start med navigation, hvis du lige er begyndt. Efterhånden som din butik vokser, kan du undersøge muligheden for at bruge sidebyggere eller brugerdefineret kodning for at få mere kontrol. Uanset hvilken metode du vælger, skal du have dine kunder og SEO i tankerne, og sørge for, at alt er nemt at finde, linke til og browse.

Bogdan Rancea

Bogdan Rancea er medstifter af Ecommerce-Platforms.com og hovedkurator for ecomm.design, et udstillingsvindue for de bedste e-handelswebsteder. Med over 12 år i det digitale handelsområde har han et væld af viden og et skarpt øje for gode online detailoplevelser. Som en e-handelsteknologisk opdagelsesrejsende tester og anmelder Bogdan forskellige platforme og designværktøjer som f Shopify, Figma og Canva og giver praktiske råd til butiksejere og designere.

Kommentarer 0 Responses

Giv en kommentar

Din e-mail adresse vil ikke blive offentliggjort. Krævede felter er markeret *

Rating *

Dette websted bruger Akismet til at reducere spam. Lær, hvordan dine kommentardata behandles.

Prøv Shopify i 3 måneder med $1/måned!
shopify-first-one-dollar-promo-3-months