Headless CMS

Ett headless CMS är ett innehållshanteringssystem som separerar innehållshanteringen i backend från frontend och presentationslagret.

Vad är ett headless CMS?

Ett headless CMS är ett innehållshanteringssystem som separerar innehållshanteringen i backend från frontend och presentationslagret.

Frontend, eller presentationslagret, är allt en användare ser och interagerar med, traditionellt på en webbplats, men idag på alla enheter med internetanslutning. Detta lager inkluderar aspekter av en webbplats som bilder, text, layouter osv. Tre vanliga frontend-utvecklingsspråk är HTML, CSS och JavaScript.

Backend är utvecklarens sida av webbplatsen där server-, applikations- och databasinformation hanteras. Därför kontrolleras aspekter av en webbplats som regler, integreringar och hur sidor är kopplade här. Vanliga backend-utvecklingsspråk inkluderar .NET, SQL och Java.

I en headless-arkitektur kapas alltså huvudet, eller frontenden av systemet, av från kroppen, eller backend av systemet.

Genom att utnyttja ett headless innehållshanteringssystem kan du driva olika kundvända digitala upplevelser, inklusive nativa mobilappar, smarta enheter eller befintliga webbapplikationer som inte är byggda direkt i plattformen själv.

Skillnaden mellan headless och traditionella innehållshanteringssystem

Till skillnad från ett traditionellt CMS är front- och backend i ett headless CMS två helt separata system.

Vad är ett traditionellt CMS?

Ett traditionellt CMS är också känt som ett "kopplat" eller "monolitiskt" CMS. Populära CMS-plattformar som använder en kopplad arkitektur inkluderar WordPress och Acquia.

I ett traditionellt CMS är huvud (frontend) och kropp (backend) sammanfogade och hanterar tillsammans både innehållet och presentationen av innehållet. Traditionella CMS:er levereras ofta med en "What You See Is What You Get" (WYSIWYG) innehållsredigerare. För tydlighetens skull använder vi termen "kopplat" nedan när vi hänvisar till traditionella CMS:er.

Kopplat CMS vs. frikopplat CMS vs. headless CMS

Kopplat, frikopplat och headless är former av leveransarkitekturer för innehållshantering. En leveransarkitektur är förhållandet mellan var ditt innehåll hanteras och var det levereras.

Den vanligaste leveransarkitekturen är en kopplad arkitektur där frontend och backend är bundna samman. I en kopplad arkitektur skapas, hanteras, lagras och levereras innehåll i samma system.

Ett CMS som Optimizely CMS kan användas som kopplad eller som en hybrid-CMS-lösning. Många CMS-leverantörer erbjuder bara en av dessa inställningar, och det är god praxis att väga alla för- och nackdelar.

Ett frikopplat CMS separerar frontend och backend. Innehållet hanteras separat från leveransen. Det förbereds i backend och levereras och presenteras sedan i frontend via API:er. Ett frikopplat CMS gör det möjligt för innehållschefer, redaktörer och designers att arbeta med frontend, medan utvecklare arbetar med backend.

Slutligen är en headless-arkitektur en innehållsspecifik datakälla utan presentationslager. I praktiken är headless egentligen bara en annan form av frikopplad arkitektur, men istället för att CMS:et pushar artefakter till frontend, pullar frontend innehåll från CMS:et. 

Det är viktigt att notera att inte alla headless CMS-lösningar är lika. Vissa av dem är rent headless medan andra är en blandning av headless och traditionell arkitektur. Ett rent headless-system gör aldrig någon mallning och serverar bara rådata till ett annat system. Ett hybridt headless-system kan däremot fungera i en traditionell kopplad arkitektur, men har också verktyg för att servera innehåll headless.

Kopplat CMS vs. frikopplat CMS vs. headless CMS – en snabb översikt  

Här är en snabb genomgång av hur kopplade, frikopplade och headless CMS:er skiljer sig åt:  

Kopplat CMS Frikopplat CMS Headless CMS
Front- och backend är bundna samman. Front- och backend är separerade. Innehållsspecifik datakälla utan presentationslager.
Innehåll skapas, hanteras, lagras och levereras i samma system. Innehåll hanteras separat från leveransen, vilket gör det möjligt för redaktörer att arbeta med frontend och utvecklare med backend. Istället för att CMS:et pushar artefakter till frontend, pullar frontend innehåll från CMS:et.
Enkel kanal. Omnikanal. Omnikanal.

Hur headless-arkitektur fungerar

En headless-lösning är ett backend-only CMS byggt med ett repository som kan nås, exempelvis, via ett RESTful API för visning i flera kanaler. Ett API är en uppsättning regler som gör det möjligt för program att kommunicera med varandra. RESTful eller REST (Representational State Transfer) är en uppsättning regler som utvecklare följer när de skapar API:et. API:er gör det möjligt att hämta innehåll till presentationslagret och ta emot kommandon från användare i headless-applikationen.

Ett headless CMS har en databas för att läsa och skriva innehåll till, och ett administrationsgränssnitt där användare hanterar innehåll. En headless-lösning tillåter bara skapande, läsning, uppdatering och radering av innehåll. 

I en headless-arkitektur kan utvecklare använda vilket frontend-verktyg som helst för att presentera, återanvända och leverera innehåll till vilken kanal som helst. Separationen av frontend och backend gör det lättare att uppdatera de underliggande systemen oberoende av varandra, bland andra fördelar som vi kommer att ta upp i ett senare avsnitt.

Hur headless innehållshanteringssystem uppstod

Innehållshantering uppstod med skapandet av statiska webbplatser på 1990-talet, under Web 1.0. Dessa webbplatser var enkla HTML-textfiler. Innehållshantering har utvecklats från Perl-skript och platta filer till robusta CMS-erbjudanden och till och med sofistikerade DXP:er.

Utvecklingen av headless CMS drevs av den mobila revolutionen, uppgången av omnikanalpublicering och JavaScripts livskraft.

När mobil teknik och enheter som smartklockor och röststyrda assistenter steg fram behövde användarna flexibiliteten att skicka innehåll dit de behövde eller ville, vilket skapade en utmaning för traditionella innehållshanteringssystem.

Dessutom, när jQuery introducerades 2007, blev JavaScript en rik programmeringsmiljö och idén om att faktiskt mallninga en webbplats i en webbläsare uppstod. Utvecklare kunde hämta ren data från servern och mallninga den i klientens webbplats.

Tekniken utvecklas ständigt och formar CMS-landskapet. Eftersom ett headless CMS gör det möjligt att integrera med andra tekniker och applikationer allt eftersom de dyker upp är det en mycket vanlig leveransarkitektur som erbjuds idag. 

Är ett headless CMS rätt för mig?

Idag driver utvecklare ofta på för headless eftersom de tror att de får mer flexibilitet från en headless-lösning och förstår konsekvenserna av API:er, CDN:er och SDK:er. Men är en headless-lösning verkligen rätt för dig?

I slutändan behöver marknadsförare och teknikproffs avgöra om en headless-lösning kommer att hjälpa deras organisation att stänga luckorna i kundupplevelsen snabbare, billigare och bättre än befintliga alternativ. 

Precis som alla beslut inom teknik har headless-arkitekturer fördelar och nackdelar. I slutändan måste du bestämma vad som är rätt för din verksamhet.

Tänk på att det finns krav utöver headless som du vill överväga när du väljer ett CMS och olika personas som innehållsredaktörer, webbplatsadministratörer, utvecklare och marknadsförare som du vill aktivera med ditt CMS. Att köpa innehållsteknik kan vara en förvirrande process.

Fördelar vs. nackdelar med ett headless CMS

Ett headless CMS kan integrera med annan teknik, hjälpa dig att nå kunder på nya kontaktpunkter och svara på förändrade kundförväntningar. Vi skrev om några av fördelarna med headless-teknik här, men här är en snabb sammanfattning:

  • Integrera med annan teknik

    Du driver troligtvis dussintals tekniker för att driva olika faser i kundresan. Istället för att spendera hundratusentals kronor på att byta ut dessa äldre system implementerar många företag ett headless CMS som integreras med nuvarande och framtida teknik. En stark headless-innehållsinfrastruktur kommer att ena ditt innehåll och eliminera silos.
  • Nå kunder på nya kontaktpunkter

    Eftersom smartklockor och andra smarta hemenheter expanderar i adoption och mognad behöver organisationer ett CMS som kan leverera innehåll till dessa kanaler. Ett headless CMS kan integrera med det underliggande ramverket som används av smarta enheter för att leverera de upplevelser slutanvändaren förväntar sig. 
  • Svara på förändrade kundförväntningar

    I ett headless CMS skapar tvärfunktionell frontend-kod kontinuitet i användarupplevelsen och gör teoretiskt sett organisationer snabbare i att leverera på sitt uppdrag, samtidigt som det gör dem mer lyhörda för förändrade kundförväntningar.  

Team som överväger att migrera till en ren headless-lösning upptäcker ofta att även om rena headless-lösningar hjälper till att lösa vissa problem, introducerar de också nya utmaningar. Om du överväger att gå med en headless-lösning behöver du förstå kompromisserna och fördelarna med detta val.

  • Inte alltid enklare att hantera

    Det kan inledningsvis verka tilltalande och enkelt att översätta ditt innehåll till rådata som konsumeras av vilken plattform som helst. Headless löser dock inte alltid komplexitet, ofta bara flyttar det den. Företag finner ofta att de behöver mer funktionalitet än vad som är inbyggt i CMS:et, så de måste anpassa.  
  • Inte alltid snabbare eller billigare

    Väg time-to-value och den totala ägandekostnaden för alla system du överväger. Att anta ett rent headless CMS kräver att ditt ingenjörsteam tar på sig mer ansvar för att bygga ut olika modeller och mallar. Även om detta tillvägagångssätt ger kontroll och anpassning kan det ta tid att få ett headless-system upp och igång medan ingenjörsteamet samlar krav, designar modeller och moduler och bygger dem.
  • Har inte alltid allt du behöver inbyggt

    Rena headless-system saknar ofta funktioner som arbetsflöden eller till och med dra-och-släpp-redigering. Implementeringar misslyckas eftersom de inte har de inbyggda funktionerna. Team måste ofta bygga den funktionalitet som medföljer ett traditionellt CMS eller hybridt headless CMS. Innehållsskapare kan behöva vänta på ingenjörsstöd om de har mer anpassade krav för en ny landningssida som inte stöds av tidigare skapade moduler eller mallar.
  • Inte alltid funktionellt för marknadsförare eller affärsanvändare

    Eftersom headless tar bort presentationslagret som levereras med applikationen stöder de flesta headless-plattformar inte ledande inbyggda affärsanvändarverktyg som kontextredigering eller förhandsgranskning av innehåll innan publicering.

Optimizely CMS är headless, hybrid och kopplat – allt i ett

Optimizely innehållshanteringssystem (CMS) har traditionellt sett varit känt som ett kopplat CMS. Distinktionen mellan detta och ett headless eller frikopplat CMS är dock mycket tunnare än marknaden vill låta dig tro. Optimizely har alltid kunnat erbjuda en hybrid headless-lösning.

Eftersom vårt CMS hanterar innehåll, och inte webbsidor, är dess innehållsrepository abstraherat från innehållsleveransen. Vårt CMS har en kontinuerlig releasestrategi och en API-first-arkitektur som har hållit jämna steg med utvecklarbehov, utan att vi behövt ta till fullständiga omskrivningar och nya produkter för att stödja dagens mångfaldiga publik.  

Headless CMS positioneras ofta som motsatsen till ett traditionellt webb-CMS. Vårt CMS avvisar denna idé. Faktum är att headless är ett tillägg till vad Optimizely-plattformen normalt gör. En disciplin är helt enkelt en utvidgning av den andra. Och här är varför detta är viktigt: för det finns en naturlig överlappning mellan de två disciplinerna. Optimizely behövde inte bygga ett nytt CMS från grunden – kärn-webb-CMS-produkten är en naturlig, flexibel bas för ett alternativt leveransparadigm. 

För att se ett exempel på Optimizelys headless-lösning i praktiken, kolla in The Student Hotels berättelse om digital transformation. Genom att utnyttja ett headless-ramverk har The Student Hotel levererat en blixtsnabb och effektiv webbplats.

Optimizely CMS är headless när du behöver det, och ett fullt utrustat kopplat CMS när du inte gör det.