Headless CMS: warum wir uns für Directus entscheiden

Bei vielen Websites sind die Verwaltung und die Website selbst ein einziges System. Das funktioniert, bis die Inhalte auch an anderer Stelle erscheinen sollen, die Website schneller werden muss oder Sie das Frontend erneuern möchten, ohne alles umzuziehen. Dann landen Sie bei einem Headless CMS.

In diesem Artikel lesen Sie, was das ist, worin der Unterschied zu WordPress liegt, was es für Ihre Auffindbarkeit bedeutet, wann wir Directus vorschlagen und wann etwas Einfacheres besser passt. Mit einem Beispiel aus unserer eigenen Arbeit.

Was ist ein Headless CMS?

Ein klassisches CMS verbindet Inhalt und Gestaltung fest miteinander: Denken Sie an ein Theme, das bestimmt, wie Ihre Seiten aussehen. Ein Headless CMS hält beides getrennt: Die Inhalte liegen im CMS, und eine separate Website (das Frontend) bestimmt, wie sie aussehen. Die Inhalte gelangen über eine feste Schnittstelle, eine API, zu Ihrer Website, in eine App oder in einen anderen Kanal.

„Headless“ heißt wörtlich kopflos: Die Verwaltung hat kein eigenes Frontend. Ein Beispiel. Eine Stellenanzeige geben Sie einmal ein, mit Feldern für Titel, Ort, Wochenstunden und Beschreibung. Die Website zeigt sie auf der Karriereseite, eine App zeigt sie in einer Liste, und ein Mitarbeiterportal zeigt nur die internen Stellen. Drei Orte, eine Eingabe.

Was ist der Unterschied zu WordPress?

Ein klassisches CMS wie WordPress ist Website und Verwaltung in einem. Directus übernimmt nur die Verwaltung: Es legt eine übersichtliche Verwaltungsoberfläche auf eine Datenbank, und die Website holt die Inhalte von dort über eine API ab. Eine dritte Form ist eine Website ohne Verwaltungsoberfläche, bei der der Entwickler die Texte anpasst.

Es gibt auch eine Zwischenform: eine Verwaltungsoberfläche, die die Texte in den Dateien der Website selbst speichert, ohne eigene Datenbank. Die haben wir für TaalPro eingesetzt; mehr dazu im Kasten weiter unten. Wie wir zwischen WordPress und einer individuellen Entwicklung abwägen, lesen Sie in WordPress oder individuell.

Warum wird eine Website dadurch schneller?

Die Geschwindigkeit kommt nicht aus dem CMS, sondern aus der Website, die die Inhalte zeigt. Weil diese Website kein Verwaltungssystem mittragen muss, kann sie schlank bleiben. Wir bauen dieses Frontend in Astro oder Nuxt. Eine Website in Astro besteht aus fertigen Seiten, die direkt online liegen; eine Anwendung in Nuxt baut die Seite auf dem Server auf, sodass der Besucher sofort eine fertige Seite bekommt statt eines leeren Bildschirms, der sich erst noch füllen muss.

Außerdem bringt die Trennung drei weitere Vorteile:

• Flexibilität: dieselben Inhalte auf mehreren Kanälen, ohne doppelte Arbeit.
• Ein Frontend, das Sie erneuern können: Sie gestalten und bauen die Website neu, während die Inhalte bleiben, wo sie sind.
• Weniger von außen sichtbar: Die Verwaltungsoberfläche muss nicht unter derselben Adresse liegen wie Ihre Website, und die Website selbst hat keine Anmeldeseite für Besucher.

Wie schnell die Websites, die wir gebaut haben, auf einem Smartphone laden, lesen Sie in Warum jede Sekunde Ladezeit zählt.

Was bedeutet Headless für Ihre Auffindbarkeit?

Headless an sich macht Ihre Website weder besser noch schlechter auffindbar. Es zählt, was ein Besucher und eine Suchmaschine bekommen, wenn sie eine Seite öffnen. Google schreibt dazu, dass es nach wie vor eine gute Idee ist, Seiten auf dem Server oder vorab aufzubauen: Das macht Ihre Website schneller für Nutzer und für die Crawler der Suchmaschinen, und nicht alle Bots können JavaScript ausführen.

Google führt JavaScript selbst aus, manchmal aber erst später. Andere Bots tun das nicht immer und sehen bei einer Website, die alles im Browser aufbaut, eine leere Seite. Deshalb bauen wir die Seiten vorab (Astro) oder auf dem Server (Nuxt). Was Sie bei einer Headless-Website außerdem regeln sollten:

• Titel und Beschreibung pro Eintrag. Geben Sie jeder Inhaltsart im CMS Felder für den Seitentitel und für die Beschreibung in den Suchergebnissen, damit die Redaktion sie selbst ausfüllt.
• Strukturierte Daten. Die Website erzeugt aus den Feldern im CMS automatisch die Beschreibung für Suchmaschinen im Code, zum Beispiel für einen Artikel, eine Stellenanzeige oder eine Frage mit Antwort. Strukturierte Daten gehören zu unserer Arbeit an der technischen SEO.
• Adressen, die bleiben. Wechseln Sie von einer alten Website, erstellen Sie eine Liste mit alten und neuen Adressen, damit Besucher und Suchmaschinen auf der richtigen Seite landen.
• Eine Sitemap, die mitwächst. Jede neue Seite aus dem CMS kommt automatisch in die Liste der Adressen für Suchmaschinen (die Sitemap).

Was ist Directus?

Directus legt eine Verwaltungsoberfläche auf eine gewöhnliche Datenbank. Laut der GitHub-Seite von Directus funktioniert es mit den bekannten SQL-Datenbanken wie PostgreSQL und MySQL und erzeugt die Schnittstelle selbst (eine REST- und eine GraphQL-API), über die Ihre Website die Inhalte abruft.

Das merken Sie. Die Website kann schlank und schnell bleiben, weil sie kein Verwaltungssystem mitträgt. Sie können die Website später erneuern, ohne Ihre Inhalte umzuziehen. Und dieselben Inhalte können gleichzeitig auf Ihrer Website, in einer App oder in einem Portal stehen.

Was sehen Sie, wenn Sie Inhalte pflegen?

Keinen Code und keinen Seitenbaukasten, sondern eine Übersicht pro Inhaltsart: eine Liste mit Stellenanzeigen, eine Liste mit Standorten, eine Liste mit Artikeln. Öffnen Sie einen Eintrag, sehen Sie ein Formular mit genau den Feldern, die zu dieser Art gehören, etwa Titel, Ort, Foto und Text. Sie können ein Statusfeld hinzufügen, etwa Entwurf oder veröffentlicht, sodass etwas erst auf die Website kommt, wenn es fertig ist. Wie die Seite aussieht, bestimmt die Website; Sie kümmern sich um die Inhalte. So bleiben die Seiten im selben Layout, auch wenn mehrere Personen Texte eingeben. Beachten Sie: Bei einer Website in Astro erscheint eine Änderung erst, nachdem die Website neu gebaut wurde.

Warum schlagen wir Directus vor?

Directus kann auf Ihrem eigenen Server laufen. Ihre Daten liegen dann in einer Datenbank, die Sie selbst verwalten, und Sie sind für die Speicherung nicht an einen einzigen Anbieter gebunden. Rechte stellen Sie bis auf das einzelne Feld ein, sodass ein Redakteur sieht, was er braucht, und nicht mehr. Es ist für den Entwickler (eine saubere Schnittstelle) ebenso angenehm wie für die Redaktion (eine übersichtliche Verwaltungsoberfläche).

Achten Sie auf die Lizenz. Seit Version 12 (Mai 2026) gilt für Directus eine neue Lizenz, die Monospace Sustainable Core License; davor war es die Business Source License. Der Quellcode ist auf GitHub öffentlich. Laut Directus nutzen Organisationen unterhalb einer Grenze bei Jahresumsatz und Zahl der Mitarbeiter die volle Plattform ohne Softwarekosten. Oberhalb dieser Grenze gibt es eine kostenlose Basisversion mit Einschränkungen und für mehr Nutzer oder zusätzliche Funktionen eine kostenpflichtige Lizenz. Die Preisseite wurde am 2. November 2026 geändert und ist nicht in allen Punkten eindeutig. Lesen Sie die Bedingungen nach, bevor Sie sich entscheiden.

Wann passt Directus, und wann nicht?

Directus passt, wenn Ihre Inhalte mehr sind als ein paar Seiten: Produkte, Standorte, Stellenanzeigen, Artikel in mehreren Sprachen oder Daten, die auch in einer App oder einem Portal landen. Dann lohnt es sich, dass diese Inhalte einen eigenen, gut eingerichteten Platz haben.

Für eine kleine Website, die sich selten ändert, ist es oft zu viel. Dann wählen wir eine statische Website ohne Verwaltungsoberfläche oder ein CMS, das Sie bereits kennen. Und möchten Sie auch neue Seiten und deren Layout selbst gestalten, bauen wir in WordPress, so wie für Daily Phones. In Directus füllen Sie Inhalte in festen Feldern aus; wie die Seite aussieht, bestimmt die Website.

Was sollten Sie Ihren Entwickler fragen?

Bekommen Sie ein Angebot mit einem Headless CMS, stellen Sie diese Fragen, bevor Sie unterschreiben:

• Wo läuft die Verwaltungsoberfläche, und wer hält sie aktuell?
• Welche Lizenz hat das CMS, und was kostet sie bei unserer Größe?
• Können wir die Inhalte exportieren, wenn wir später etwas anderes möchten?
• Wie sehen wir eine Seite, bevor sie live geht?
• Wer darf was ändern, und wie richten wir das ein?

Ein guter Entwickler hat auf jede Frage eine kurze, konkrete Antwort.

Und ein Headless-Onlineshop?

Auch ein Onlineshop kann headless sein: ein schnelles Frontend auf einem Shopsystem, verbunden mit Ihren eigenen Systemen. Dafür entscheiden wir uns, wenn Geschwindigkeit und Anbindungen am schwersten wiegen. Möchten Sie Produkte und Seiten vor allem selbst pflegen, ist WordPress oft die naheliegendere Wahl. Was besser passt, sagen wir Ihnen nach einem einzigen Gespräch; mehr unter Onlineshop erstellen lassen.

Wie richten wir es ein?

1. Inhalte erfassen. Welche Inhaltsarten es gibt, welche Felder jede Art hat und wer was ändern darf.
2. Rechte pro Rolle. Directus kennt Rechte bis auf das einzelne Feld, sodass ein Redakteur nur sieht, was er braucht.
3. Die Website bauen. In Astro oder Nuxt, wobei die Website die Inhalte aus Directus abruft. Wie wir die Website selbst bauen, lesen Sie unter Webentwicklung.
4. Übergeben. Sie bekommen eine Verwaltungsanleitung, mit der Sie Texte und Bilder Schritt für Schritt selbst anpassen, und technische Notizen zu Hosting, Domain und Anbindungen.
5. Aktuell halten. Auch ein CMS bekommt Updates. Mit einem Wartungsabo werden sie in einem festen Rhythmus eingespielt.

Was gehört zu einem Umstieg?

Haben Sie bereits eine Website, ist der Umstieg auf ein Headless CMS mehr als eine neue Verwaltungsoberfläche. Rechnen Sie mit diesen Schritten:

• Inhalte übertragen. Texte, Bilder und Dokumente wandern aus dem alten System in die Felder des neuen. Oft ist das auch der Moment, aufzuräumen, was niemand mehr liest.
• Adressen bewahren. Jede alte Seite, die gefunden wird oder auf die andere Websites verlinken, bekommt eine Weiterleitung auf ihre neue Adresse.
• Bilder neu prüfen. Fotos, die zu schwer sind oder das falsche Format haben, machen auch eine neue Website langsam.
• Menschen mitnehmen. Wer die Inhalte pflegt, muss die neue Verwaltungsoberfläche kennen. Eine kurze Einführung und die Verwaltungsanleitung verhindern, dass alle wieder auf E-Mails an den Entwickler zurückgreifen.

Welche Wartung braucht es danach?

Eine Headless-Website hat zwei Teile, die gepflegt werden müssen: die Verwaltungsoberfläche mit ihrer Datenbank und die Website. Beide bekommen Updates, und die Datenbank braucht eine Sicherung, die sich wiederherstellen lässt. Wer Directus selbst hostet, braucht jemanden, der Server, Datenbank und Sicherungen betreut. Beziehen Sie das von Anfang an in Ihre Wahl ein, nicht erst, wenn die Website fertig ist.

Wann das nicht gilt

Haben Sie eine Website mit einer Handvoll Seiten, die sich selten ändert, bringt ein Headless CMS vor allem zusätzliche Teile: einen Server, Updates und eine Schnittstelle, die alle gewartet werden wollen. Läuft Ihr Unternehmen auf einer WordPress-Website mit Plugins, auf die Sie sich stützen, ist ein Umstieg ein eigenes Projekt mit eigenen Kosten und nicht automatisch eine Verbesserung.

Was wir nicht wissen: Wir haben nicht gemessen, ob eine Headless-Website bei Google besser abschneidet als dieselbe Website in WordPress; das hängt davon ab, wie sie gebaut ist, nicht vom CMS. Ein Kundenprojekt mit Directus steht noch nicht als Referenz auf unserer Website; das Beispiel oben nutzt Sveltia CMS. Und die Lizenzbedingungen von Directus können sich nach dem 3. November 2026 erneut geändert haben.

Häufige Fragen

Neugierig, was das für Sie bedeutet? Erzählen Sie uns, welche Inhalte Sie haben und wer sie pflegt, dann sagen wir Ihnen, ob Headless zu Ihnen passt. Mehr darüber, wie wir bauen, lesen Sie unter Astro und Nuxt. Sie arbeiten direkt mit Nawid zusammen; für jedes Projekt stellt er ein festes Team von Spezialisten zusammen.

Quellen

Abgerufen am 3. November 2026.

• Directus auf GitHub: Beschreibung, Datenbanken, REST und GraphQL, Lizenz (auf Englisch)
• Directus, Dokumentation: Rechte bis auf das Feld, selbst hosten (auf Englisch)
• Directus, Preise: Grenze für die Nutzung ohne Softwarekosten (auf Englisch)
• Directus, Lizenz: Monospace Sustainable Core License (auf Englisch)
• Directus, Lizenzänderung mit Version 12, 22. April 2026 (auf Englisch)
• Google Search Central, Grundlagen der JavaScript-SEO
• Sveltia CMS auf GitHub (auf Englisch)
• Empireyo, Referenz TaalPro
• Empireyo, Ablauf (Verwaltungsanleitung und technische Notizen)