Neu: PultOS — Ihr Unternehmen auf einem Bildschirm • 71 fertige Integrationen • Server in Deutschland

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.

· Aktualisiert:

SoftwareentwicklungVom Bedarf zur laufenden Software
  1. Anforderungen
  2. Prototyp
  3. EntwicklungHeadless CMS
  4. Auslieferung
  5. Betrieb
Einordnung: Headless CMS gehört zum Schritt „Entwicklung“. Schema zur Einordnung, keine Messwerte.
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

MerkmalKlassisches CMS (z. B. WordPress mit Theme)Headless CMS
DarstellungIm System eingebaut, über Themes und PluginsEigenes Frontend, frei gestaltbar
AusspielkanäleIn erster Linie eine WebsiteWebsite, App, Portal, Kiosk-Bildschirm aus einer Quelle
StartSchnell, viele fertige VorlagenMehr Aufbauarbeit, Frontend muss entwickelt werden
LadezeitAbhängig von Theme und Plugin-ZahlSehr schnell möglich, weil Seiten vorab erzeugt werden können
AngriffsflächeÖffentlich erreichbares Backend, viele PluginsBackend kann vom Netz getrennt bleiben
Vorschau für RedakteureEingebautMuss eingerichtet werden
Laufende KostenGering, solange wenig angepasst wirdZwei 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 vereinbaren
Schreiben Sie uns per WhatsApp