Das Holistische WordPress Konzept
So baue ich moderne WordPress Seiten, die einfach zu bedienen und durch und durch auf SEO optimiert sind
Wäre es nicht schön, wenn:
- WordPress viel einfacher zu bedienen wäre, so dass neuer Content viel schneller veröffentlicht werden kann?
- das Web-Design direkt in WordPress erstellt und bearbeitet werden könnte, so dass Design-Anpassungen viel schneller und zentral umgesetzt werden können?
- das Design und die Bedienung von WordPress von Anfang an auf SEO-Bedürfnisse optimiert wären?
Das Holistische WordPress Konzept in 30 Sekunden
Was ist das Holistische WordPress Konzept?
1. Prinzip – Atomic Design
Brad Frost's Atomic Design ist ein bewährtes, robustes Design Konzept. In meinem Ansatz wird das durch eine spezielle Theme-Plugin-Kombination direkt in WordPress integriert. Das führt zu schnelleren Design Iterationen.
2. Prinzip – Einfachere WordPress Bedienung
Durch eine hochoptimierte WordPress-Bedienung, ist das Erstellen von neuen Inhalten ein Kinderspiel. Durch die enge Verzahnung mit dem Atomic Design Elementen ist eine falsche Verwendung des Designs kaum noch möglich und führt schließlich zu einer konsequenteren Design-Anwendung.
3. Prinzip – SEO-getriebene Architektur
Alles ist SEO! Daher umschließt SEO die beiden vorherigen Punkte. Das ist ein ganz zentraler und umfassender Ansatz. Selbst das Design ist von Anfang an auf SEO optimiert.
Inhaltsverzeichnis
Die aktuelle Situation
Komplizierte WordPress Bedienung blockiert den Workflow
Ich erlebe regelmäßig, dass bei Kundeninstallationen der Content Workflow blockiert ist, weil sich zu viel mit technischen Aspekten herumgeschlagen wird – selbst wenn wir den Punkt Plugin Updates & Co. mal ausser Acht lassen.
Am Ende dauert es Wochen bis neuer Content online steht, was eigentlich nur Stunden oder Tage hätte dauern sollen. Es ist tragisch, wieviel Arbeitszeit und Geld durch einen nicht optimierten WordPress Workflow verbrannt wird.
1. Prinzip – Atomic Design
Was ist Atomic Design?
Vorteile von Atomic Design
Vorteile des Atomic Design Konzepts für das Marketing
Atomic Design führt zu einem robusteren Design System. Dadurch wird das UI/UX höherwertiger und konsistenter.
Im Zusammenspiel mit der vereinfachten WordPress Bedienung (das zweite Prinzip des Hollistischen WordPress Konzepts) gibt es weniger Spielraum für falsche Anwendung. Darüber hinaus sind Entwicklung und Änderungen am Design schneller umgesetzt.
Atomic Design in WordPress
Warum arbeiten nicht alle nach dem Atomic Design Prinzip?
Viele Designer arbeiten bereits nach dem Atomic Design Prinzip – aber nur in ihrem Design-Tool wie Figma oder XD. Leider bietet WordPress von Haus aus keine Möglichkeiten, um einen sinnvollen Design-Workflow im Atomic Design Prinzip abzubilden.
Mit dem Holistischen WordPress Konzept wird das Atomic Design Prinzip jedoch direkt in WordPress eingebaut.
2. Prinzip – Einfache WordPress-Bedienung
WordPress so einfach wie möglich, so komplex wie nötig!
Am Ende muss die Marketing-Abteilung oder die Agentur mit WordPress arbeiten können. Dabei muss es so einfach wie möglich sein.
Daher optimiere ich die WordPress-Bedienung auf das Wesentliche!
Alle nicht notwendigen Einstellungsmöglichkeiten werden entfernt. Im optimalen Fall, wird der Content einfach nur abgefüllt. Und das bringt zwei ganz wesentliche Vorteile mit sich:
- Die Erstellung von Content ist viel einfacher und schneller.
- Inkonsequente Anwendung des Designs wird vermieden.
Klicke das Bild an, um es zu vergrößern.
So sieht die Arbeitsoberfläche im Holistischen WordPress Konzept aus – aufgeräumt und auf das Wesentliche konzentriert.
Ich wollte zunächst mit Pfeilen kennzeichnen, welches Inhalts-Element wie bearbeitet wird. Ich denke, dass es auch ohne Pfeile sehr leicht zu erfassen ist, wie der Content bearbeitet wird.
3. Prinzip – SEO-getriebene Architektur
Design und WordPress Bedienung von Anfang an auf SEO optimiert
Das dritte Prinzip des Holistischen WordPress Konzepts: SEO-getriebene Architektur.
Alles ist SEO – daher umschließt SEO die beiden vorherigen Punkte. Das ist ein radikaler Ansatz. Kaum jemand betrachtet bereits beim Design Ansatz, welche SEO Bedürfnisse bestehen und richtet das Design daran aus.
SEO First ist das neue Mobile First!
Alles ist SEO
Design mit Strategie entwickeln
Bevor das Design erstellt wird, findet zunächst ein SEO-Audit statt. Entweder es wurde bereits eine SEO-Strategie erarbeitet oder wir erarbeiten das zusammen.
Basierend auf der SEO-Strategie und den Customer Journeys werden dann Bedürfnisse an Design und Content Module formuliert. So spielen Design und Ziele der Webseite wirklich Hand-in-Hand. Nur so kann man Design mit Strategie entwickeln.
Wenn SEO und/oder Conversions auf eurer Webseite eine Rolle spielen, dann sollte sich bereits das Design an dessen Bedürfnissen orientieren!
Zusammenfassung
Das bietet das Holistische WordPress Konzept
Atomic Design direkt in WordPress
Ein robustes Design System, was zu einer konsequenten Design-Umsetzung führt, direkt in WordPress integriert ist und schnell bei der Umsetzung und Anpassungen ist.
Einfachere WordPress Bedienung
Eine hochoptimierte WordPress-Bedienung, die das Erstellen von neuem Content vereinfacht, in dem nicht notwendige Einstellungsmöglichkeiten entfernt werden – so einfach wie möglich, so komplex wie nötig.
SEO-getriebene Architektur
Alles was die beiden vorherigen Punkte (Atomic Design und einfachere Bedienung) angeht werden im Kern an den bestehenden SEO-Bedürfnissen ausgerichtet.
Teste es aus!