Zum Inhalt springen
Sprache
DE EN FR
Projekt starten

Headless CMS: nachhaltig, flexibel und strukturiert Inhalte verwalten

Inhalte einmal strukturiert erfassen und über beliebige Kanäle ausspielen. Was Content-Blöcke und ein Headless CMS ausmacht und warum unser Stack darauf setzt.

Content-Blöcke und Headless CMS sind keine neuen Begriffe. Der Unterschied zum klassischen Content-Management-System ist trotzdem grundsätzlich: Inhalte werden unabhängig vom Endformat verwaltet, und wer sie pflegt, bestimmt ihre Struktur, nicht das Layout einer einzelnen Seite.

Content-Blöcke und Headless CMS

Content-Blöcke sind die Bausteine einer Seite: Layout-Container und Zellen, die den Inhalt strukturieren. Sie legen nicht fest, wie das Ergebnis später aussieht. Genau deshalb lassen sie sich in verschiedenen Templates wiederverwenden, über alle Bildschirmgrössen hinweg.

Ein Headless CMS verwaltet den Inhalt unabhängig vom Ausgabeformat und liefert ihn über Schnittstellen aus. Ein Ort für Website, Shop, App und Druckvorlage. Wie der Inhalt am Ende erscheint, entscheidet das Template des Systems, das ihn abholt.

Die verbreitetsten Blocktypen

Welche Blöcke es gibt, hängt vom Projekt ab. Diese sind fast immer dabei:

  • Text
  • Bild
  • Bild und Text
  • Galerie
  • Video
  • Trennlinie
  • Call to Action
  • Button
Redaktionsoberfläche mit mehreren Dialogen: ein Auswahlmenü für neue Inhaltsblöcke, ein Formular für Titel auf Deutsch und Englisch sowie fertige Blöcke für Mitarbeitende und Quicklinks.
Schematische Redaktionsansicht: Blöcke einfügen, sortieren und mehrsprachig pflegen.

Je nach Anwendungsfall kommen weitere Blöcke dazu, auch solche, die Inhalte aus anderen Systemen holen. Etwa ein Produkt aus deinem Shop, das in einem Blogbeitrag beworben wird.

Sechs Gründe für strukturierte Inhalte

  • Redigieren ohne HTML-Kenntnisse, mit Spielraum beim Aufbau der Seite
  • Responsive Seiten entstehen ohne Zusatzarbeit
  • Ein Inhalt bedient mehrere Kanäle
  • Über alle Kanäle hinweg dieselbe Aussage
  • Technisch flexibel: Das Frontend lässt sich austauschen, ohne die Inhalte anzufassen
  • Portabel: Was strukturiert vorliegt, lässt sich exportieren und mitnehmen

Gerade wenn Inhalte auf mehreren Kanälen erscheinen, zahlt sich das aus: Gepflegt wird an einer Stelle, und überall steht dasselbe.

APIs profitieren von strukturierten Inhalten

Strukturierte Inhalte lassen sich in beliebige Formate überführen. Üblich ist JSON über eine REST-API: Drittsysteme holen sich den Inhalt und stellen ihn in ihrer eigenen Form dar.

Schema: Ein Headless CMS mit Containern für Text und Bild gibt dieselben Inhalte über je eine API an eine Website im Browser, eine App auf dem Smartphone und ein PDF weiter.
Dieselben strukturierten Inhalte, drei Ausgabekanäle, angebunden über APIs.

PDFs aus denselben Inhalten

Weil strukturierte Inhalte einem Schema folgen, sind sie berechenbar. Daraus lassen sich PDFs erzeugen: derselbe Inhalt auf der Website in einem Layout, im PDF in einem anderen, abrufbar über einen Button. Gepflegt wird er nur einmal.

Headless CMS in unserem Plattform-Stack

In unserem Stack ist das CMS ein Modul der Plattform, kein separates Werkzeug daneben. Du pflegst strukturierte Inhalte selbst, für öffentliche Seiten ebenso wie für Bereiche hinter dem Login, mehrsprachig. Über die REST-API stehen dieselben Inhalte anderen Frontends und Systemen zur Verfügung.

Redigiert wird trotzdem direkt auf der fertigen Seite. Headless heisst bei uns, dass die Inhalte frei ausspielbar sind, und nicht, dass die Redaktion sich das Ergebnis vorstellen muss.

Isometrische Darstellung der Plattform-Schichten von cloudtec: übereinander liegende Ebenen für Infrastructure, Platform, Software und Security auf der Grundfläche Online-Plattform.
Die Schichten einer Online-Plattform von cloudtec: Infrastruktur, Plattform, Software und Security.

Wer Inhalte strukturiert erfasst, entscheidet später frei, wo sie erscheinen. Das ist der Gewinn, nicht das Kürzel «headless».

Geschrieben von Christian Knellwolf CEO

Web 2 Minuten Lesezeit