{"id":2572,"date":"2026-08-02T20:12:59","date_gmt":"2026-08-02T20:12:59","guid":{"rendered":"http:\/\/pixels.ch\/de\/insights\/glossar\/headless-cms\/"},"modified":"2026-10-19T15:01:57","modified_gmt":"2026-10-19T15:01:57","slug":"headless-cms","status":"publish","type":"glossar","link":"https:\/\/pixels.ch\/de\/insights\/glossary\/headless-cms\/","title":{"rendered":"Headless CMS"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><strong>Ein Headless CMS ist ein Content-Management-System ohne eigene Darstellung: Es speichert Inhalte strukturiert und liefert sie \u00fcber eine Schnittstelle (API) an Website, App oder andere Kan\u00e4le aus.<\/strong> \u00abHeadless\u00bb heisst \u00abohne Kopf\u00bb. Der Kopf ist die Darstellungsebene, die einem Headless CMS bewusst fehlt.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Headless CMS lohnt sich, wenn dieselben Inhalte an mehreren Orten erscheinen. F\u00fcr eine Website, die nur eine Website ist, bringt Headless meist mehr Aufwand als Nutzen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ein Headless CMS ist nicht automatisch moderner oder schneller als WordPress.<\/strong> Headless ist ein anderes Architekturmodell, kein besseres CMS. Ein Headless CMS verlagert Arbeit vom CMS ins Frontend, also in die Website oder App, die Besuchende sehen. Auch WordPress l\u00e4sst sich \u00fcber seine Schnittstelle headless betreiben.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wie funktioniert ein Headless CMS?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In einem Headless CMS liegen Inhalte als Daten vor: Titel, Text, Bild, Preis, jedes Feld einzeln. Das Frontend holt diese Daten \u00fcber eine Schnittstelle ab und baut daraus die Seite. Die Schnittstelle arbeitet meist mit REST oder GraphQL. Ein klassisches CMS erledigt beides in einem System. Es verwaltet die Inhalte und erzeugt die fertige Seite gleich mit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neben Headless tauchen zwei verwandte Begriffe auf. \u00abDecoupled\u00bb meint ein CMS, das Inhalte per API ausliefert, aber zus\u00e4tzlich eine eigene Darstellung mitbringt. \u00abAPI-first\u00bb beschreibt Systeme, die von Anfang an f\u00fcr die Auslieferung \u00fcber Schnittstellen gebaut sind.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was ist der Unterschied zwischen Headless CMS und WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WordPress ist ein klassisches CMS: Redaktion, Vorlagen und Ausgabe der Seite stecken in einem System. \u00dcber seine REST API gibt WordPress Inhalte aber auch als JSON an eigenst\u00e4ndige Anwendungen weiter. Damit dient WordPress selbst als Headless-Backend, die Redaktion arbeitet weiter in der gewohnten Oberfl\u00e4che.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Strapi ist ein Beispiel f\u00fcr ein reines Headless CMS. Strapi ist Open Source und bringt kein eigenes Frontend mit. Die Website baut ein Entwicklungsteam separat, zum Beispiel mit einem JavaScript-Framework.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wann lohnt sich ein Headless CMS und wann nicht?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Headless CMS lohnt sich, sobald dieselben Inhalte an mehreren Orten erscheinen: Website und native App, mehrere Marken auf einer Inhaltsbasis, Produktdaten in Shop und Katalog, digitale Beschilderung. Dann pflegst du Inhalte einmal und spielst sie mehrfach aus.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Headless CMS lohnt sich selten, wenn du eine einzelne Website betreibst, die Redaktion klein ist und im Betrieb kein Entwicklungsteam bereitsteht. Vorschau, Formulare und Verlinkung, die ein klassisches CMS mitbringt, muss dann das Frontend nachbauen. Diese Flexibilit\u00e4t bezahlst du, ohne sie zu nutzen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was bedeutet ein Headless CMS f\u00fcr SEO und KI-Suche?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Bei einem Headless CMS entscheidet das Frontend, was Suchmaschinen sehen. Google kann JavaScript ausf\u00fchren, rendert Seiten aber in einem eigenen Schritt und empfiehlt weiterhin Server-Side-Rendering oder Pre-Rendering. Nicht alle Bots f\u00fchren JavaScript aus. Die Inhalte m\u00fcssen deshalb im ausgelieferten HTML stehen, sonst sieht ein Crawler ohne JavaScript eine fast leere Seite.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dazu kommt Handarbeit: Titel, Meta-Beschreibungen, Weiterleitungen, Sitemaps und strukturierte Daten erzeugt bei einem Headless CMS nicht das CMS, sondern das Frontend. Wer das vergisst, baut eine schnelle Website, die Suchmaschinen nur halb lesen. Wie Inhalte in KI-Antworten auftauchen, erkl\u00e4rt der Eintrag <a href=\"\/de\/insights\/glossar\/generative-engine-optimization\/\">Generative Engine Optimization<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Worauf achtest du bei einem Headless CMS in der Schweiz?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mehrsprachigkeit ist in der Schweiz der Normalfall. Strapi bringt daf\u00fcr eine kostenlose Funktion zur Internationalisierung mit, die standardm\u00e4ssig ausgeschaltet ist. Du schaltest sie pro Inhaltstyp ein und pflegst danach jede Sprache als eigene Fassung. F\u00fcr die Suche braucht jede Sprachfassung hreflang-Angaben. Sie sagen Google, welche Sprachfassung f\u00fcr wen gedacht ist. Die Angaben verweisen aufeinander und nutzen Codes wie de-CH oder fr-CH.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hosting: Das revDSG verlangt keinen Server in der Schweiz. Liegen Daten im Ausland, nennst du das Land in der Datenschutzerkl\u00e4rung (Art. 19 DSG). Bietet das Land keinen angemessenen Datenschutz nach Anhang 1 der Datenschutzverordnung (DSV), braucht es zus\u00e4tzliche Garantien wie Standardvertragsklauseln (Art. 16 DSG). Mit dem Hoster schliesst du einen Vertrag \u00fcber die Auftragsbearbeitung (Art. 9 DSG). Mehr dazu im Eintrag <a href=\"\/de\/insights\/glossar\/revdsg\/\">revDSG<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ist ein Headless CMS das Richtige f\u00fcr dich?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sechs Fragen helfen beim Entscheid f\u00fcr oder gegen ein Headless CMS. Je \u00f6fter du mit Ja antwortest, desto eher passt Headless.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Erscheinen deine Inhalte in mehr als einem Kanal?<\/li><li>Steht f\u00fcr den Betrieb dauerhaft Entwicklungskapazit\u00e4t bereit?<\/li><li>Ist eine Vorschau f\u00fcr die Redaktion eingeplant?<\/li><li>Ist gekl\u00e4rt, wie Suchmaschinen und KI-Crawler fertiges HTML erhalten?<\/li><li>Sind Sprachen und Hosting gekl\u00e4rt?<\/li><li>Reicht das Budget f\u00fcr Bau und Betrieb von zwei Systemen?<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Wie arbeitet PIXELS mit Headless CMS?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">PIXELS baut Websites f\u00fcr Firmen in der ganzen Schweiz auf WordPress und auf Strapi als Headless CMS. Ob WordPress klassisch, WordPress als Headless-Backend oder Strapi passt, kl\u00e4rt PIXELS vor dem Bau im Technologie-Entscheid. Das Vorgehen zeigt die Leistungsseite <a href=\"\/de\/service\/webdesign-und-entwicklung\/\">Webdesign &amp; Entwicklung<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Was fragen KMU oft zu Headless CMS?<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Ist ein Headless CMS sicherer?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ein Headless CMS kann eine kleinere Angriffsfl\u00e4che bieten, weil die Redaktionsoberfl\u00e4che nicht \u00f6ffentlich erreichbar sein muss. Die Schnittstelle bleibt aber \u00f6ffentlich. Dazu betreibst du zwei Systeme, die beide Updates brauchen. Sicherer ist am Ende das System, das jemand regelm\u00e4ssig wartet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kann ich sp\u00e4ter von WordPress auf ein Headless CMS wechseln?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ja. Der Wechsel auf ein Headless CMS ist ein CMS-Wechsel mit allem, was dazugeh\u00f6rt: Inhalte \u00fcbernehmen, URLs zuordnen, Weiterleitungen setzen. Wie das ohne bleibenden Rankingverlust gelingt, steht im Eintrag <a href=\"\/de\/insights\/glossar\/content-management-system\/\">Content-Management-System<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Was heisst Headless CMS auf Deutsch?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">W\u00f6rtlich heisst Headless CMS \u00abkopfloses Inhaltsverwaltungssystem\u00bb. Im Deutschen ist der englische Begriff \u00fcblich. Gemeint ist ein CMS ohne eigene Darstellungsebene.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Was kostet ein Headless CMS ungef\u00e4hr?<\/summary>\n<p class=\"wp-block-paragraph\">Ein Headless CMS spart Aufwand, wenn du dieselben Inhalte an mehreren Orten brauchst. Du pflegst sie einmal, statt sie in jedem Kanal neu zu erfassen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teurer als eine klassische Website wird ein Headless CMS vor allem durch das eigene Frontend und den Betrieb von zwei Systemen. Dazu kommen Vorschau und Formulare, die das Frontend nachbauen muss, Server-Side-Rendering f\u00fcr Suchmaschinen und jede weitere Sprache. Je nach Produkt fallen Lizenz oder Cloud-Abo an.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine typische KMU-Website auf WordPress kostet bei PIXELS in der Regel CHF 12\u2019000 bis 20\u2019000. Eine neue Headless-Plattform beginnt bei rund CHF 30\u2019000. Steht die Plattform schon, kostet eine weitere Website darauf CHF 11\u2019000 bis 15\u2019000. Einmalige Upgrades, etwa von Strapi 4 auf Strapi 5, liegen bei CHF 2\u2019000 bis 4\u2019000. Alle Betr\u00e4ge netto, ohne MWST.<\/p>\n<\/details>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Quellen<\/strong> (Stand Oktober 2026)<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Strapi: <a href=\"https:\/\/docs.strapi.io\/cms\/intro\" rel=\"noopener\" target=\"_blank\">Strapi Docs, Introduction<\/a>, abgerufen am 19.10.2026<\/li><li>Strapi: <a href=\"https:\/\/docs.strapi.io\/cms\/features\/internationalization\" rel=\"noopener\" target=\"_blank\">Strapi Docs, Internationalization (i18n)<\/a>, abgerufen am 19.10.2026<\/li><li>WordPress.org: <a href=\"https:\/\/developer.wordpress.org\/rest-api\/\" rel=\"noopener\" target=\"_blank\">REST API Handbook<\/a>, abgerufen am 19.10.2026<\/li><li>Google Search Central: <a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/javascript\/javascript-seo-basics\" rel=\"noopener\" target=\"_blank\">Understand JavaScript SEO Basics, Stand 4.3.2026<\/a>, abgerufen am 19.10.2026<\/li><li>Google Search Central: <a href=\"https:\/\/developers.google.com\/search\/docs\/specialty\/international\/localized-versions\" rel=\"noopener\" target=\"_blank\">Localized Versions of your Pages, Stand 21.9.2026<\/a>, abgerufen am 19.10.2026<\/li><li>Schweizerische Eidgenossenschaft, Fedlex: <a href=\"https:\/\/www.fedlex.admin.ch\/eli\/cc\/2022\/491\/de\" rel=\"noopener\" target=\"_blank\">Bundesgesetz \u00fcber den Datenschutz (DSG), SR 235.1<\/a>, abgerufen am 19.10.2026<\/li><li>Schweizerische Eidgenossenschaft, Fedlex: <a href=\"https:\/\/fedlex.data.admin.ch\/filestore\/fedlex.data.admin.ch\/eli\/cc\/2022\/568\/20251201\/de\/pdf-a\/fedlex-data-admin-ch-eli-cc-2022-568-20251201-de-pdf-a-1.pdf\" rel=\"noopener\" target=\"_blank\">Datenschutzverordnung (DSV), SR 235.11, Anhang 1<\/a>, abgerufen am 19.10.2026<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Verwandt: <a href=\"\/de\/service\/webdesign-und-entwicklung\/\">Webdesign &amp; Entwicklung<\/a> \u00b7 <a href=\"\/de\/insights\/glossar\/content-management-system\/\">Content-Management-System (CMS)<\/a> \u00b7 <a href=\"\/de\/insights\/glossar\/suchmaschinenoptimierung\/\">Suchmaschinenoptimierung<\/a> \u00b7 <a href=\"\/de\/insights\/glossar\/generative-engine-optimization\/\">Generative Engine Optimization<\/a> \u00b7 <a href=\"\/de\/insights\/glossar\/user-experience\/\">User Experience<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Ein Headless CMS speichert Inhalte strukturiert und liefert sie \u00fcber eine Schnittstelle an Website, App oder andere Kan\u00e4le aus. Ein Headless CMS lohnt sich, wenn dieselben Inhalte an mehreren Orten erscheinen.<\/p>","protected":false},"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2572","glossar","type-glossar","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/pixels.ch\/de\/wp-json\/wp\/v2\/glossar\/2572","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixels.ch\/de\/wp-json\/wp\/v2\/glossar"}],"about":[{"href":"https:\/\/pixels.ch\/de\/wp-json\/wp\/v2\/types\/glossar"}],"version-history":[{"count":4,"href":"https:\/\/pixels.ch\/de\/wp-json\/wp\/v2\/glossar\/2572\/revisions"}],"predecessor-version":[{"id":2887,"href":"https:\/\/pixels.ch\/de\/wp-json\/wp\/v2\/glossar\/2572\/revisions\/2887"}],"wp:attachment":[{"href":"https:\/\/pixels.ch\/de\/wp-json\/wp\/v2\/media?parent=2572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}