Hoe u subpagina's maakt in Shopify: Een complete stapsgewijze handleiding

Als u zich abonneert op een dienst via een link op deze pagina, kan Reeves and Sons Limited een commissie verdienen. Zie onze ethische uitspraak.

Hier is het korte antwoord: Shopify ondersteunt geen traditionele ouder-kind paginahiรซrarchieรซn uit de doos, maar u kunt nog steeds subpagina's maken met behulp van Shopify's navigatiemenu's, aangepaste pagina'sof pagina-builder-apps.

Deze methoden helpen je om je content visueel en structureel te ordenen, ook al blijven de URL's plat. Voor volledige controle kun je ook je themacode aanpassen.

Of u nu een groot gebouw bouwt ecommerce Of je nu net begint met je website of je website op de juiste manier structureert, het helpt je klanten om gemakkelijk te navigeren en verbetert je SEO. Deze gids legt alles uit en geeft je alles wat je moet weten om te beginnen met het maken van subpagina's. Shopify.

Waarom subpagina's belangrijk zijn voor uw website Shopify Shop

Subpagina's (ook wel onderliggende pagina's of geneste pagina's genoemd) zijn pagina's die onder een bovenliggende pagina in de navigatie of structuur van uw site staan.

U kunt bijvoorbeeld een hoofdpagina hebben met de naam 'Collecties' en subpagina's zoals 'Herenkleding', 'Dameskleding' of 'Uitverkoopartikelen'.

Hoewel Shopify ondersteunt geen subpagina-URL's zoals /collections/mens, kunt u nog steeds een logische hiรซrarchie creรซren met behulp van Shopifynavigatie-instellingen, aangepaste pagina's, apps en een beetje creativiteit.

Voordelen van subpagina's:

  • Verbeterde gebruikerservaring: Maakt het voor klanten gemakkelijker om te vinden wat ze zoeken.
  • Betere sitestructuur: Helpt u uw content logisch te organiseren, vooral als u een grote productcatalogus hebt.
  • Sterkere SEO-signalen: Een goed georganiseerde interne linkstructuur verbetert de crawlbaarheid en het rankingpotentieel.
  • Meer tijd op de site: Als mensen gemakkelijk kunnen navigeren, blijven ze langer op de website en bekijken ze meer pagina's.

Hier leest u hoe u subpagina's bouwt in Shopify stap voor stap.

Optie 1: Gebruik Shopify Navigatie naar structuur-subpagina's

De eenvoudigste manier om het uiterlijk van subpagina's te creรซren is door gebruik te maken van Shopify's Menu's en navigatie functie. Deze methode verandert uw URL's niet, maar organiseert uw winkel visueel voor gebruikers.

Subpagina's maken met navigatie:

  1. Ga naar je Shopify beheerder Paneel
  2. Klik op Online winkel > Navigatie
  3. Kies uw Hoofdmenu
  4. Klik โ€œMenu-item toevoegenโ€ om een bovenliggend item te maken (bijv. "Winkel")
  5. Voeg andere menu-items (bijvoorbeeld 'Heren', 'Dames', 'Uitverkoop') toe als subitems
  6. Gebruik drag-and-drop om ze onder het bovenliggende item te nestelen

Deze menustructuur verschijnt in de header van uw site of waar uw thema deze weergeeft.

Visueel voorbeeld van menustructuur:

Menu-itemSubpagina's
ShopHeren
vrouwen
Sale

Hoewel de URL's er nog steeds zo uit zullen zien /collections/mens, dit creรซert een visuele hiรซrarchie die subpagina's nabootst.

Voors:

  • Snel en eenvoudig
  • Geen codering vereist
  • Werkt met de meeste Shopify thema's

nadelen:

  • URL's blijven plat (niet genest)
  • Beperkt SEO-voordeel van URL-structuur

Deze methode is het meest geschikt voor kleine tot middelgrote winkels of winkels die eenvoud zonder apps of code willen.

Optie 2: Handmatige subpagina's maken met aangepaste URL's

Als je meer controle over je pagina's en een betere SEO-structuur wilt, kun je individuele pagina's of verzamelingen aanmaken en deze logisch koppelen onder een 'hub' of bovenliggende pagina. Dit geeft je meer controle over SEO-elementen en paginacontent.

Stappen:

  1. Ga naar Online winkel > Pagina's
  2. Maak een pagina (bijvoorbeeld โ€œAlles winkelenโ€ of โ€œCollectiesโ€)
  3. Maak meer pagina's of collecties voor elke categorie (bijvoorbeeld 'Herenkleding' of 'Dameskleding')
  4. Gebruik interne links om de bovenliggende pagina te koppelen aan de onderliggende pagina's
  5. Optioneel kunt u broodkruimels en een goed gestructureerde interne linkstrategie gebruiken om gebruikers en zoekmachines te begeleiden

Voorbeeld URL-structuur:

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

Ook al zijn deze pagina's technisch gezien plat in Shopify's backend, ze verschijnen als een geneste structuur wanneer gebruikers navigeer door uw winkel.

Tabel: Toewijzing van ouder-kindpagina's

Bovenliggende paginaSubpagina's/collecties
/collecties/collecties/herenkleding
/collecties/dameskleding
/collecties/uitverkoop

Voors:

  • Betere SEO-controle (titeltags, URL's, metadata)
  • Zorgt voor rijkere inhoud op elke pagina
  • Ideaal voor het maken van landingspagina's of SEO-silo's

nadelen:

  • Vereist meer handmatige installatie
  • Heeft een consistente interne linkstrategie nodig

Optie 3: Gebruik een pagina-opbouwapp

als u volledige ontwerpflexibiliteit nodig hebben of aangepaste landingspagina's bouwen, Met een pagina-builder-app is de beste keuze. Met deze apps kun je prachtig ontworpen pagina's maken die subpaginastructuren kunnen nabootsen met visuele lay-outtools.

Top Shopify Pagina-opbouw-apps:

appPrijs (vanaf)BELANGRIJKSTE KENMERKEN
PageFlyGratis โ€“ $ 24/maandDrag-and-drop-editor, responsive om mooie tassen te ontwerpen
Sjogoen$ 39 / maandA / B-testen, geavanceerde pagina-elementen
GemPagina's$ 29 / maandSjablonen, SEO-tools, mobielvriendelijk

Met deze hulpmiddelen kunt u aangepaste pagina's maken met lay-outs die gebruikers van de ene sectie naar de andere leiden, zonder dat u de code hoeft aan te passen.

Subpagina's maken met een paginabuilder:

  1. Installeer een pagina-builder-app
  2. Maak uw belangrijkste bovenliggende pagina (bijvoorbeeld 'Winkelen per categorie')
  3. Maak subpagina's met behulp van de sjablonen van de app (bijvoorbeeld 'Accessoires', 'Schoenen', 'Nieuwe artikelen')
  4. Koppel subpagina's binnen de bovenliggende pagina met behulp van knoppen, afbeeldingen of interne links
  5. Voeg deze pagina's toe aan uw navigatie voor naadloze gebruikerstoegang

Voors:

  • Volledig aanpasbaar ontwerp
  • Mobielvriendelijke lay-outs
  • Snelle visuele wijzigingen zonder hulp van de ontwikkelaar

nadelen:

  • Kan duur zijn, afhankelijk van de app en de functies
  • Voegt code van derden toe aan uw site (kan de snelheid beรฏnvloeden)

Optie 4: Pas uw Shopify Themabestanden

Voor winkels met ontwikkelingsbronnen of meer geavanceerde behoeften, kunt u uw themabestanden Geeft je volledige controle. Je kunt aangepaste sjablonen maken, broodkruimelnavigatie instellen en zelfs de weergave van pagina's structureren op basis van tags of collecties.

Wat u kunt doen met thema-aanpassing:

  • Voeg broodkruimels toe om hiรซrarchie te creรซren
  • Gerelateerde subpagina's of collecties dynamisch weergeven
  • Maak verschillende sjablonen voor bovenliggende en onderliggende pagina's
  • Voeg aangepaste secties toe met Liquid (Shopify(de sjabloontaal van 's)

Basisstappen:

  1. Ga naar Online winkel > Thema's > Acties > Code bewerken
  2. Dupliceer eerst uw thema als back-up
  3. Edit theme.liquid, page.liquid, of maak aangepaste sjablonen
  4. Gebruik voorwaardelijke statements om inhoud weer te geven op basis van ouder/kindrelaties
  5. Werk uw navigatie en linkstructuur bij zodat deze overeenkomen

Deze methode biedt volledige controle, maar moet met de nodige voorzichtigheid worden toegepast, vooral in live-winkels.

Voors:

  • Totale flexibiliteit
  • Kan elke gewenste structuur spiegelen
  • Beter voor SEO als het goed wordt gedaan

nadelen:

  • Vereist programmeerkennis (HTML, CSS, Liquid)
  • Fouten kunnen uw site kapotmaken
  • Het duurt langer om te implementeren

Best practices voor subpagina's en SEO

Zelfs als uw subpagina's niet in daadwerkelijke submappen staan, kunt u ze toch op een manier structureren die zowel gebruikers als zoekmachines ten goede komt.

Beste SEO-praktijken:

  • Gebruik interne links: Maak altijd een koppeling van ouder naar kind en vice versa.
  • Voeg broodkruimelnavigatie toe: Helpt gebruikers navigeren en stuurt hiรซrarchiesignalen naar zoekmachines.
  • Houd URL's eenvoudig en gericht op trefwoorden: Gebruik /collections/mens-running-shoes in plaats van iets generieks.
  • Gestructureerde gegevensmarkering toevoegen: Speciaal voor product- en collectiepagina's.
  • Optimaliseer elke pagina afzonderlijk: Schrijf unieke metatitels, beschrijvingen en H1-tags voor elke subpagina.
  • Vermijd dubbele inhoud: Als u vergelijkbare sjablonen gebruikt, zorg er dan voor dat de inhoud uniek is.

Voorbeeld broodkruimels:

  • Home > Collecties > Herenkleding > Hardloopschoenen

Breadcrumbs worden door veel ondersteund Shopify thema's of kunnen handmatig worden toegevoegd met code of apps.

Hulpmiddelen en apps die helpen met de structuur van subpagina's

U hoeft het niet allemaal handmatig te doen. Shopify's app ecosysteem biedt u tal van hulpmiddelen om delen van het proces te versnellen en te automatiseren.

Handige apps:

appWat het doet
LinkciousSlimme interne koppeling op basis van gedrag
Slim menu van qikifyGeavanceerde menustructuur, megamenu's
Shopify SEO ManagerHelpt bij het beheren van metatitels, tags en meer
Kruimels BroodkruimelsVoegt SEO-vriendelijke broodkruimels toe
Eenvoudige tabbladenHiermee kunt u inhoud op pagina's overzichtelijk organiseren

Veel voorkomende fouten te vermijden

Subpagina's kunnen krachtig zijn, maar alleen als ze correct worden uitgevoerd. Deze fouten kunnen de SEO of gebruikerservaring schaden.

Grootste valkuilen:

  • Geen interne links tussen gerelateerde pagina's
  • Dubbele inhoud op subpagina's
  • Verwarrende navigatiemenu's
  • Kapotte of verweesde pagina's die nergens naartoe zijn gelinkt
  • Pagina's met weinig of geen inhoud

Zorg ervoor dat elke pagina een doel heeft, dat er links zijn vanaf andere pagina's en dat de inhoud uniek is.

Conclusie

Subpagina's maken in Shopify is niet zo eenvoudig als bij WordPress of andere CMS-platformen, maar het is zeker te doen.

Of u nu basismenu's, aangepaste pagina's, apps van derden of aangepaste code gebruikt, u beschikt over een reeks hulpmiddelen om uw op een bepaalde manier opslaan die logisch is voor gebruikers en uw zichtbaarheid in zoekopdrachten vergroot.

Begin met navigatie als je net begint. Naarmate je winkel groeit, kun je overwegen om paginabuilders of aangepaste code te gebruiken om meer controle te krijgen. Welke methode je ook kiest, houd rekening met je klanten en SEO en zorg ervoor dat alles gemakkelijk te vinden, te linken en te bekijken is.

Bogdan Rancea

Bogdan Rancea is de medeoprichter van Ecommerce-Platforms.com en hoofdconservator van ecomm.design, een showcase van de beste e-commercewebsites. Met meer dan 12 jaar ervaring in de digitale commercesector beschikt hij over een schat aan kennis en een scherp oog voor geweldige online retailervaringen. Als e-commercetech-explorer test en beoordeelt Bogdan diverse platforms en ontwerptools, zoals Shopify, Figma en Canva en biedt praktisch advies voor winkeleigenaren en ontwerpers.

Heb je vragen? Stel ze hier. 0 Reacties

Laat een reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd *

Rating *

Deze site gebruikt Akismet om spam te verminderen. Ontdek hoe uw reactiegegevens worden verwerkt.

Probeer Shopify voor 3 maanden met $1/maand!
shopify-eerste-een-dollar-promotie-3-maanden