Zum Inhalt springen
Inhalte einmal pflegenDüsseldorf · NRW

CMS und Headless

CMS-Entwicklung: individuell und headless

Inhalte einmal pflegen und überall ausspielen, mit Rollen, Freigaben und ohne Plugin-Wildwuchs.

Projektcheck anfragen
Monitor mit einem Website-Entwurf und ein Skizzenbuch

Auf einen Blick

Quellcode
wird übergeben
Technik
offen und verbreitet
Daten
dort, wo vereinbart
Sicherungen
regelmäßig

Wann WordPress reicht und wann nicht

Bevor wir über CMS-Entwicklung sprechen, stellen wir eine unbequeme Frage: Brauchen Sie überhaupt etwas Eigenes? Für eine überschaubare Firmenwebsite mit Leistungsseiten, einem Blog und einem Kontaktformular reicht ein verbreitetes System wie WordPress oft völlig aus. Es ist erprobt, viele Dienstleister kennen es, und Ihre Redaktion findet sich schnell zurecht.

Schwierig wird es, wenn die Anforderungen über die Website hinauswachsen. Typische Anzeichen: Ein Plugin-Update legt die Seite lahm, und niemand weiß, welches der vielen Zusatzmodule dafür verantwortlich ist. Dieselben Produktdaten werden für Website, Katalog und Vertrieb mehrfach gepflegt. Die Ladezeiten steigen, weil das System für jeden Aufruf Seiten zusammensetzt.

Wir wägen deshalb im Projektcheck ab, welcher Weg zu Ihnen passt, und nennen Ihnen auch den, der für uns weniger Arbeit bedeutet. Ein sauber betriebenes Standardsystem ist besser als ein Eigenbau, den Sie nicht brauchen.

  • Plugin-Updates brechen die Seite oder Funktionen, und die Ursache ist schwer zu finden.
  • Dieselben Inhalte werden für Website, App und Portal getrennt gepflegt.
  • Die Ladezeit leidet unter Zusatzmodulen und schwerem Seitenaufbau.
  • Rollen, Freigaben oder Mehrsprachigkeit lassen sich nur mit Umwegen abbilden.

Headless CMS: Prinzip, Vor- und Nachteile

Bei einem klassischen CMS sind Verwaltung und Darstellung eng verbunden: Das System speichert die Inhalte und baut daraus die Webseite. Ein Headless CMS trennt beides. Die Redaktion pflegt Inhalte in einer Oberfläche, das System liefert sie über eine Schnittstelle aus, und die Website, eine App oder ein Kundenportal holen sich, was sie brauchen.

Das lohnt sich vor allem, wenn dieselben Inhalte an mehreren Stellen erscheinen sollen, etwa Produktdaten auf der Website und in der Vertriebs-App. Auch bei hohen Anforderungen an Geschwindigkeit hilft die Trennung, weil die Website als schlanke Anwendung gebaut werden kann, zum Beispiel mit Next.js.

Dem stehen Nachteile gegenüber, die wir offen nennen. Es gibt zwei Bausteine statt einem, also mehr Technik, die betrieben werden will. Die Vorschau eines Beitrags vor dem Veröffentlichen muss eigens eingerichtet werden. Und manches, was ein klassisches System fertig mitbringt, etwa Formulare oder Suchfunktionen, muss geplant werden. Für eine kleine Firmenwebsite ist das häufig mehr, als nötig wäre.

  • Vorteile: ein Inhaltsbestand für mehrere Kanäle, freie Wahl der Darstellung, schlanke und schnelle Websites, klar getrennte Zuständigkeiten.
  • Nachteile: mehr Bausteine im Betrieb, Vorschau und Formulare brauchen eigene Arbeit, höherer Einstieg bei den Kosten.
  • Faustregel: Je mehr Kanäle und je mehr Sonderlogik, desto eher lohnt die Trennung.
Monitor mit einem Website-Entwurf und ein Skizzenbuch

Systemvergleich: Payload, Strapi, Directus, eigenes CMS

Es gibt nicht das eine beste System. Diese Optionen wägen wir je nach Fall ab, gemessen an Ihren Inhalten, Ihrem Team und Ihrem Betrieb:

Option

Payload

Quelloffenes Headless CMS in TypeScript, das sich eng mit einer Next.js-Anwendung verbinden lässt. Interessant, wenn Website und Verwaltung aus einem Code-Stand wachsen sollen.

Option

Strapi

Verbreitetes quelloffenes Headless CMS auf Node.js mit Oberfläche für Inhaltstypen und Rollen. Passt, wenn Ihre Redaktion viel selbst konfigurieren möchte.

Option

Directus

Legt sich über eine vorhandene SQL-Datenbank und macht deren Daten pflegbar und per Schnittstelle abrufbar. Sinnvoll, wenn Daten schon vorliegen.

Option

Eigenes CMS

Eine Verwaltung, die genau Ihre Inhaltstypen und Freigaben abbildet. Sinnvoll bei besonderen Abläufen, dafür mit mehr Aufwand in Bau und Pflege.

Die Wahl treffen wir erst, wenn Inhalte, Redaktion und Betrieb geklärt sind, und begründen sie schriftlich.

Redaktions-Workflow, Rollen, Mehrsprachigkeit

Ein CMS steht und fällt damit, ob Ihre Mitarbeitenden gern damit arbeiten. Deshalb planen wir die Oberfläche vom Alltag der Redaktion aus: Wer schreibt, wer prüft, wer gibt frei, und was darf wer sehen oder ändern?

Rollen und Rechte legen wir passend zu Ihrem Betrieb fest. Eine Praktikantin entwirft einen Beitrag, die Fachabteilung prüft ihn, die Geschäftsführung gibt Rechtliches frei. Entwürfe, Vorschau und Veröffentlichungstermine gehören dazu, ebenso ein nachvollziehbarer Verlauf, wer wann was geändert hat.

Bei mehreren Sprachen entscheiden wir früh, wie Übersetzungen gepflegt werden: Feld für Feld im selben Beitrag oder als getrennte Fassungen, mit oder ohne Hinweis, wenn die Übersetzung hinter dem Original zurückliegt. Das spart später Nacharbeit.

  • Rollen mit eigenen Rechten, von Entwurf bis Freigabe
  • Vorschau und geplante Veröffentlichung
  • Änderungsverlauf je Beitrag
  • Mehrsprachige Inhalte mit klarer Zuordnung

Migration aus WordPress oder Typo3

Ein Wechsel muss Ihre Sichtbarkeit nicht gefährden, wenn er sauber vorbereitet wird. So gehen wir vor:

  1. 01

    Bestandsaufnahme

    Wir erfassen, welche Seiten, Beiträge, Medien und Zusatzfunktionen es gibt und welche davon Sie weiterhin brauchen.

  2. 02

    Struktur und Weiterleitungen

    Wir legen die neue Struktur fest und halten für jede alte Adresse fest, wohin sie künftig führt, damit Rankings und Verlinkungen erhalten bleiben.

  3. 03

    Inhalte übernehmen

    Texte, Bilder und Datenfelder werden übertragen, bereinigt und in die neuen Inhaltstypen überführt.

  4. 04

    Test und Abgleich

    Wir vergleichen alt und neu: Adressen, Titel, Weiterleitungen, Formulare und Darstellung auf dem Handy.

  5. 05

    Umschalten und beobachten

    Nach dem Start prüfen wir, ob alle Seiten erreichbar und indexiert sind, und beheben Abweichungen.

Eine Zusage über Ihre Platzierungen können wir nicht geben, denn die hängen von vielen Faktoren ab. Sorgfältige Weiterleitungen und ein Abgleich vor dem Start senken das Risiko aber spürbar.

Performance und Sicherheit

Eine Website lädt schnell, wenn sie möglichst wenig zur Laufzeit rechnen muss. Bei einem Headless-Aufbau lassen sich Seiten vorab erzeugen und in kurzen Abständen aktualisieren, sodass Besucher fertige Seiten erhalten. Bilder werden in passenden Größen ausgeliefert und Skripte auf das Nötige beschränkt.

Bei der Sicherheit zählt weniger die Marke des Systems als der Umgang damit. Wir setzen auf geprüfte Eingaben, getrennte Rollen und Rechte, abgesicherte Zugänge und regelmäßig aktualisierte Bestandteile. Wo es sinnvoll ist, melden sich Redakteure zusätzlich mit Zwei-Faktor-Anmeldung an. Weniger Zusatzmodule bedeuten außerdem weniger Angriffsfläche.

Ihre Daten liegen dort, wo wir es vereinbaren, zum Beispiel in einem Rechenzentrum in der EU oder auf einem eigenen Server. Regelmäßige Sicherungen gehören zum Betrieb. Wie Sie das Hosting dauerhaft aufstellen, beschreiben wir unter Wartung und Betrieb.

Wo ein eigenes CMS Sinn ergibt

Vier Konstellationen, in denen sich der Mehraufwand häufig lohnt:

Website mit Karriereportal

Unternehmensseiten und Stellenanzeigen mit eigenen Feldern, Freigabe durch die Personalabteilung und getrennter Pflege.

Produktdaten für mehrere Kanäle

Produkte werden einmal gepflegt und erscheinen auf der Website, in Katalogen und im Vertrieb.

Mehrsprachige Inhalte

Eine Redaktion, mehrere Märkte: Übersetzungen mit klarem Status und Zuständigkeit.

Anbindung an Anwendungen

Inhalte fließen in ein Kundenportal oder eine Web-App, die sie per Schnittstelle abruft.

Geht es Ihnen zunächst um eine neue Website, finden Sie das Angebot unter Webentwicklung.

Kostenfaktoren

Einen seriösen Preis gibt es erst, wenn Umfang und Systemwahl feststehen. Diese Faktoren bestimmen den Rahmen:

Projektcheck anfragen
01

Datenmodelle

Wie viele Inhaltstypen mit welchen Feldern und Beziehungen gebraucht werden.

02

Migration

Menge und Zustand der Altinhalte, Weiterleitungen und Bereinigung.

03

Rollen und Freigaben

Zahl der Nutzergruppen und der Stufen im Redaktionsablauf.

04

Mehrsprachigkeit

Anzahl der Sprachen und die Art, wie Übersetzungen gepflegt werden.

05

Hosting und Betrieb

Serverumgebung, Sicherungen, Überwachung und Updates nach dem Start.

06

Schnittstellen

Anbindung an Shop, Warenwirtschaft, App oder Portal.

Bei einem quelloffenen System fällt keine Lizenz pro Nutzer an, laufend bleiben Hosting, Wartung und Weiterentwicklung. Den Rahmen nennen wir Ihnen nach dem Projektcheck schriftlich.

Übergabe und Unabhängigkeit

Sie sollen von uns nicht abhängig werden. Deshalb setzen wir auf offene, verbreitete Technik wie Next.js, React, TypeScript und PostgreSQL und übergeben das Ergebnis vollständig: Zugriff auf das Repository, eine Dokumentation und eine Einweisung, mit der auch ein anderes Team weiterarbeiten kann.

Auf Wunsch betreuen wir Betrieb und Ausbau weiter. Was dazu gehört, finden Sie unter Wartung und Betrieb. Soll Ihr CMS mit Ihrer Unternehmenssoftware zusammenarbeiten, hilft die Seite Software-Entwicklung weiter.

Häufige Fragen

Ihre Frage ist nicht dabei? Rufen Sie an oder schreiben Sie uns, wir antworten persönlich.

Ist Headless für eine normale Firmenwebsite übertrieben?

Oft ja. Besteht Ihre Website aus Leistungsseiten, einem Blog und einem Kontaktformular, und pflegen Sie die Inhalte nur an dieser einen Stelle, ist ein klassisches System wie WordPress meist die einfachere und günstigere Wahl. Headless lohnt sich eher, wenn Inhalte mehrere Kanäle bedienen sollen, wenn Sie sehr hohe Anforderungen an Geschwindigkeit stellen oder wenn die Website Teil einer größeren Anwendung ist. Wir sagen Ihnen im Projektcheck ehrlich, was für Ihren Fall passt, auch wenn es die kleinere Lösung ist.

Können Redakteure ohne Technikwissen pflegen?

Ja, das ist ein Planungsziel. Wir bauen die Oberfläche so, dass Ihre Mitarbeitenden Texte, Bilder und Seiten in vertrauten Eingabefeldern pflegen, ohne Code anzufassen. Entwürfe, Vorschau und geplante Veröffentlichung gehören dazu, ebenso Rollen, damit nur sieht und ändert, wer das darf. Zum Start weisen wir Ihr Team ein und übergeben eine Dokumentation für den Alltag. Fällt im Betrieb etwas auf, passen wir die Oberfläche an, damit sie zu Ihren Abläufen passt und nicht umgekehrt.

Was passiert mit unseren Rankings bei der Migration?

Schwankungen nach einem Wechsel sind möglich, sicher vorhersagen lassen sie sich nicht. Wir senken das Risiko, indem wir vorab alle bestehenden Adressen erfassen, für jede ein Ziel festlegen und Weiterleitungen einrichten. Titel, Beschreibungen, Überschriften und strukturierte Daten übernehmen wir, soweit sie sich bewährt haben. Vor dem Start vergleichen wir alt und neu, danach beobachten wir, ob alle Seiten erreichbar sind und weiterhin indexiert werden. Auffälligkeiten beheben wir zeitnah. Eine Platzierung versprechen wir nicht.

Passt dazu