Funktionale Komponenten statt Textwüsten: Warum dein Magazin ein Content-System braucht.
Von Oliver Dahm · SEO- und AI-Consultant für Online-Shops
TL;DR: Die meisten Shops produzieren Upper-Funnel-Inhalte wie Blogposts, Magazin- und Ratgeberartikel nach einem einzigen Template: Überschrift, Textwüste, fertig. Das Problem: Google bewertet längst, was eine Seite tut, nicht nur, was sie sagt. Die Lösung ist ein Content-System: definierte Formate mit klarer Funktion, wiederverwendbaren Modulen und einem Layout-Gerüst je Seitentyp. Wie du so ein System planst, zeige ich dir hier, inklusive Wireframes und Beispielen aus echten Kundenprojekten.
„Noch ein Blogartikel" ist keine Strategie
Der Ablauf ist fast überall gleich: Keyword-Recherche, Themenliste, und dann fließt jedes Thema in dasselbe Template. Einleitung, Zwischenüberschriften, Fließtext, vielleicht ein Stockfoto. Ob Kaufberatung, Produktvergleich, Anleitung oder Inspirationsthema: Am Ende sieht jede Seite gleich aus.
Warum das zur Textwüste führt
Genau das meine ich mit Textwüste. Nicht zu viel Text, sondern Text, der Aufgaben nicht erledigt. Wer zwei Produkte vergleichen will, braucht eine Vergleichstabelle und keine 800 Wörter Prosa. Wer eine Anleitung sucht, braucht nummerierte Schritte mit Bildern. Wer am Anfang seiner Recherche steht, braucht Orientierung und Einstiege, keine Detailtiefe. Ein Template für alles heißt: Für die meisten Suchintentionen ist deine Seite die falsche Antwort.
Google bewertet, was deine Seite tut
Das ist keine UX-Romantik, sondern messbare Ranking-Realität. Suchmaschinen und KI-Systeme werten zunehmend aus, welche Funktion eine Seite erfüllt: Welche Komponenten liegen im Zentrum des Dokuments? Erledigt die Seite den Task hinter der Suchanfrage? Passt der Seitentyp zur Intention? Koray Tuğberk Gübür hat das unter dem Begriff Visual Semantics ausführlich hergeleitet, inklusive eines Fallbeispiels, bei dem allein die Verschiebung des zentralen Funktionselements in die Dokumentmitte die Klicks um rund 30 Prozent erhöht hat.
Was das für deine Inhalte bedeutet
Für deine Upper-Funnel-Inhalte heißt das: Die Frage ist nicht mehr nur „Worüber schreibe ich?". Die Frage ist: „Welche Elemente und Funktionen braucht diese Seite, damit der Besucher seine Aufgabe erledigen kann?" Und diese Frage beantwortest du nicht pro Artikel neu, sondern einmal systematisch: mit einem Content-System.
Was ein Content-System ist
Ein Content-System ist das Playbook für deinen gesamten Magazin-, Blog- oder Ratgeberbereich. Es legt drei Dinge fest:
Die drei Bausteine im Detail
- Formate: Welche Content-Typen es gibt und welche Aufgabe jeder Typ für die Zielgruppe erfüllt.
- Module: Aus welchen wiederverwendbaren Bausteinen jede Seite besteht, von der Kurzantwort über das Produkt-Grid bis zur Vergleichstabelle.
- Layout-Gerüste: In welcher Reihenfolge die Module je Format stehen, damit das zentrale Funktionselement dort sitzt, wo es hingehört.
Der Unterschied zum Einheitstemplate: Du entscheidest nicht mehr pro Artikel aus dem Bauch, wie die Seite aussieht. Das Format entscheidet. Ein neues Thema wird einem Format zugeordnet, das Format bringt sein Layout mit, und die Redaktion füllt Module statt leerer Textfelder. Das bringt Klarheit in die Planung, Planbarkeit in die Produktion und Skalierbarkeit in den gesamten Bereich. Und es funktioniert unabhängig vom Shopsystem: Ich baue solche Systeme für Kunden auf Shopify genauso wie auf Shopware oder mit einem Headless-CMS.
So planst du ein Content-System
Schritt 1: Themen und Zielgruppe klären
Bevor du über Seiten nachdenkst, brauchst du zwei Listen: Worüber willst du schreiben, und was interessiert deine Zielgruppe wirklich? Die Schnittmenge ist dein Themenraum. Dazu gehört auch die ehrliche Frage, welche Menschen mit welchem Wissensstand zu dir kommen. In einem Werkstatt-Projekt haben wir zum Beispiel vier Perspektiven definiert, von „richtet die erste eigene Werkstatt ein" bis „Profi sucht Spezialwissen". Jede Perspektive stellt andere Fragen und braucht andere Seiten.
Schritt 2: Themen den Journey-Phasen zuordnen
Nicht jedes Thema hat dieselbe Flughöhe. Ein einfaches Raster reicht, um jedem Thema seinen Platz zu geben:
Orientieren
Der Besucher sondiert das Thema. Er braucht Überblick, Einstiege und Grundlagen, keine Produktdetails.
Abwägen
Optionen vergleichen, Kriterien verstehen. Hier gewinnen Vergleiche, Kaufberatungen und Entscheidungshilfen.
Ausstatten
Die Entscheidung ist nah. Jetzt zählen konkrete Produkte, Setups, Anleitungen und der Weg in den Shop.
Dieses Raster verhindert den häufigsten Fehler: Seiten, die alles gleichzeitig sein wollen und deshalb keine Aufgabe richtig erledigen.
Schritt 3: Formate definieren
Aus Themenraum und Journey-Phasen entstehen deine Content-Formate. In meinen Kundenprojekten lande ich meist bei fünf bis sieben Formaten. Ein bewährter Katalog als Startpunkt:
Themen-Hub
Der Einstieg in eine Themenwelt. Bündelt alle Inhalte nach dem Hub-und-Spoke-Prinzip.
Kernmodule: Übersicht, Einstiegskarten, Themenpfade
Wissens-Snippet
Beantwortet eine konkrete Frage kompakt und maschinenlesbar. Gebaut für Google, AI Overviews und Chatbots.
Kernmodule: Kurzantwort, Vertiefung, FAQ-Markup
Kaufberatung
Führt von den Kriterien zur Empfehlung. Das Arbeitspferd im Mittelfunnel.
Kernmodule: Kriterien, Produkt-Grid, Entscheidungshilfe
Vergleich
Stellt zwei Produkte oder ganze Sortimente gegenüber. Die Tabelle ist hier das Zentrum, nicht der Text.
Kernmodule: Vergleichstabelle, Fazit je Nutzertyp
Setup-Guide
Zeigt komplette Lösungen: „So sieht das fertige Ergebnis aus, das brauchst du dafür."
Kernmodule: Setup-Bild, Teileliste, Produkt-Grid
How-to / Pflege
Nummerierte Schritte, klare Bilder, Materialliste. Erledigt eine Aufgabe von Anfang bis Ende.
Kernmodule: Schrittfolge, Materialliste, Problemhilfe
Schritt 4: Module und Wireframes festlegen
Jetzt wird aus Strategie Struktur. Für jedes Format definierst du ein Layout-Gerüst: Welche Module kommen in welcher Reihenfolge, und was ist das zentrale Funktionselement? So sehen solche Gerüste aus, hier vereinfacht für vier Formate:
Die farbigen Blöcke sind funktionale Module: Kurzantworten, Tabellen, Produkt-Grids, FAQ-Bausteine. Sie sind wiederverwendbar, im CMS als eigene Komponenten angelegt und je Format anders kombiniert. Das zentrale Funktionselement sitzt bewusst weit oben im Dokument, nicht als Deko am Ende.
Die Detailansichten: sechs Formate im vollen Gerüst
Die Kurzfassung oben reicht fürs Prinzip. So sehen die vollständigen Layout-Gerüste aus, wie ich sie in Kundenprojekten definiere, hier verallgemeinert. Klapp auf, was dich interessiert:
Kaufberatung / Ratgeber: das vollständige Gerüst
- 1H1 stellt die Kauffrage wörtlich, Einleitung holt ab
- 2Kurzantwort-Box (AEO): zitierfähig für Google und KI-Systeme
- 3Inhaltsverzeichnis mit Sprungmarken
- 4Kaufkriterien als H2-Abschnitte: Mahlwerk, Budget, Platz
- 5Empfehlung je Nutzertyp statt pauschalem Testsieger
- 6Produkt-Grid: 3 kuratierte Mühlen mit Bild, Preis, CTA
- 7Quick Check: Ja/Nein-Fragen zur Selbsteinordnung
- 8FAQ-Accordion, zitierfähig formuliert, mit Markup
- 9CTA in Kategorie oder Beratung
Was dieses Format trägt: die Kurzantwort oben plus das kuratierte Produkt-Grid in der Mitte. Die Seite berät erst und zeigt dann eine handverlesene Auswahl statt des kompletten Sortiments.
Vergleich: das vollständige Gerüst
- 1H1 stellt die Entscheidungsfrage
- 2Kurzfazit: die Empfehlung vorweg, nicht erst im Fazit
- 3Vergleichstabelle als Zentrum: Desktop-Tabelle, mobil Cards
- 4Vorteile und Nachteile je Option
- 5Zuordnung je Nutzertyp: wer sollte was kaufen
- 6Produkt-Grid mit beiden Optionen
- 7CTA zu beiden Produktwelten
Wichtigstes Prinzip: Die Tabelle muss mobil funktionieren. In meinen Systemen wird jede Desktop-Tabelle auf kleinen Screens zu übereinander gestapelten Karten, nicht zu einer Quetsch-Tabelle mit horizontalem Scrollen.
Wissens-Snippet (AEO): das vollständige Gerüst
- 1H1 ist die Frage, wörtlich wie gesucht
- 2Direktantwort sofort, ohne Anlauf
- 3Vertiefung mit kleiner Mahlgrad-Tabelle
- 4Related-Modul: passende Produkte und weiterführende Inhalte
Das kürzeste Format im System, gebaut für Google, AI Overviews und Chatbots. Bewusst schlank: Wer die Antwort hat, soll weiter, nicht scrollen.
Eigenmarken- / System-Guide: das vollständige Gerüst
- 1H1: die Serienfrage der Eigenmarke
- 2Kurzantwort mit Einstiegsempfehlung
- 3Serien-Matrix: alle Linien der Eigenmarke im Überblick
- 4Das Modul- oder System-Prinzip der Marke erklärt
- 5Zuordnung: welche Serie für welchen Nutzertyp
- 6Produkt-Grid je Serie, kuratiert
- 7CTA in die Serienwelt
Das Format für Shops mit Eigenmarke: Es verankert die eigene Produktlinie im Ratgeberbereich, statt sie in Bannern anzukleben. Die Serien-Matrix ist hier das zentrale Funktionselement.
Setup-Guide (der Hub): das vollständige Gerüst
- 1H1: das große Vorhaben
- 2Kurzantwort: das Setup in einem Satz
- 3Checkliste als Überblick und Sprungmarken
- 4Bedarfs-Logik: drei Fragen ordnen den Besucher ein
- 5Ausbaustufen als Karten mit Produkt-Grid je Stufe
- 6Hub-und-Spoke: Verlinkung in die Detailartikel der Themenwelt
- 7CTA: Setup zusammenstellen
Der Hub ist die Zentrale einer Themenwelt nach dem Hub-und-Spoke-Prinzip: Er beantwortet das große Vorhaben und verteilt in die Detailartikel. Jeder Spoke verlinkt zurück.
How-to / Pflege: das vollständige Gerüst
- 1H1: die Aufgabe
- 2Bild vom Ergebnis: so soll es aussehen
- 3Materialliste vor den Schritten, nichts fehlt mittendrin
- 4Schritt 1 bis n: nummeriert und bebildert, das Zentrum
- 5Häufige Fehler und wie du sie vermeidest
- 6CTA: die Produkte aus der Materialliste
Die Schrittfolge ist das Zentrum. Alles andere ordnet sich unter: Die Materialliste steht vor den Schritten, damit niemand mittendrin merkt, dass Werkzeug fehlt.
Zwei Module im Detail
Zwei Bausteine machen in der Praxis den Unterschied. Den Anfang macht die Produkt-Karte, das kleinste Commerce-Modul im System:
Der zweite Baustein ist das Tabellen-Prinzip: Auf dem Desktop ist die Vergleichstabelle das Zentrum, auf dem Smartphone wird sie zu gestapelten Karten. Niemals zur Quetsch-Tabelle mit horizontalem Scrollen:
Schritt 5: Produktion und Skalierung
Mit Formaten und Gerüsten wird die Produktion planbar: Jedes neue Thema durchläuft dieselbe Kette. Thema wählen, Format zuordnen, Modul-Brief ausfüllen, produzieren, veröffentlichen. Bestehende Inhalte werden nicht weggeworfen, sondern in die Formate überführt: Aus dem alten 1.500-Wörter-Beitrag wird ein Wissens-Snippet plus Kaufberatung, jeweils mit den richtigen Modulen. Und weil die Module im CMS als Komponenten liegen, zieht jede Verbesserung an einem Modul automatisch durch den ganzen Bereich.
Der Nebeneffekt, der oft unterschätzt wird: Auch dein Markup wird systematisch. Jedes Format bekommt die passenden strukturierten Daten, die exakt zum sichtbaren Inhalt passen. FAQ-Markup aufs Wissens-Snippet, ItemList aufs Produkt-Grid, HowTo-Struktur auf die Anleitung. Kein nachträgliches Markup-Basteln pro Einzelseite mehr.
Aus der Praxis: zwei Content-Systeme
So sieht das konkret aus. Zwei aktuelle Beispiele aus meinen Kundenprojekten, aus Vertraulichkeitsgründen ohne Namen:
Ein Home-und-Garten-Shop mit Eigenmarken-Werkstattsortiment: Der Ratgeberbereich existierte, war aber ein Regal voller Einzelteile. Wir haben die Themenwelt „Werkstatt" als System neu aufgesetzt: vier Nutzerperspektiven, drei Journey-Phasen, sechs Formate, ein Modul-Baukasten von Orientierung über Beratung bis Commerce. Jeder bestehende Beitrag hat jetzt einen Platz im System, jeder neue einen klaren Bauplan, und die Eigenmarke ist in den Formaten verankert statt in Bannern angeklebt.
Ein großer Fotografie-Händler: Das Magazin hatte gewachsene Rubriken, aber keine funktionalen Module. Der Kern des neuen Systems: Product-Grids als redaktionell konfigurierbarer Kern, vier Tabellenarten für Vergleiche mit sauberem Desktop-zu-Mobile-Verhalten und sechs Formate vom Wissens-Snippet bis zum Setup-Guide. Dazu ein Feld-Schema fürs CMS, damit die Redaktion Module pflegt statt HTML zu bauen.
Zwei völlig verschiedene Sortimente, zwei verschiedene Tech-Stacks, dasselbe Prinzip. Genau deshalb funktioniert der Ansatz auch bei dir.
Selbstcheck: Hat dein Content-Bereich ein System?
Sechs Fragen, ehrlich beantwortet:
Weniger als vier Haken? Dann produzierst du Inhalte, aber noch kein System.
Was dir ein Content-System bringt: Klarheit in der Planung, weil jedes Thema einen definierten Platz hat. Planbarkeit in der Produktion, weil Briefs aus Modulen bestehen statt aus Wünschen. Skalierbarkeit, weil Verbesserungen an Modulen den ganzen Bereich heben. Und Seiten, die für Google, KI-Systeme und vor allem für deine Besucher erkennbar das tun, wofür sie gebaut wurden.
Textwüsten kann jeder. Systeme gewinnen.
Die Vorlage zum Mitnehmen
Content-System-Vorlage als HTML-Dokument
Die verallgemeinerte Fassung des Systems aus meinen Kundenprojekten, durchgespielt an einem Beispiel-Shop für Kaffee und Zubehör: Strategie, Personas, Journey-Phasen, sechs Formate mit Beispielthemen und Beispiel-Keywords, Modul-Baukasten, Wireframes und Redaktionsplan. Ein einzelnes HTML-Dokument, offline nutzbar, frei anpassbar für dein Sortiment.
Häufige Fragen zu Content-Systemen
Was ist ein Content-System im E-Commerce?
Ein Content-System ist das Playbook für deinen Magazin-, Blog- oder Ratgeberbereich. Es definiert Content-Formate mit klarer Aufgabe, wiederverwendbare Module wie Produkt-Grids, Tabellen und Kurzantwort-Boxen sowie ein Layout-Gerüst je Format. Neue Themen werden einem Format zugeordnet und nach dessen Bauplan produziert.
Worin unterscheidet sich ein Content-System von einem Blog-Template?
Ein Template ist ein einziges Layout für alle Inhalte. Ein Content-System stellt mehrere Formate bereit, die je nach Suchintention unterschiedlich aufgebaut sind: Ein Vergleich hat eine Tabelle im Zentrum, eine Anleitung eine Schrittfolge, ein Wissens-Snippet eine Direktantwort. Das System entscheidet über das Layout, nicht der Zufall.
Wie viele Content-Formate braucht ein Online-Shop?
In der Praxis reichen meist fünf bis sieben Formate: ein Themen-Hub, ein Wissens-Snippet für konkrete Fragen, Kaufberatung, Vergleich, Setup-Guide und How-to. Wichtiger als die Zahl ist der Zuschnitt: Jedes Format braucht eine Aufgabe, die es für deine Zielgruppe wirklich erledigt.
Funktioniert ein Content-System nur mit Shopify?
Nein. Das Prinzip ist unabhängig vom Shopsystem. Ich setze Content-Systeme für Kunden auf Shopify, Shopware und mit Headless-CMS-Lösungen um. Voraussetzung ist nur, dass sich Module als wiederverwendbare Komponenten pflegen lassen.
Verstecken Akkordeons und Tabs Inhalte vor Google?
Nein. Inhalte in aufklappbaren Elementen stehen im HTML und werden von Google vollständig indexiert. Richtig eingesetzt verbessern Akkordeons die mobile Nutzbarkeit langer Seiten, ohne Sichtbarkeit zu kosten. Wichtig ist, dass Überschriften und Kernaussagen sichtbar bleiben.
