Headless CMS im E-Commerce
Vlad Von HrabanLesezeit: 4 Minuten
Monolithische Content Management Systeme (CMS) gibt es bereits seit sehr langer Zeit. Dennoch ist es wichtig, moderne Ansätze zu kennen, wenn man die Architektur überarbeitet oder ein neues Greenfield-Projekt startet. Monolithische CMS neigen dazu, unter hohen Wartungskosten und mangelnder Flexibilität zu leiden, die von modernen Softwareentwicklungsverfahren gefordert werden können. Das Headless CMS ist in jüngster Zeit zu einem viel diskutierten Thema geworden, denn es zielt darauf ab, viele Probleme der monolithischen Systeme zu lösen. Allerdings gibt es online so viele Informationen darüber, dass es für Einsteiger überwältigend sein kann. In diesem Blogbeitrag möchten wir Ihnen einige grundlegende Konzepte vorstellen und Ihnen bei der Entscheidung helfen, ob das Headless CMS der richtige Ansatz für Sie ist.
Was ist ein Headless CMS?
Einfach ausgedrückt, bedeutet „headless“ ein System ohne eigenes Front-End. Normalerweise ist das CMS nicht nur für die Wiedergabe der Inhalte zuständig, sondern auch für deren Darstellung auf eine bestimmte Weise. Die typische Antwort des CMS besteht aus HTML-Code, CSS und JavaScript, die alle aus demselben System stammen. Ein Headless CMS hingegen gibt lediglich den Inhalt wieder, d.h. den Text des Blogposts oder den Marketingtext der Landing Page. Es handelt sich um ein System, das den Inhalt nicht menschenfreundlich, sondern computerfreundlich wiedergibt.
Warum, mögen Sie sich fragen, sollte jemand so etwas wollen? Was nützt es meinem Geschäft, wenn man keine Katzenbilder, kein ansprechendes Farbschema, das Sie sorgfältig entworfen haben, und keinen verblüffenden Schatteneffekt auf der Schaltfläche „Jetzt kaufen“ sehen kann, die Ihr Designer entwickelt hat? Keine Sorge – all das bleibt erhalten. Doch anstatt, dass das CMS für Inhalt und Präsentation gleichermaßen verantwortlich ist, werden diese beiden Bereiche voneinander getrennt. Auf diese Weise können die für den Inhalt zuständigen Personen an eben diesem arbeiten, Entwickler unabhängig agieren und Designer das Erscheinungsbild der Website verändern. Die einzelnen Komponenten funktionieren unabhängig voneinander und bieten den Nutzern dennoch ein nahtlos integriertes Erlebnis.
Inwiefern kann ich von einem Headless-Ansatz profitieren?
Flexibilität
Einige Geschäfte basieren im Wesentlichen auf hierarchischen Produktkatalogen. Allerdings sind nicht alle identisch. Wenn Ihr eCommerce-Shop über zahlreiche inhaltsreiche Seiten verfügt, wie beispielsweise Blog-Posts, Marketing-Materialien oder magazinähnliche Kataloge, ist möglicherweise eine größere Flexibilität in der visuellen Darstellung wünschenswert. In solchen Fällen kann ein separates Headless CMS äußerst nützlich sein.
E-Commerce-Software ist primär für den Verkauf von Produkten konzipiert. Sie beherrscht das Abwickeln von Bestellungen, Bereitstellen von Suchfunktionen, Anzeigen verwandter Produkte sowie das Verarbeiten von Zahlungen und Sendungen nämlich sehr gut. Allerdings ist sie nicht so effizient in der Bereitstellung der notwendigen Tools, um spezielle Bereiche Ihrer Website zu gestalten, die beispielsweise mit einer Marketingkampagne oder Messe-Nachbereitung verbunden sind. Durch die Verwendung eines Headless CMS erhalten Ihre Designer jedoch die Freiheit, die Seite nach ihren Wünschen zu gestalten und den Nutzern das einzigartige Erlebnis zu bieten, das Sie sich vorgestellt haben.
Zukunftssicherheit
Das Frontend-Technologie-Ökosystem entwickelt sich äußerst schnell, mit kontinuierlichen Verbesserungen in Bezug auf Geschwindigkeit, Logik, Funktionen und Wartbarkeit. Was vor einigen Jahren noch die bevorzugte Bibliothek oder Technologie war, kann rasch veralten und keine Unterstützung mehr bieten. Bei traditionellen CMS-Systemen bleibt man leicht in den alten Technologien stecken und eine Migration gestaltet sich schwierig. Wenn das Frontend jedoch völlig unabhängig vom Backend ist, können Frontend-Entwickler problemlos Änderungen einführen, ohne sich um andere Teile der Anwendung sorgen zu müssen.
Trennung der Zuständigkeiten bei der Wartung
Einfach ausgedrückt sind Headless CMS effizienter. Durch die Trennung von Frontend und Backend lässt sich unabhängig und parallel arbeiten, wodurch die Wahrscheinlichkeit verringert wird, dass sich Teams gegenseitig blockieren. Zudem kann eine einzelne Produktionsinstanz des Headless CMS Inhalte nicht nur für Produktionsseiten bereitstellen, sondern auch für alle Arten von Instanzen oder Prototypen.
Das bedeutet, dass Sie Ideen einfacher testen und Prototypen zügiger erstellen können. Sie können sehen, wie die Landing Pages mit echten Inhalten aussehen, während sowohl der Inhalt als auch das Design noch bearbeitet werden - und das alles ohne lästiges manuelles Hin- und Herkopieren von Inhaltsaktualisierungen zwischen verschiedenen Systemen.
Plattformunabhängigkeit
Im Jahr 2021 veröffentlichte Klarna ein Umfrageergebnis, das auf einen sehr starken Trend hindeutet - immer mehr Menschen kaufen über ihr Smartphone ein, im Gegensatz zu traditionellen Desktop-Websites. Die Generation Z hat die Nutzung von Mobiltelefonen beim Einkaufen in nur zwei Jahren von 56 % auf 75 % gesteigert. Ebenso zeigen Erhebungen von Statista, dass selbst bei der Verfügbarkeit einer an mobile Geräte angepassten Website, mobile Apps immer noch bevorzugt werden.
Wenn Sie die Nase vorn haben möchten, gilt es, mit den Einkaufstrends Schritt zu halten. Das gleiche Headless CMS kann Daten für die Website und die mobile App bereitstellen. Ein Headless CMS stellt Daten in einem Format zur Verfügung, das von der Software einfacher verarbeitet werden kann, wodurch automatisch Plattformunabhängigkeit gewährleistet wird.
Wann ist ein Headless CMS nicht die richtige Wahl?
Kleiner Maßstab
Im kleineren Maßstab ist eine monolithische Anwendung eine kostengünstigere Option. Wenn der Shop überschaubar ist, nicht viele benutzerdefinierten Inhalte vorweist, selten aktualisiert wird, über ein kleines Team oder ein begrenztes Budget verfügt, ist es ratsam, sich an den bewährten Page Builder zu halten, den Ihre E-Commerce-Software anbietet. Die meisten, wenn nicht sogar alle, E-Commerce-Lösungen bieten Tools für das Kontaktformular, den FAQ-Bereich und den rechtlichen Bereich der Website - und manchmal ist das mehr als ausreichend.
Ein Headless CMS ist KEIN Page-Builder
Ein wesentlicher Unterschied zwischen einem Headless CMS und einem herkömmlichen CMS ist, wie bereits erwähnt, die Entkopplung von Präsentation und Daten. Das bedeutet, dass der Inhalt der Seite höchstwahrscheinlich als JSON-Objekt wiedergegeben wird, wobei Zeilen und Absätze in Arrays aufgeteilt sind. Dem Inhalt ist von vornherein kein Stil zugeordnet. Das bedeutet, dass ein Designer das Layout der Seite von Grund auf neu erstellen muss. Außerdem muss eine Frontend-Logik vorhanden sein, die definiert, wie die Daten präsentiert werden sollen. Das Inhaltsteam wird nicht in der Lage sein, viele der als selbstverständlich erachteten Funktionen des Rich-Text-Editors zu nutzen. Natürlich entwickelt sich die Technologie rasant weiter und Headless CMS unterscheiden sich in ihrer Funktionalität voneinander, aber die Drag & Drop-Funktion für Bilder, Schriftart und -größe, Rasterlayout und andere Funktionen können fehlen oder sind nicht so einfach zu handhaben. Das liegt daran, dass das Hauptaugenmerk des Headless CMS auf den reinen Daten selbst liegt und nicht darauf, wie die Daten angezeigt werden.
Zusammenfassung
Ein Headless CMS ermöglicht es Ihnen, die Effizienz Ihres Teams, die Wartungsfreundlichkeit, die Verfügbarkeit Ihres Shops und die Benutzerfreundlichkeit auf ein ganz neues Niveau zu bringen. Es gibt viele Anwendungsfälle, in denen ein Shop von einem solchen Ansatz profitieren würde. Es ist jedoch auch wichtig zu wissen, wann die Komplexität den Bedarf überwiegt. Die Entkopplung eröffnet so viele neue Möglichkeiten, den Nutzern Inhalte über verschiedene Plattformen und Kontinente hinweg zur Verfügung zu stellen. Sie erweckt das einzigartige Gefühl zum Leben, das Sie für den Shop im Sinn hatten, und löst sich von generischen Layouts und Strukturen. Es ist leicht zu erkennen, warum das Headless CMS derzeit im Fokus steht. Es gäbe noch viel mehr darüber zu schreiben, aber das würde ein Buch erfordern und keinen Blogbeitrag. Wir hoffen, dass dieser Blogbeitrag Ihnen einen allgemeinen Überblick über die Idee und das Konzept hinter dem Headless CMS verschaffen konnte. Gerne können Sie sich an uns wenden, wenn Sie an diesem Thema interessiert sind!