Was ist ein Headless CMS?
Ein Headless CMS trennt Inhalte von der Darstellung und liefert sie per API aus. Wie es funktioniert, wann es sich lohnt und wann WordPress reicht.
Oleksandr Grygoriev · Aktualisiert:
- Anforderungen
- Prototyp
- EntwicklungHeadless CMS
- Auslieferung
- Betrieb
Inhaltsverzeichnis
Ein Headless CMS ist ein Content-Management-System ohne eigene Darstellungsschicht: Es speichert und verwaltet Inhalte, liefert sie aber nur als Daten über eine Schnittstelle aus. Wie diese Inhalte auf einer Website, in einer App oder auf einem Bildschirm im Laden aussehen, entscheidet ein separates Frontend.
Der Name ist ein Bild: Beim klassischen CMS gehören „Körper“ (Datenbank und Redaktionsoberfläche) und „Kopf“ (die fertige Website) zusammen. Beim Headless CMS fehlt der Kopf — oder genauer: Es können beliebig viele Köpfe angeschlossen werden. CMS bedeutet übrigens schlicht Content-Management-System, also ein Programm, in dem Redakteure Texte, Bilder und Seiten pflegen, ohne Code anzufassen.
Wie ein Headless CMS funktioniert
Die Redaktion arbeitet wie gewohnt in einer Oberfläche: Beitrag anlegen, Bild hochladen, Veröffentlichen klicken. Der Unterschied liegt dahinter. Das System legt Inhalte nicht als fertige HTML-Seiten ab, sondern als strukturierte Felder — Überschrift, Teaser, Fließtext, Preis, Öffnungszeiten, Sprache. Diese Felder ruft das Frontend über eine API ab, meist als REST- oder GraphQL-Schnittstelle, und setzt daraus die Seite zusammen.
- Inhaltsmodell: Vorab wird festgelegt, welche Inhaltstypen es gibt und welche Felder sie haben — etwa „Leistung“, „Referenz“, „Stellenanzeige“.
- Auslieferung: Das CMS gibt die Daten per API heraus. Website, App oder Kundenportal holen sich, was sie brauchen.
- Darstellung: Das Frontend ist eine eigene Anwendung, häufig mit Frameworks wie Nuxt, Next.js oder Astro gebaut. Oft werden Seiten vorab erzeugt und als statische Dateien ausgeliefert.
Bekannte Systeme sind Strapi, Directus, Contentful, Storyblok und Sanity. Auch WordPress lässt sich über seine REST-API „kopflos“ betreiben: Die Redaktion bleibt im vertrauten Backend, die Website entsteht separat.
Headless CMS vs. klassisches CMS wie WordPress
| Merkmal | Klassisches CMS (z. B. WordPress mit Theme) | Headless CMS |
|---|---|---|
| Darstellung | Im System eingebaut, über Themes und Plugins | Eigenes Frontend, frei gestaltbar |
| Ausspielkanäle | In erster Linie eine Website | Website, App, Portal, Kiosk-Bildschirm aus einer Quelle |
| Start | Schnell, viele fertige Vorlagen | Mehr Aufbauarbeit, Frontend muss entwickelt werden |
| Ladezeit | Abhängig von Theme und Plugin-Zahl | Sehr schnell möglich, weil Seiten vorab erzeugt werden können |
| Angriffsfläche | Öffentlich erreichbares Backend, viele Plugins | Backend kann vom Netz getrennt bleiben |
| Vorschau für Redakteure | Eingebaut | Muss eingerichtet werden |
| Laufende Kosten | Gering, solange wenig angepasst wird | Zwei Systeme im Betrieb: CMS und Frontend |
Keines der beiden Modelle ist grundsätzlich besser. Die Frage ist, wie viele Kanäle, Sprachen und Sonderfunktionen Ihre Inhalte bedienen müssen.
Beispiele aus dem Mittelstand
- Hersteller mit Produktkatalog: Technische Daten stehen einmal im CMS und erscheinen auf der Website, im Händlerportal und im PDF-Datenblatt. Ändert sich ein Maß, ändert es sich überall.
- Reise- und Eventanbieter: Termine, Preise und Beschreibungen laufen in mehreren Sprachen. Übersetzungen hängen am selben Inhaltsobjekt statt an kopierten Seiten.
- Filialbetrieb: Öffnungszeiten und Aktionen werden zentral gepflegt und auf Website, App und Bildschirmen in den Filialen angezeigt.
- Kundenportal mit Wissensbereich: Hilfetexte kommen aus dem CMS, die Anwendung selbst ist eine eigene Web-Anwendung mit Login.
Vorteile eines Headless CMS
- Tempo: Vorab erzeugte Seiten laden schnell. Das verbessert die Core Web Vitals und damit das Nutzererlebnis und die Bewertung durch Suchmaschinen.
- Sicherheit: Das Redaktionssystem muss nicht öffentlich erreichbar sein. Wer die Website angreift, trifft auf statische Dateien statt auf ein Login-Formular.
- Mehrsprachigkeit: Sprachversionen sind Felder desselben Inhalts. Neue Sprachen kommen hinzu, ohne die Seitenstruktur zu kopieren.
- Ein Inhalt, viele Kanäle: Einmal pflegen, überall ausspielen.
- Freiheit im Design: Das Frontend ist nicht an die Grenzen eines Themes gebunden.
- Austauschbarkeit: Frontend oder CMS lassen sich einzeln erneuern. Ein Relaunch bedeutet nicht, dass alle Inhalte umziehen müssen.
Nachteile und Risiken
Für eine kleine Firmenwebsite mit zehn Seiten ist Headless oft überdimensioniert. Sie betreiben zwei Systeme statt eines, jemand muss das Frontend weiterentwickeln, und Kleinigkeiten wie ein neues Kontaktformular sind Entwicklungsarbeit statt Plugin-Klick. Auch die Redaktionsvorschau fehlt ohne zusätzliche Einrichtung — Redakteure sehen dann Felder, aber nicht die fertige Seite.
Ein weiteres Risiko ist ein schlecht geplantes Inhaltsmodell. Wer Felder zu grob anlegt („Seiteninhalt“ als ein großes Textfeld), verliert den Hauptvorteil. Wer sie zu fein anlegt, macht die Redaktion langsam. Das Modell sollte deshalb zusammen mit den Menschen entstehen, die später damit arbeiten.
Wann sich ein Headless CMS lohnt
- Inhalte erscheinen in mehr als einem Kanal — Website plus App, Portal oder Händlerbereich.
- Die Website läuft in mehreren Sprachen und wird oft aktualisiert.
- Ladezeit und Sicherheit haben hohe Priorität, etwa weil viel Umsatz über die Seite läuft.
- Ein Entwicklungsteam betreut die Seite ohnehin laufend.
Trifft nichts davon zu, ist ein gut gepflegtes klassisches System meist die wirtschaftlichere Wahl. Grundlagen dazu, was eine Firmenwebsite leisten muss, finden Sie im Eintrag Was ist eine Website?.
In der Praxis: So unterstützt SEODACH
Wir wählen die Architektur nach dem Ergebnis, das Sie brauchen, nicht nach eigener Vorliebe. Für Portale, Kataloge und mehrsprachige Auftritte bauen wir Web-Anwendungen mit Nuxt und Vue, die Inhalte aus einer zentralen Quelle beziehen und auf Servern in Deutschland laufen. Wie viel Pflegeaufwand dabei wegfallen kann, zeigt ein Projekt für OneDayTours in Lissabon: eine Website in 14 Sprachen, 68 % weniger Pflegeaufwand und 47 % mehr Direktbuchungen.
Für kleine Betriebe, die einfach eine gepflegte Website wollen, ist Headless selten die richtige Antwort. Dafür gibt es unser Website-Abo: Wir bauen und betreiben die Seite, Sie schicken Änderungen per Nachricht. Wenn Übersetzungen der Engpass sind, übernehmen wir auch Inhalte und Übersetzung.
Häufige Fragen
Ist ein Headless CMS besser für SEO?
Nicht automatisch. Es erleichtert schnelle Ladezeiten und saubere Technik, aber Titel, Beschreibungen, Weiterleitungen und strukturierte Daten müssen im Frontend bewusst umgesetzt werden. Ein Headless-Frontend, das Inhalte erst im Browser nachlädt, kann für Suchmaschinen sogar schlechter lesbar sein.
Kann WordPress als Headless CMS genutzt werden?
Ja. WordPress stellt Inhalte über seine REST-API bereit. Das ist ein pragmatischer Weg, wenn die Redaktion WordPress kennt, die Website aber schneller oder sicherer werden soll. Viele Plugins, die direkt ins Theme eingreifen, funktionieren dann allerdings nicht mehr.
Was kostet ein Headless CMS?
Open-Source-Systeme wie Strapi oder Directus kosten keine Lizenz, aber Hosting und Betrieb. Cloud-Dienste rechnen meist nach Nutzern, Inhalten oder Zugriffen ab. Der größere Posten ist in beiden Fällen die Entwicklung des Frontends.
Zusammenfassung
Ein Headless CMS verwaltet Inhalte und liefert sie per API an beliebige Frontends. Es spielt seine Stärken aus, wenn Inhalte in mehreren Kanälen und Sprachen erscheinen und Tempo und Sicherheit zählen. Für eine kleine Website ohne solche Anforderungen ist ein klassisches System meist einfacher und günstiger.
Brauchen Sie Unterstützung?
Unsere Experten helfen Ihnen, die richtigen SEO- und Digitalstrategien für Ihr Unternehmen umzusetzen.
Erstgespräch vereinbarenWeitere Artikel im Wiki-Lexikon
Was ist eine Progressive Web App (PWA)?
Eine Progressive Web App ist eine Website, die sich wie eine App installieren lässt und offline funktioniert. PWA vs. native App im Vergleich.
Begriff öffnenWas ist CI/CD?
CI/CD steht für Continuous Integration und Continuous Delivery: Änderungen werden automatisch geprüft und ausgeliefert. So läuft eine CI/CD-Pipeline.
Begriff öffnenWas ist DevOps?
DevOps einfach erklärt: Entwicklung und Betrieb arbeiten als ein Team, Abläufe sind automatisiert. Prinzipien, Beispiele und was Auftraggeber davon haben.
Begriff öffnenWas ist ein Legacy-System?
Ein Legacy-System ist ein Altsystem, das noch gebraucht wird, aber kaum noch zu pflegen ist. Bedeutung, typische Risiken und drei Wege zur Modernisierung.
Begriff öffnen