In dieser Projektrückschau zeige ich dir, wie ich Schritt für Schritt die Website des Verbands Familienarbeit e.V. um 58% optimiert habe.
Verbandswebsite: Die Ausgangslage
Der Verband Familienarbeit e.V. blickt auf eine über 40-jährige Tradition zurück: Bereits 1979 wurde er gegründet, damals noch unter dem Namen Deutsche Hausfrauengewerkschaft e.V.
Im Laufe vieler Jahre publizierte der Verband eine Vielzahl von Beiträgen in Printmedien, aber auch auf der Verbandswebsite www.familienarbeit-heute.de.
Allerdings bot die Website ein nur ein Basis-WordPress-Design und entsprach heutigen Anforderungen an Websites nicht mehr. Es fehlten beispielsweise:
- eine für Smartphones optimierte Ansicht
- eine verschlüsselte Verbindung beim Aufruf der Website
- eine Startseite, die die Angebote des Verbands klar herausstellt
- Bilder, um das Erscheinungsbild aufzulockern und Besucher zum Lesen einzuladen.
Der Verband trat daher mit der Aufgabenstellung an mich heran, die Website optisch frischer und nutzerfreundlicher zu gestalten.
Verbandswebsite: Herangehensweise
Im Sinne eines Aufbau ohne technische Altlasten entschied ich mich dafür, die Website auf einer neuen Wordpress-Installation zu erstellen, in die ich die bestehenden Beiträge der bisherigen Website importierte.
Da ich für die Website die kostenlose Version des von mir favorisierten Page Builders Elementor verwenden wollte, benötigte ich ein WordPress-Theme, das mir genug Gestaltungsspielraum lässt und mit Elementor harmoniert. Nach einiger Recherche und Abstimmung entschied ich mich für das Theme CityLogic von OutTheBox Themes (den Entwicklern gebührt großer Dank für den vorbildlichen Kundendienst).
Theme und Plugin
Nachdem ich das Konzept der Website mittels Wireframes mit meinem Kunden abgestimmt hatte, ging es nun vor allem darum, kostengünstige Bilder rund um die Themen Familie, Erziehung daheim, sowie Kindergeld und Familienrecht zu finden. Nachdem ich mehrere Bilddatenbanken verglichen habe, erschien mir 123rf.com die Anforderungen trotz des günstigen Preises gut zu erfüllen.
Seitenaufbau
Neben der neuen Startseite erstellte ich mehrer neue Unterseiten, insbesondere für die Ansprache der Zielgruppen junge Eltern und Goßeltern. Die Texte wurden hierbei vom Verband zur Verfügung gestellt. Die Navigation der Website strukturierte ich in Aktuelles (Beiträge des Verands), Grundlagen (Positionspapiere, Thesen und Links) sowie Unser Verband (Geschichte, AnsprechpartnerInnen und weitere verbandsbezogene Informationen).
Logo und Aufmacherbild
Die zuvor recht prominente Eule, das Logo des Verbands, verschob ich in das Icon der Website und unterhalb des ersten Bildschirms, verknüpfte sie dort aber mit dem Hinweis auf die Unabhängigkeit des Verbands und die lange Tradition. Außerdem geht ein fester Link in der Seitenleiste näher darauf ein, warum die Eule zum Symbol des Verbands wurde.
An Stelle der Eule trat nun eine großes Aufmacherbild, das eine junge Mutter mit Kind zeigt. Das Bild verdeutlicht besser als die Eule, worum es dem Verband thematisch geht und es lässt die Website moderner wirken.
Optimierung für Suchmaschinen
Für alle neu erstellten Seiten achtete ich besonders auf einen suchmaschinenoptimierten Aufbau in Form eines nicht zu langen Seitentitels, einer aussagekräftigen Seitenbeschreibung sowie einer klaren Gliederung des Textes in mehreren Headline-Klassen.
Automatisierte Beitragsbilder
Für die eigenständige Pflege der Beiträge durch den Verband definierte ich Beitragsbilder für jede thematische Beitragskategorie, sodass keine Beiträge ohne Beitragsbilder veröffentlicht werden. Selbstverständlich können die Beitragsbilder aber jederzeit verändert bzw. angepasst werden.
Verbandswebsite: Das Ergebnis in Zahlen
Schon nach etwa drei Wochen war die Runderneuerung der Verbands-Website umgesetzt. Da die Website explizit kein Tracking von Drittanbietern enthalten sollte, liegen mir zur Erfolgsmessung lediglich die automatisch erfassten Statistiken des Websites-Check des Hostinganbieters IONOS vor. Deren Analyse ist verglichen mit anderen sicher weniger ausgefeilt, die Zahlen dürften den Trend aber zuverlässig wiedergeben und können sich sehen lassen:
Insgesamt zeigt der Website-Check eine Verbesserung um 58% bzw. um 29 Prozentpunkte – von einer Bewertung von 50% vor dem Umbau zu 79% nach dem Überarbeitung.
Auch in der Detailauswertung einzelner Merkmale der Verbands-Website sieht man den positiven Effekt:
Den größten Sprung machte die Verbandswebsite hinsichtlich der Sichtbarkeit – von 33% auf 89%. Dies ist auf die beschriebenen SEO (Suchmaschinenoptimierungs)-Maßnahmen zurückzuführen sowie auf das Hinzufügen einer Sitemap, die bis dahin fehlte.
Ebenso erfreulich ist die Verbesserung der Verbandswebsite in Punkto Sicherheit. Hier war unter anderem das Aufschalten eines SSL-Zertifikats sowie das Installieren des Plugins WordFence ausschlaggebend.
Tipp: Oft ist den Hostingpaketen bereits ein SSL-Zertifikat enthalten, wird aber aus Unkenntnis nicht eingesetzt. Prüfe deinen Ihren Hostingvertrag und aktiviere SSL – dies dauert nur wenige Minuten. Falls SSL nicht in deinem Paket enthalten ist, bestelle es nach und vermeide damit Browser-Warnungen wegen potenzieller Unsicherheit Ihrer Website. Unterstützt der Hoster Let’s Encrypt SSL-Zertifikate, ist die Herstellung der sicheren Verbindung sogar ohne zusätzliche Kosten möglich.
Verbandswebsite: Das Feedback
Nach Abschluss der Neugestaltung erreichten mich im Januar 2020 viele positive Rückmeldung von Verbandsseite. Zwar kann ich diese aus datenschutzrechtlichen Gründen hier nicht wiedergeben, jedoch hat mir der Bundesvorsitzende des Verbands Familienarbeit e.V., Dr. Johannes Resch freundlicherweise eine offizielle Bestätigung der positiven Resonanz zukommen lassen.
Die Stellvertretende Bundesvorsitzende Jenniffer Ehry-Gissel schrieb zu unserer Zusammenarbeit:
„David hat es in kurzer Zeit geschafft, aus unserer Textwüste eine attraktive Webseite zu gestalten, auf der sich jeder sofort zurechtfindet. Absolute Empfehlung!“
Jenniffer Ehry-Gissel, Stellvertretende Bundesvorsitzende Verband Familienarbeit e.V.