Headless CMS

Headless CMS är ett begrepp som blivit allt vanligare. Det är ett CMS som fokuserar på innehållet och är skilt från presentation, design och funktioner. Här ska vi kika närmare på hur ett headless CMS fungerar och vilka för- och nackdelar det har i jämförelse med ett klassiskt CMS.

Skillnaden mellan klassiskt CMS och Headless CMS

För att förstå vad headless CMS är behöver man förstå skillnaden mellan detta och ett klassiskt CMS. De tre bokstäverna CMS står för Content Management System, och kan närmast översättas till publiceringsverktyg på svenska. CMS är helt enkelt ett namn för system som hanterar och publicerar olika former av information.

I ett traditionellt CMS skapas och lagras innehållet, dvs. bilder och filer i backend (admin-delen). Det är även i backend som sajtens struktur och grafiska anpassningar skapas. Publiceringsverktyget är tätt sammanbundet med frontend, där innehållet presenteras för besökare. Frontend (det som besökaren ser) och backend (admin-delen) är sammanknutna och har samma kodbas. 

Den som sköter admin-delen arbetar i samma system som besökaren besöker. Olika exempel på detta är t ex WordPress, Drupal och Episerver.

Vad är Headless CMS?

Headless CMS sköter enbart innehållshantering. Analogin med ett huvudlöst CMS bygger på att man tänker att det system som används för att publicera innehåll online illustreras av en person. I analogin är ben och fötter den del där admin skapar olika sidor och laddar upp bilder. Kroppen är den plats där data lagras. Huvudet är själva webbplatsen där innehållet kommuniceras till besökaren.

När huvudet “huggs av” frikopplas innehåll från teknik. Det “huvudlösa” CMS:et tar hand om innehållshanteringen genom att hämta innehåll via ett API. Ett API är ett protokoll som överför data från ett ställe till ett annat på ett strukturerat sätt.  

Något som många uppskattar med en headless-arkitektur är att innehållet kan användas nästan var som helst. Headless CMS ger stor flexibilitet för hur och var man vill använda innehåll.

Fördelar med Headless CMS

Det finns flera fördelar med Headless CMS. Den allra största fördelen är att prestanda och optimering ökas. En sajt förbereds för besökaren så fort innehållet ändras. Till skillnad från en klassisk CMS som istället bygger upp sajten när besökaren navigerar till denna.  

I korthet kan  användandet av Headless CMS WordPress ge en webbsida som är:

  • Snabb
  • Responsiv
  • SEO / Sökoptimerad

Innehållet blir mer lättarbetat för en redaktör. Att strukturera innehåll och förändra design på en webbplats blir enklare då det inte krävs några förändringar i CMS-verktyget. Innehållet är inte heller låst, vilket ger ett fritt val när det kommer till presentation.

Nackdelar med Headless CMS

Allt är dock inte endast positivt med att arbeta med en headless lösning. Vissa molntjänster är relativt unga och har inte alla de funktioner som en redaktör efterfrågar. En annan nackdel är att t ex WordPress är skapat för att ta hand om hela webbplatsen, och anpassningen till headless bör göras av en expert. 

Trots nackdelarna ger en headless-arkitektur, och det plattformsoberoende som det innebär, fantastiska förutsättningar för alla som jobbar med innehåll, utveckling och UX. 

WordPress headless – går det?

WordPress är världens ledande CMS och det är fullt möjligt att göra WordPress “huvudlöst”. I praktiken innebär detta att man inte använder de mallar och teman som finns i WordPress för att presentera webbplatsens content. Man hämtar istället innehållet från WordPress API och presenterar content på en webbplats som är separat från WordPress. 

Resultatet kan bli en webbplats med hög prestanda, som är lätt att anpassa (t ex för SEO / sökordsoptimering) och som gillas av Google.  

Headless CMS inom e-handeln

Ett område där Headless CMS ger en mängd olika fördelar är inom e-handeln. Headless e-commerce separerar det digitala försäljningsgränssnittet från de underliggande systemen och verktygen som driver verksamheten. Fördelen är bland annat att ett varumärke som känner sig begränsat av färdiga gränssnitt kan erbjuda sina kunder en mycket mer personlig upplevelse.

Med en huvudlös arkitektur kan ny teknik omvandlas till digitala gränssnitt som erbjuder olika försäljningsfunktioner, t ex via sociala nätverk eller mobilappar. 


Vill du veta mer om headless CMS och huruvida det är en lösning för din verksamhet? Teamet hos din webbyrå i Göteborg har lång erfarenhet av att ta fram webbsidor som skräddarsys efter kundens behov. Vi ser fram emot att besvara dina frågor!