Shopify-pagina's met metaobjecten: wat het is en 9 manieren om ze te gebruiken

Met Shopify metaobjecten krijgt elke ontwerper, winkel of recept een eigen pagina vanuit één template. Zo werkt het, 9 voorbeelden en de beperkingen.

In het kort: Met Shopify metaobjecten maak je een eigen soort content, zoals een ontwerper, een winkel of een recept. Shopify kan voor elk item daarvan automatisch een pagina maken. Je ontwerpt één template in de theme editor. Daarna krijgt elk nieuw item een eigen URL (bijvoorbeeld /pages/ontwerpers/jane-doe), zonder extra code. Webshops gebruiken ze voor ontwerperspagina's, winkelpagina's, merkpagina's, ingrediëntpagina's, recepten, ambassadeurs, makersverhalen, FAQ-artikelen en evenementen.

Wat is een metaobjectpagina in Shopify?

Shopify heeft een vaste set contenttypes: producten, collecties, pagina's en blogposts. Een metaobject is een contenttype dat je zelf bedenkt. Bijvoorbeeld "Ontwerper", met een naam, portret, bio en een lijst producten. Of "Winkel", met adres, openingstijden en een foto. In het Engels heten ze metaobjects.

Een metaveld voegt één extra veld toe aan iets wat al bestaat, zoals een wasvoorschrift bij een product. Een metaobject staat op zichzelf. Het heeft eigen velden en je kunt het overal in je webshop gebruiken.

Sinds augustus 2023 kan een item ook een pagina worden (Shopify.dev changelog). Je zet "Vermeldingen als webpagina's publiceren" aan bij de definitie en bouwt één template. Elk item krijgt dan een eigen pagina op /pages/{type}/{item}. Voeg je in de admin een veertigste ontwerper toe, dan staat de veertigste ontwerperspagina live.

Een developer zet de velden en het template één keer op. Daarna vult het team per nieuwe pagina alleen een formulier in. Alle pagina's gebruiken dezelfde layout, dus ze zien er hetzelfde uit zonder dat iemand dat hoeft te controleren.

Zo werkt een metaobjectpagina

Vier onderdelen, in deze volgorde:

1. Definitie. Ga naar Instellingen → Metavelden en metaobjecten, geef het type een naam en voeg velden toe. Zet Toegang tot webshops en Vermeldingen als webpagina's publiceren aan. Kies welke velden de paginatitel en metabeschrijving vullen en stel de URL-handle in. Achter de schermen zet dit twee instellingen aan: renderable voegt SEO-velden toe en zet de items in sitemap.xml, en onlineStore geeft elk item een template en een URL (Shopify.dev).
2. Items. Voeg onder Content → Metaobjecten één item toe per ontwerper, winkel of recept. Een item staat op Concept of Actief.
3. Template. Open in de theme editor de paginakiezer en kies Metaobjecttemplate aanmaken. Shopify slaat het op als templates/metaobject/{type}.json. Het template begint leeg. Je voegt secties toe en koppelt die met dynamische bronnen aan je velden (Shopify Helpcentrum).
4. Overzichtspagina. Die maakt Shopify niet voor je. Je maakt een gewone pagina met een eigen template die alle items laat zien.

Pagina, blogpost of metaobjectpagina?

9 manieren waarop webshops metaobjectpagina's gebruiken

1. Pagina's voor ontwerpers en kunstenaars

Inusual, een Braziliaanse meubelwinkel, draait zijn ontwerperspagina's op metaobjecten via /pages/designer/{naam}. Het overzicht toont 21 ontwerpers in twee groepen: hedendaagse ontwerpers en design-iconen zoals Hans Wegner en Marco Zanuso. Je kunt filteren op categorie, en bij elke ontwerper staat hoeveel stukken de winkel van hem of haar verkoopt. Elke ontwerperspagina toont hun producten. De ontwerpers staan ook met portret in het hoofdmenu.

2. Winkel- en verkooppuntpagina's

Fysieke winkels passen hier goed bij: één pagina per winkel met adres, openingstijden, foto en kaart, op /pages/winkels/{stad}. In een draad op de Shopify Community had een outletwinkel de korte code SFPO als handle in plaats van de volledige winkelnaam. Links die op de naam waren gebouwd, werkten niet. Daarom link je met de URL die Shopify zelf geeft (system.url) en gok je de handle niet. Elke winkelpagina kan ook eigen LocalBusiness-gegevens krijgen. Dat helpt om gevonden te worden op zoekopdrachten als "[merk] Utrecht".

3. Merkpagina's voor webshops met veel merken

Verkoop je veel merken, dan wil je per merk een pagina: logo, verhaal, land van herkomst en de producten van dat merk. Met een metaobject Merk krijgt elk merk dezelfde layout. Een productreferentieveld koppelt elk product aan zijn merk, zodat de merkpagina zichzelf vult.

4. Pagina's over ingrediënten en materialen

Beauty-, food- en supplementmerken maken één keer een type Ingrediënt aan en koppelen dat aan elk product waar het in zit. Met webpagina's aan krijgt "niacinamide" of "merinowol" een eigen URL. Die pagina beantwoordt een vraag waar mensen op zoeken, en linkt direct naar de producten.

5. Recepten

Foodmerken zetten recepten vaak in blogposts. Als metaobject heeft een recept echte velden: bereidingstijd, aantal personen, ingrediënten, bereiding en de gebruikte producten. Zo kun je een overzicht maken waarin mensen filteren op "binnen 30 minuten". Met een blog kan dat niet. Elke productpagina kan bovendien "gebruikt in deze recepten" tonen, uit dezelfde gegevens.

6. Ambassadeurs, atleten en het team

Shopify gebruikt in zijn eigen helpartikel ambassadeurs als voorbeeld: één pagina per ambassadeur met bio, social links en foto's. Dat werkt net zo goed voor atleten, stylisten of het team achter een merk.

7. Verhalen over boeren, makers en herkomst

Kruideniers en ambachtelijke merken geven elke boer, werkplaats of producent een eigen pagina. "Waar komt dit vandaan?" is dan geen zinnetje meer in een productomschrijving, maar een pagina die de klant vanaf het product opent.

8. FAQ- en helpartikelen

In dezelfde draad op de Shopify Community bouwde een webshop zijn FAQ-artikelen als metaobjectpagina's en zocht daarna een manier om ze in een overzicht te tonen. Helpartikelen met een vraag, een antwoord en bijbehorende producten hebben allemaal dezelfde opbouw, dus dat past goed. Check wel eerst hoe de zoekfunctie van je theme ermee omgaat (zie de beperkingen hieronder).

9. Evenementen en workshops

Organiseer je proeverijen, workshops of pop-ups, dan krijgt elk evenement een pagina met datum, locatie, beschrijving en de producten die erbij horen. Omdat de datum een echt veld is, kan het overzicht de eerstvolgende evenementen bovenaan zetten.

Ook voor headless webshops

Metaobjectpagina's werken ook als je website buiten een Shopify-theme draait. Via de Storefront API (de manier waarop een losse front-end gegevens uit Shopify haalt) heeft elk item een onlineStoreUrl en een seo-veld (Shopify.dev). Een Next.js- of Hydrogen-site kan dezelfde items dan op eigen URL's tonen. Voor een Hydrogen-webshop zegt Shopify dat je Inschakelen in onlinewinkel uitzet.

Wil je je ontwerpers, winkels of recepten omzetten naar pagina's? Stuur me wat je nu hebt. Ik vertel je of metaobjectpagina's passen of dat je meer nodig hebt. Neem contact op.

Een overzichtspagina die zichzelf bijwerkt

Het overzicht is het enige onderdeel dat je zelf bouwt. Vaste links gaan stuk zodra iemand een item hernoemt. Een loop niet. Dit is een sectie voor een type designer met de velden name en portrait:

{%- comment -%} sections/designer-index.liquid {%- endcomment -%}
{%- paginate shop.metaobjects.designer.values by 24 -%}
  <ul class="designer-index" role="list">
    {%- for designer in shop.metaobjects.designer.values -%}
      <li>
        <a href="{{ designer.system.url }}">
          {%- if designer.portrait.value -%}
            {{ designer.portrait.value
              | image_url: width: 600
              | image_tag: loading: 'lazy',
                alt: designer.name.value,
                widths: '300, 600' }}
          {%- endif -%}
          <span>{{ designer.name.value }}</span>
        </a>
      </li>
    {%- endfor -%}
  </ul>
  {{- paginate | default_pagination -}}
{%- endpaginate -%}

Wat dit doet:

• system.url geeft de echte URL van elk item, dus een hernoemde handle breekt nooit een link.
• Een loop toont maximaal 50 items als je niet pagineert. Met paginate blijft een lange lijst compleet.
• Afbeeldingen laden pas als ze in beeld komen, in een passend formaat.
• Elke afbeelding krijgt de naam van de ontwerper als alt-tekst, en gewone <a>-links werken met een toetsenbord.

De Shopify Partners-blog legt dezelfde methode uit in How to Create an Index List for Metaobject Pages (Engels).

Op het template van een item vertellen een paar regels gestructureerde data aan zoekmachines en AI-tools over wie de pagina gaat:

<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Person",
    "name": {{ metaobject.name.value | json }},
    "url": {{ request.origin | append: metaobject.system.url | json }}
  }
</script>

Gebruik LocalBusiness voor winkels en Recipe voor recepten. De gegevens staan al in je velden, dus dit voeg je snel toe.

Beperkingen die je vooraf moet weten

• Het deel /pages/ in de URL ligt vast. Je kiest de handle van het type en van het item, niet dat voorvoegsel.
• Het template begint leeg. Het is een JSON-template, dus je hebt een Online Store 2.0-theme nodig.
• Geen automatische overzichtspagina. Die bouw je zelf, en vanaf 50 items moet je pagineren.
• De zoekfunctie van je theme slaat ze misschien over. Volgens een melding op het developerforum van Shopify verschijnen metaobjectpagina's niet in de gewone of voorspellende zoekfunctie van de webshop, terwijl ze wel in de sitemap staan. Test het op je eigen theme voordat je helpartikelen overzet.
• Items op Concept krijgen geen pagina. Check voor de lancering of elk item op Actief staat.
• Stel de SEO-velden in. Kies per definitie welke velden de paginatitel en metabeschrijving vullen.
• Vertaal elk item. Een Nederlandse webshop die ook in België en Duitsland verkoopt, heeft van elk item een Nederlandse, Franse en Duitse versie nodig, niet alleen van het template.
• Verhuis je een blog? Zet 301-redirects van de oude artikel-URL's naar de nieuwe pagina's.
• Het aantal items is geen probleem. Sinds oktober 2025 kan een definitie tot 1.000.000 items bevatten (Shopify.dev changelog).

Shopify bouwt er nog steeds aan. In de changelog staan nu ook metaobjecten aanmaken en bewerken in de theme editor, en metaobjectvelden gebruiken in Analytics-rapporten.

Metaobjectpagina's of een headless CMS?

Ze lossen verschillende problemen op. Metaobjectpagina's werken goed als elke pagina dezelfde opbouw heeft (een ontwerper is altijd een naam, een portret, een bio en producten) en je webshop op een Shopify-theme draait.

Ze zijn niet genoeg als marketing campagnepagina's wil bouwen met vrije blokken, als content per land verschilt, of als dezelfde content ook buiten Shopify moet verschijnen. Dan voeg ik een CMS toe. Bij The Laundry Story regelt DatoCMS de content en Shopify de producten, voorraad en checkout. Bij Orangefit, dat ik met mijn collega's bij Superhero Cheesecake bouwde, publiceert het contentteam zelf pagina's in meerdere talen op een headless Shopify-webshop.

Ik vergelijk de opties in Beste headless CMS voor Shopify: DatoCMS, Sanity, of zijn metaobjects genoeg?, en de grotere keuze in Headless of native Shopify: wat heeft jouw merk echt nodig?.

Veelgestelde vragen

Begin met één contenttype

Kies de content die je team nu met de hand kopieert: winkels, ontwerpers, recepten of ingrediënten. Maak er één metaobjecttype van met een template en een overzichtspagina, en kijk hoeveel sneller de volgende tien pagina's gaan.

Hulp nodig bij het kiezen van de juiste velden en templates die je team zelf kan beheren? Ik bouw Shopify-webshops, native en headless. Vertel me over je webshop of bekijk mijn e-commerce diensten.

Bronnen

• Shopify Helpcentrum: Webpagina's bouwen met metaobjecten
• Shopify.dev changelog: Renderable and Online Store capabilities for metaobjects (14 Aug 2023)
• Shopify Partners blog: How to Create an Index List for Metaobject Pages
• Shopify.dev: Metaobject theme templates
• Shopify.dev: Use metaobject capabilities
• Shopify.dev: Metaobject limits
• Shopify.dev: Storefront API Metaobject object
• Shopify.dev changelog: Increased limits in metafield and metaobject definitions (24 Oct 2025)
• Shopify.dev changelog: Metaobject pages now available in storefront menus
• Shopify changelog (create and edit resources in the theme editor; metaobject fields in Analytics reports)
• Inusual designers index
• Shopify Community: accessing the URL handle of metaobject web pages
• Shopify Developer Community: metaobject pages not showing in search
• JadePuma podcast ep. 184: Metaobject Pages