Hva er et headless CMS?
Et headless CMS er et publiseringssystem uten fast frontend, altså uten et «hode». Innholdet lagres og redigeres i CMS-et og leveres via et API til en egen frontend som utviklerne bygger, for eksempel en nettside, en app eller en skjerm i butikk. Eksempler er Storyblok, Sanity og Contentful.
I et tradisjonelt CMS henger innhold og visning sammen i samme system. Headless skiller dem, slik at samme innhold kan brukes i mange kanaler.
Slik fungerer headless
Redaktøren lager innhold i strukturerte felt og komponenter i CMS-et.
Frontend, ofte bygget med rammeverk som Nuxt eller Next.js, henter innholdet via API.
Sidene genereres på serveren eller på forhånd og leveres raskt via et CDN.
Det samme innholdet kan sendes videre til apper, nyhetsbrev eller andre flater.
Fordeler og ulemper
Fordelene er først og fremst fart, fleksibilitet og sikkerhet. En godt bygget headless-løsning laster raskt og gir gode resultater på Core Web Vitals, noe som bidrar til både SEO og en bedre UX. Designet kan utvikles fritt, og angrepsflaten er mindre fordi frontend og CMS er adskilt.
Ulempene er at du er avhengig av utviklere for nye maler og funksjoner, og at mye av det et tradisjonelt CMS gir ferdig, som sitemap, redirects og SEO-felt, må bygges bevisst. Dersom frontend bare rendres i nettleseren med JavaScript, kan søkemotorer og AI-crawlere få problemer med å lese innholdet. Prosjektene krever også mer planlegging og kan bli dyrere å starte enn en ferdig løsning.
Slik lykkes du med headless og SEO
Bruk server-side rendering eller statisk generering, slik at innholdet ligger i HTML-en.
Bygg inn felt for sidetittel, metabeskrivelse, canonical og noindex fra start.
Sørg for automatisk XML-sitemap, støtte for redirects og strukturerte data.
Test hvordan sidene ser ut for Googlebot før lansering.
Gi redaktørene ferdige komponenter, slik at de kan bygge nye sider uten å vente på utviklere.
Et headless-prosjekt bør også ha en plan for redaktørene. Strukturerte felt gir ryddig innhold, men bare hvis modellen er gjennomtenkt. Bruk tid på å definere hvilke sidetyper og blokker dere trenger, før utviklingen starter.
Headless passer best for virksomheter med mye innhold, flere kanaler eller høye krav til ytelse. Les mer om hvordan vi bygger slike løsninger under X Machina.
Relaterte begreper
CMS: publiseringssystemer generelt, der headless er én arkitektur.
Core Web Vitals: ytelsesmål der headless-løsninger ofte gjør det godt.
SEO: krever at headless-løsningen bygges med riktig rendering og SEO-felt.
UX: rask og fleksibel frontend gir bedre brukeropplevelse.
Se alle begrepene i ordboken.