Headless-CMS

Headless, ohne die Seite zu verlieren.

Forrit CMS ist ein Headless-CMS, das die Seite behält. Teams modellieren wiederverwendbare Inhalte mit Inhaltstypen und Inhaltseinträgen und organisieren sie in Seiten mit eigenen Routen, SEO und Metadaten. Forrit veröffentlicht alles über den JSON-Kanal, und Ihr Frontend behält die volle Kontrolle über die Darstellung.

Illustration: Inhaltstypen und Inhaltseinträge, organisiert in einer Seite mit eigener Route, SEO und Metadaten und über den JSON-Kanal an jedes Frontend ausgeliefert.

Der Headless-Kompromiss

Was verlieren Content-Teams mit einem Headless-CMS?

Ein Headless-CMS löst echte Probleme für Entwickler. Inhalte sind von der Darstellung getrennt und werden per API an jedes Frontend ausgeliefert. So können Teams ihre eigenen Frameworks wählen und Inhalte über Web, Apps und andere Kanäle hinweg wiederverwenden.

Ein reines Headless-Setup verlagert jedoch oft Arbeit zurück auf alle anderen. Diese Kompromisse sprechen Content-Teams am häufigsten an.

Wo die Arbeit landet

  1. Entwickler modellieren die Inhalte und bauen das Frontend

  2. Redakteure füllen Formulare aus, oft ohne die Seite zu sehen

  3. Neue Layouts landen wieder im Entwicklungs-Backlog

  4. SEO und Seiteneinstellungen werden aus anderen Tools zusammengesetzt

Illustration: Was Entwickler mit einem reinen Headless-CMS gewinnen und was Content-Teams oft verlieren.

Was Content-Teams oft verlieren

  • Inhalte im Kontext sehen

    Inhalte werden getrennt von ihrer Darstellung gespeichert, daher füllen Redakteure oft Formulare aus, ohne die Seite zu sehen. Eine Live-Vorschau wird zur Zusatzarbeit für das Entwicklungsteam.

  • Seiten ohne Entwickler erstellen

    Eine neue Landingpage, ein neuer Bereich oder ein neues Layout erfordert oft einen Entwickler und ein Deployment. Das Marketing verliert so die Unabhängigkeit, die es mit einem klassischen CMS hatte.

  • Arbeiten in Seiten

    Redakteure arbeiten mit Inhaltstypen, Feldern und Referenzen statt mit Seiten. Das ist leistungsfähig, aber für viele nicht-technische Nutzer schwer nachzuvollziehen.

  • SEO und Seiteneinstellungen an einem Ort

    Funktionen auf Seitenebene wie SEO-Steuerung und Navigation sind oft nicht integriert, daher setzen Teams sie aus anderen Tools zusammen.

So funktioniert es

Wie behält Forrit die Seite in einem Headless-CMS?

In Forrit bedeutet headless nicht seitenlos. Inhalte bleiben strukturiert und wiederverwendbar, und eine Seite liefert den Kontext, den einzelne Inhaltseinträge nicht selbst tragen sollten: wo die Inhalte erscheinen, wie sie gegenüber Suchmaschinen beschrieben werden und wie sie sich in die Website einfügen.

Entwickler erhalten strukturierte Inhalte. Redakteure erhalten Seiten.

Vom Inhaltstyp zum Frontend

  1. Inhaltstypen für alles definieren, was Sie veröffentlichen

  2. Jeden Inhaltseintrag einmal anlegen und überall wiederverwenden

  3. Inhaltseinträge in Seiten mit Route, SEO und Metadaten organisieren

  4. Über Ihren Workflow freigeben und veröffentlichen

  5. Ihr Frontend fragt die Seite als JSON ab und stellt sie auf seine Weise dar

Illustration: Eine Seite unter /savings/easy-saver organisiert Inhaltseinträge aus drei Inhaltstypen, mit Route und SEO-Einstellungen, und wird über den JSON-Kanal an Ihr Frontend ausgeliefert.

Was die einzelnen Teile leisten

  • Strukturierte Inhalte

    Inhaltstypen und Inhaltseinträge halten Inhalte über Seiten, Kanäle und Projekte hinweg wiederverwendbar.

  • Seiten mit Kontext

    Eine Seite ergänzt Route, SEO-Titel, Beschreibung und Metadaten, die einzelne Inhaltseinträge nicht selbst tragen sollten.

  • Als JSON ausgeliefert

    Der JSON-Kanal veröffentlicht die Seite ohne Markup, sodass Ihr Frontend die volle Kontrolle über die Darstellung behält.

Für Entwickler

Lässt sich eine Headless-Seite mit einer Anfrage ausliefern?

Ja. Eine Forrit-Seite kann Inhaltseinträge aus vielen Inhaltstypen kombinieren. Der JSON-Kanal liefert die gesamte Seite in einer Antwort: ihre Route, ihre SEO-Metadaten und jede Komponente, in der Reihenfolge, in der Redakteure sie angeordnet haben.

Ihr Frontend stellt eine Anfrage pro Seite. Sie müssen keine Abfragen schreiben, die jeden Inhaltstyp einzeln abrufen, und die Ergebnisse anschließend zusammenfügen. Braucht eine App nur einen Inhaltseintrag oder Inhaltstyp, kann sie gezielt nur diesen abfragen.

Von der Anfrage zur gerenderten Seite

  1. Die Seite über ihre Route abfragen, etwa /savings/easy-saver

  2. Route, SEO-Metadaten und jede Komponente in der richtigen Reihenfolge in einer Antwort erhalten

  3. Jeden Komponententyp einer eigenen UI-Komponente zuordnen und die Seite rendern

Illustration: Eine vereinfachte Antwort des JSON-Kanals für eine Seite, die einen Hero, einen Zinssatz und FAQs aus verschiedenen Inhaltstypen kombiniert.

Was Entwickler daran schätzen

  • Weniger Roundtrips

    Eine Anfrage pro Route hält serverseitiges Rendering und mobile Apps schnell.

  • Weniger Glue-Code

    Keine Logik für Referenzauflösung oder Sortierung, die geschrieben und gepflegt werden muss.

  • Durch Vorlagen geformt

    Das JSON-Template jeder Komponente legt fest, welche Felder ausgegeben werden, sodass Payloads nur das enthalten, was das Frontend braucht.

  • Immer aktuell

    Veröffentlichen Sie einen gemeinsam genutzten Inhaltseintrag einmal, und jede Seitenantwort, die ihn verwendet, wird automatisch aktualisiert.

01 · Vorschau

Können Redakteure Headless-Inhalte vorab in der Vorschau prüfen?

Auf vielen Headless-Plattformen füllen Redakteure Formulare aus, ohne das Ergebnis zu sehen, und eine Live-Vorschau bedeutet zusätzlichen Aufwand für das Entwicklungsteam.

In Forrit werden Änderungen in einem Task-Branch vorgenommen, und Redakteure sehen die Seite in der Vorschau, bevor sie zur Freigabe geht, ohne zusätzlichen Build für Ihre Entwickler. Teams, die die Vorschau in ihrem eigenen Frontend nutzen möchten, können auch Entwurfs-JSON aus dem Task-Branch rendern.

Von der Änderung zum Livegang

  1. Inhalte in einem Task-Branch bearbeiten, getrennt von Live-Inhalten

  2. Die Seite mit der Änderung in der Vorschau ansehen

  3. Änderungen in einer Vorher-nachher-Ansicht prüfen

  4. Freigeben und veröffentlichen

Illustration: Eine Seite in der Vorschau ihres Task-Branches, mit hervorgehobenem geändertem Zinssatz und einer Änderung, die auf Freigabe wartet.

Vorschau-Funktionen

  • Vorschau in Forrit

    Redakteure sehen Seiten direkt in der Vorschau, ohne Vorschau-Build, den Ihre Entwickler pflegen müssen.

  • Vorschau in Ihrem eigenen Frontend

    Teams können bei Bedarf Entwurfs-JSON aus dem Task-Branch in ihrem eigenen Frontend rendern.

  • Geschützt vor dem Livesystem

    Änderungen bleiben in einem Task-Branch, bis sie freigegeben und veröffentlicht sind.

02 · Unabhängigkeit

Brauchen Redakteure für jede neue Seite einen Entwickler?

Nein. Entwickler bauen Komponenten und Seitenvorlagen einmal. Content-Teams erstellen dann Seiten aus diesen freigegebenen Bausteinen, ohne für jede neue Seite einen Entwicklungszyklus zu benötigen.

Entwickler behalten die Kontrolle über das Designsystem und die Auslieferungsarchitektur. Content-Teams erhalten die Freiheit, Seiten, Kampagnen und Varianten dann zu starten, wenn sie sie brauchen.

Wer was macht

  1. Entwickler bauen Komponenten, die Ihre Inhaltstypen formatieren

  2. Entwickler richten Seitenvorlagen mit den passenden Komponenten ein

  3. Redakteure erstellen Seiten aus freigegebenen Vorlagen und Komponenten

  4. Vorschau, Freigabe und Veröffentlichung ohne Entwicklungszyklus

Illustration: Freigegebene Komponenten aus der Bibliothek, von Entwicklern gebaut und von einem Redakteur zu einer neuen Seite in der Vorschau zusammengestellt.

Funktionen für Komponenten und Vorlagen

  • Wiederverwendbare Komponenten

    Einmal gebaut und über Seiten und Websites hinweg wiederverwendet. So brauchen Rebrandings, Kampagnen und Launches weniger Zeit.

  • Seitenvorlagen

    Neue Seiten beginnen mit Vorlagen, in denen die passenden Komponenten bereits angelegt sind.

  • Einheitliche Marke und Richtlinien

    Freigegebene Bausteine und Workflows halten Layouts und Branding einheitlich, egal wie viele Websites Sie betreiben.

03 · Vertraute Bearbeitung

Müssen Redakteure in Inhaltstypen und Referenzen denken?

Nur, wenn sie es möchten. Power-User und Entwickler können direkt mit dem Inhaltsmodell arbeiten. Alle anderen können bei der Seite beginnen: Home öffnen, den Hero finden, den Inhalt ändern.

Die Struktur darunter bleibt wiederverwendbar, und Nutzungsinformationen zeigen, wo ein Inhaltseintrag sonst noch erscheint, bevor jemand ihn ändert.

Eine Seite bearbeiten

  1. Die Seite öffnen, die Sie ändern möchten

  2. Den Bereich und seinen Inhalt auswählen

  3. Prüfen, wo der Inhaltseintrag sonst noch verwendet wird

  4. Bearbeiten, in der Vorschau prüfen und zur Freigabe senden

Illustration: So sieht ein Redakteur die Home-Seite, mit jedem Inhaltseintrag auf der Seite und der Anzahl der Stellen, an denen er verwendet wird.

Bearbeitungsfunktionen

  • Bei der Seite beginnen

    Seite öffnen, Bereich finden und Inhalt ändern, ohne das Inhaltsmodell durchsuchen zu müssen.

  • Sehen, wo Inhalte verwendet werden

    Nutzungsinformationen zeigen die Seiten und Inhaltseinträge, die auf ein Element verweisen, bevor jemand es ändert.

  • Das vollständige Modell für Power-User

    Entwickler und Power-User können weiterhin direkt mit Inhaltstypen und Inhaltseinträgen arbeiten.

04 · Funktionen auf Seitenebene

Wo liegen SEO und andere Seitenfunktionen in einem Headless-CMS?

In Forrit auf der Seite. Seiten tragen Route, SEO-Titel, Beschreibung und Metadaten über alle Seitentypen hinweg. So werden Sichtbarkeit in der Suche und in KI-Systemen an einem Ort verwaltet und mit den Inhalten ausgeliefert.

Für Funktionen jenseits der Seite ist Forrit composable. Binden Sie die spezialisierten Services an, auf die Sie bereits setzen, statt sie zu ersetzen. Sehen Sie, wie Forrit sich mit den umliegenden Services verbindet.

Eine Seite verwalten

  1. Die Route der Seite und ihren Platz in der Navigation festlegen

  2. SEO-Titel, Beschreibung und Metadaten hinzufügen

  3. Zielgruppenvarianten hinzufügen, wo sie gebraucht werden

  4. Veröffentlichen, und die Metadaten werden mit der Seite ausgeliefert

Illustration: Seiteneinstellungen für eine Easy-Saver-Seite mit Route, SEO-Titel, Beschreibung, Platzierung in der Navigation und einer Zielgruppenvariante.

Funktionen auf Seitenebene

  • Integriert

    SEO und Metadaten

    Titel, Beschreibungen und Metadaten werden pro Seite und über alle Seitentypen hinweg verwaltet und mit den Inhalten ausgeliefert.

  • Integriert

    Routen und Navigation

    Seitenrouten und Navigation werden im JSON ausgeliefert, sodass Ihr Frontend URLs und Menüs aus dem CMS aufbaut.

  • Integriert

    Zielgruppenvarianten

    Erstellen Sie Inhaltsvarianten für verschiedene Zielgruppen und steuern Sie, welche Seitenkomponenten für jede Variante erscheinen.

  • Anbindung

    Formulare, Personalisierung und Analytics

    Forrit ist composable. Binden Sie die Services für Formulare, Personalisierung, Testing und Analytics an, die Sie bereits nutzen.

Hybrid Headless

Soll Forrit auch die Webseiten rendern?

Dieselben Inhaltstypen, Inhaltseinträge und Seiten lassen sich über den HTML-Kanal auch als vollständige Webseiten veröffentlichen. Nutzen Sie den einen Kanal, den anderen oder beide, aus einem CMS und mit einem Freigabeprozess.

  • Forrit CMS

    Hybrid Headless

    Vergleichen Sie HTML- und JSON-Kanal, sehen Sie, wie eine Seite in jedem Kanal funktioniert, und finden Sie heraus, was zu Ihrer Website, App oder Web-Landschaft passt.

    • Produkt

      Forrit CMS

      Erstellen, steuern und nutzen Sie Inhalte in Ihrer gesamten digitalen Landschaft wieder, mit strukturierten Inhalten, visuellem Seitenaufbau und Headless-Auslieferung in einem CMS.

      • Strukturierte Inhalte
      • Wiederverwendbare Komponenten
      • Über 550 Sprachvarianten
    • Wesentlicher Vorteil

      Sicherheit

      Sieben Schutzebenen, von Edge-Sicherheit und Airlock Publishing bis zu sicherer Entwicklung und ISO-27001-Zertifizierung.

      Fragen zum Headless-CMS, beantwortet

      Möchten Sie es in Aktion sehen?

      Buchen Sie eine Demo

      Zuletzt aktualisiert: