In diesem Artikel nehme ich Dich mit hinter die Kulissen einer Zusammenarbeit. Bei der ging es darum, das Design der Blogartikel zu optimieren – unter anderem mit einer Sidebar. Doch auch andere Elemente, die in Blogbeiträgen wichtig sind, standen im Fokus.
Du erfährst, wie eine Zusammenarbeit bei einem solchen Projekt abläuft und wie mein Workflow bei dieser Art der Optimierung aussieht. Dafür gebe ich Dir einen Einblick in die verschiedenen Arbeitsschritte.
Darum ging es bei dem Projekt
Christa hat mit ihrem Sortierservice einen Blog und war mit dem Design nicht ganz zufrieden. Sie wünschte sich bei der Ansicht ihrer Blogartikel eine Sidebar, die sich gut in das Gesamtbild ihres Blogs einfügt. Gleichzeitig sollte diese natürlich dazu führen, dass sich Menschen in ihren Newsletter eintragen oder direkt Kontakt mit ihr aufnehmen.
Übrigens war das nicht unsere erste Zusammenarbeit. Christa hatte auch schon meinen Onlinekurs „Keywords finden leicht gemacht“ erworben und eine Blog-Analyse in Anspruch genommen, um ihren Blog zu optimieren. Nun brauchte sie meine Unterstützung bei der Umsetzung.
Von der ersten Anfrage bis zum Start der Zusammenarbeit
Christa kam bereits bei der Anfrage mit einem ersten Entwurf auf mich zu. Diesen habe ich mir natürlich erst einmal angeschaut und dabei auch schon ein paar Stellen zur Optimierung gefunden.
Den hätte ich direkt so umsetzen können, aber ich habe zusätzlich noch ein Zoom-Gespräch mit ihr vereinbart. Damit möchte ich sicherstellen, dass:
- ich genau weiß, was meine Kundin konkret möchte
- ich später auch wirklich die Wünsche meiner Kundin erfüllen kann
- nicht während der Zusammenarbeit noch Wünsche aufkommen, die ich zuvor nicht kannte und es zu doppelter Arbeit kommt.
Beispielsweise hatte sich in diesem Gespräch herausgestellt, dass Christa sich in ihren Blogartikeln auch eine Infobox wünscht.
Nach unserem Gespräch habe ich Christa ein individuelles Angebot geschickt, das sie auch sehr schnell zugesagt hat. Der Zusammenarbeit stand also nichts mehr im Weg.
Konkret gab es Folgendes zu erledigen:
- Sidebar-Vorlage erstellen
- Autorenbox-Vorlage erstellen
- Infobox-Vorlage erstellen
- Vorlage für zukünftige Blogartikel erstellen
Ausgangssituation: So sahen die Blogartikel vor der Zusammenarbeit aus
Nachdem Du jetzt weißt, wie wir in die Zusammenarbeit gestartet sind, möchte ich Dir kurz die Ausgangssituation auf Christas Blog zeigen.
Auf dem folgenden Screenshot siehst Du, dass die Sidebar zuvor lediglich aus dem Inhaltsverzeichnis bestand.
👍🏼 Tipp: Auf Blogs ist es nicht unbedingt sinnvoll, das Inhaltsverzeichnis in die Sidebar zu integrieren. Das sollte in den Artikel. Die Sidebar kannst Du für wichtigere Dinge, wie eine Kurzvorstellung oder ein Formular zur Newsletter-Anmeldung bzw. Kontaktaufnahme, nutzen.
Umsetzung beginnt
Der Plan stand nun und ich habe wenige Tage später mit der Umsetzung begonnen.
Im ersten Schritt habe ich den Entwurf so angepasst, wie es aus meiner Sicht als Blog-Expertin am zielführendsten ist. Das betrifft z. B. den Aufbau der Sidebar und die Gestaltung der Texte.
Sidebar mit Elementor gestalten
Da Christa mir ihre Vorstellung von der Sidebar schon in einem Entwurf übermittelt und mir die Freiheit zur Optimierung erteilt hatte, habe ich meinen optimierten Entwurf direkt in Elementor umgesetzt.
Das Ergebnis siehst Du im folgenden Screenshot:
Autorenbox und Infobox gestalten
Neben der Sidebar hatte Christa den Wunsch einer Autoren- und Infobox geäußert. Diese habe ich als Templates erstellt, sodass sie bei neuen Blogartikeln einfach eingefügt werden können.
Für die Autorenbox hatte Christa mir bereits einen Vorschlag geschickt, den ich etwas angepasst habe. Konkret haben wir noch eine Textpassage eingebaut, mit der noch mehr Vertrauen bei den Lesern aufgebaut wird.
👍🏼 Tipp: In der Autorenbox kann es ruhig etwas ausführlicher zugehen als in der Kurzvorstellung in der Sidebar. Als Call-to-action eignet sich am besten die Über-mich-Seite. Das war auch in diesem Fall sinnvoll, weil Christas Website-Besucher diese Seite häufig aufrufen. Lies hier, worauf es bei der Gestaltung der Autorenbox für Blogs ankommt.
Die Infobox ist ebenfalls ein wichtiges Element, das sich aber nicht bei jedem Blogbeitrag anbietet. Bei der Gestaltung ist es wichtig, dass Du die Infobox immer einheitlich gestaltest. Daher habe ich auch hier ein Template erstellt.
Vorlage für Blogartikel erstellen
Die einzelnen Elemente für das neue Design der Blogartikel standen nun erstmal. Zum Schluss war die finale Vorlage für die zukünftigen Blogbeiträge an der Reihe.
Der Workflow sollte dann folgender sein: Neuen Beitrag erstellen – Vorlage in Elementor einfügen – Text einfügen – fertig.
Aber was hat sich hier geändert?
Inhaltsverzeichnis:
Zuvor gab es in Christas Blogartikeln nur das Inhaltsverzeichnis in der Sidebar. Das sollte direkt in den Blogbeitrag integriert werden. Idealerweise erscheint das nach der Einleitung. Von hier aus können Nutzer einfach zu dem Abschnitt navigieren, der sie interessiert.
Die Erstellung des Inhaltsverzeichnisses war kein großer Aufwand. Das Plugin „Table of Contents“ war bereits installiert. So brauchte ich lediglich in Elementor das entsprechende Element einfügen und die Design-Einstellungen festlegen.
Ähnliche Beiträge:
Die Anzeige weiterer, relevanter Artikel unter dem Blogbeitrag ist immer sinnvoll. Aber auf Christas Blog war das noch nicht optimal gelöst.
Wie Du auf dem Screenshot siehst, gab es für Leser lediglich die Möglichkeit von „Vorheriger – Nächster“. Das sind aber nicht immer die Artikel, die auch zu dem aktuellen Thema passen.
Außerdem sieht es auch nicht gerade ansprechend aus. Damit sinkt die Wahrscheinlichkeit, dass Leser auf den nächsten Beitrag klicken.
In der optimierten Variante werden ähnliche Beiträge angezeigt. Die Bedingungen für die Auswahl der Blogbeiträge sind so eingestellt, dass sie thematisch zu dem aktuell angezeigten Blogartikel passen.
Das sieht doch gleich viel ansprechender aus, oder?
Feedback und Anpassungen
Von meiner Seite war die erste Arbeit an dieser Stelle erledigt. Nun war Christa wieder an der Reihe, mir Feedback zu dem neuen Design zu geben.
❗️Hinweis: Grundsätzlich schreibe ich meinen Kunden nicht vor, wie etwas gestaltet sein soll. Das ist schließlich ihr Blog und sie müssen sich am Ende wohl mit dem Design fühlen. Natürlich gebe ich immer Empfehlungen, die wir besprechen. Letztlich setze ich das aber nach dem Kundenwunsch um.
Rückblickend waren es ein paar Kleinigkeiten, die es zu verbessern gab. Diese habe ich innerhalb weniger Tage umgesetzt, sodass Christa schnell mit dem Design live gehen konnte.
Ältere Blogbeiträge anpassen – ein individuelles Problem
Zum Schluss war noch die Frage zu klären: Wie überträgt man das neue Design auf ältere Blogbeiträge?
Wenn es nur die Sidebar gewesen wäre, die man einfügt, wäre das automatisch gegangen. Da wir aber auch innerhalb eines Artikels weitere Punkte, wie Inhaltsverzeichnis, Infobox, Autorenbox und ähnliche Beiträge, geändert haben, muss das händisch passieren.
Das ist allerdings ein Aufwand der einmal gemacht werden muss und dann auch erledigt ist. Den wollte Christa selbst erledigen und ich habe ihr dafür eine Video-Anleitung aufgenommen. In der kann sie sich die einzelnen Schritte auch immer wieder ansehen.
Blogartikel-Design optimieren: Hat es sich gelohnt?
Seit der Optimierung sind erst ein paar Wochen vergangen, sodass zum jetzigen Zeitpunkt noch keine konkreten Zahlen vorliegen. Es wird sich mit der Zeit herausstellen, ob durch die Anpassungen mehr Newsletter-Anmeldungen und Kontakt-Anfragen generiert werden.
Aber eines lässt sich schon jetzt festhalten: Optisch macht die Ansicht der Blogartikel einen deutlich ansprechenderen Eindruck als zuvor.
Hier kannst Du gerne mal auf Christas Blog vorbeischauen. Hinterlasse gerne einen Kommentar und verrate mir, wie Du das neue Erscheinungsbild findest.
🚀 Und falls Du jetzt denkst: Ich wünsche mir auch, dass mein Blog-Design endlich mal neu angepasst wird. Dann vereinbare noch heute einen Termin für ein Kennenlerngespräch. Darin unterhalten wir uns ganz unverbindlich über Deinen Blog. Wir sehen uns an, ob es da Optimierungsbedarf gibt und besprechen, wie eine Zusammenarbeit aussehen kann.
Über den Autor
