Highlights:
- Frisches Design und dynamische Struktur
- AJAX-Suche im Header
- Footerbereich mit Partner-Sektion und Menü
- Startseite mit Slider und Tag-Cloud
- Mitgliederverzeichnis anhand der Beitragsart “Experten”
- Expertensuche
- Umkreissuche mit Standortanzeige
- Thematisch gegliederte Landing Pages
- Dynamische Inhaltsausgabe nach weiteren Merkmalen
- Glossar und Glossarbeiträge
- Fachartikel und Mandantenfragen
- Professionelle Formulare
Die neue WordPress Website im Vergleich zur ehemaligen Typo 3-Seite
Die neue WordPress Website wirkt frisch und modern, ist übersichtlich und benutzerfreundlich. Durch einen hohen Anteil an dynamischen Inhalten bleibt der Pflegeaufwand beim Anlegen neuer Inhalte gering. Die Neu-Strukturierung der Inhalte führte zu einer erheblichen Inhaltsvermehrung durch zahlreiche Landingpages mit einer sauberen und SEO-freundlichen URL-Struktur.
Die ehemalige Typo3 Seite war nicht mehr zeitgemäß und rein statisch aufgebaut. Eine große Menge an Inhalten, die über mehrere Jahre hinweg unstrukturiert angelegt wurden, führten zu einer unübersichtlichen URL-Struktur mit einer verhältnismäßig geringen Suchmaschinen-Indexierung.
Frisches Design und dynamische Struktur
Anders als auf der ehemaligen Typo3-Seite entwickelte PERIMETRIK® für die neue Website der Baurechtsuche eine dynamische Struktur. Neben der Startseite und einzelnen weiteren statischen Seiten, erstellte PERIMETRIK® weitere Taxonomien und Post Types für die Inhalte “Themen”, “Fachartikel”, “Glossar-Einträge” usw. Auf diese Weise entsteht beim Anlegen eines neuen Inhaltes sogleich eine passende Landingpage, die in wenigen Schritten vervollständigt werden kann. Anhand der Einrichtung von Verbindungen zwischen einzelnen Inhalten, können passende Inhalte einfach verknüpft und so dynamisch an den gewünschten Stellen ausgegeben werden.
Die AJAX-Suche liefert bereits während der Eingabe eine passende Trefferliste mit Textauszug und ggf. Bild.
AJAX-Suche im Header
PERIMETRIK® erstellte einen sticky Header, der bei Scrollen am oberen Bildschirmrand “andockt”. Das neu entwickelte Logo befindet sich links im Header und wird beim Scrollen verkleinert, sodass es weniger Inhalte der Seite überdeckt.
Das Menü sollte auf Wunsch der Baurechtsuche knapp gehalten werden. Neben den beiden Kern-Inhalten, der Umkreis- und der Expertensuche sind im Menü außerdem noch die Seiten “Partner”, “Expertenbeirat” und “Über uns” eingebunden. Zudem integrierte PERIMETRIK® im Header eine Volltextsuche mit AJAX. Dieser liefert bereits ab dem ersten Buchstaben eine Trefferliste mit Inhaltsauszug.
Footerbereich mit Partner-Sektion und Menü
Für den Footerbereich entwickelte PERIMETRIK® ein eigenes Footer-Menü. Dieses enthält die Punkte „Für Ratsuchende“, „Für Bauexperten“, „Top Themen“ , „Über Baurechtsuche und „Kontakt & Rechtliches“. Hier findet der Nutzer noch einmal die Links zu den Suchen sowie zu häufigen Themen und Rechtlichen Seiten.
Startseite mit Slider und Tag-Cloud
Anhand einer Tag-Cloud werden relevante Standorte aufgelistet, die mit den dazugehörigen Landing Pages verlinkt wurden. So steckt z.B. unter dem Tag “München” eine Landingpage, auf der alle Experten mit dem Standort München aufgeführt.
Weiter unten auf der Startseite integrierte PERIMETRIK® außerdem eine Auswahl der häufigsten Mandatenfragen. Die Fragen werden anhand von Toggles dargestellt; Per Klick auf einen kleinen Pfeil “switcht” der Inhalt und die Antwort wird eingeblendet. Mit Hilfe des Buttons “mehr erfahren” gelangt der User auf eine Landingpage zur Mandantenfrage, auf der eine ausführliche Antwort und weitere Infos zum Thema auf ihn warten. Wer hier nicht findet, wonach er sucht, kann außerdem eine Anfrage an den Verfassers der Frage senden. Dafür entwickelte PERIMETRIK® ein Anfrageformular mit Nachrichtenfeld und Google reCAptcha.
Überhalb des Footers kommt noch ein weiterer Slider auf der Startseite zum Einsatz: Dieser zeigt im Wechsel die Logos der wichtigsten Partner der Baurechtsuche
Mitgliederverzeichnis anhand des CPT “Experten”
Auf der pro Experte angelegten Landingpage, dem Expertenprofil, erfährt der Leser alles über die Tätigkeitsschwerpunkte und besonderen Kompetenzen des jeweiligen Mitglieds. Anhand einer Sidebar auf der rechten Seite stehen dem User zudem übersichtlich alle Kontaktdaten zum Experten zur Verfügung.
Per Klick auf den kleinen Pfeil im Toggle “Anfrage stellen” öffnet sich ein Anfrageformular, über das der Benutzer dem Mitglied eine direkte Nachricht schicken kann.
Expertensuche
Die Herausforderung für PERIMETRIK® bestand dabei darin, das von PERIMETRIK® entwickelte PlugIn PCM weiter zu entwickeln: Mittels PCM können Inhalten einer bestimmten Taxonomie oder eines bestimmten Custom Post Types ausgegeben werden. PERIMETRIK® erweiterte diese Funktion um einen internen Filtervorgang, mit dem zusätzlich nach verschiedenen Merkmale gefiltert werden kann, die miteinander in Bezug stehen.
Genauer handelt es nun um zwei Filtervorgänge, die miteinander kombiniert werden. Beim Öffnen der Seite “Expertensuche” greift zunächst der “externe Filter”. Dieser filtert nach dem Custom Post Type “Experte” und gibt die Liste mit allen Experten in alphabetischer Reihenfolge aus. Für das Filtern nach weiteren Merkmalen innerhalb des Post Types “Experte” erstelle PERIMETRIK® ein Template. In diesem wurde der “interne Filter” konfiguriert und Filteroptionen für folgende Taxonomien festgelegt: Experten-Kategorie (Spezialisierung), Thema, Sprache, Zusatzqualifizierung und Standort.
Nutzt der User nun den “internen” Filter, wird innerhalb des Post Types “Experte” nach den weiteren Merkmalen gefiltert und die Anzahl der Treffer entsprechend reduziert. Mithilfe von Conditional Logic erkennt der Filter zwischen den Merkmalen einen Zusammenhang und passt die Treffer bei bereits getroffener Filtereinstellung für Merkmal A an die die Auswahl der weiteren Merkmale an. Zudem wird bereits im Filter die Gesamtanzahl aller Experten, auf welche die Filtereinstellungen zutreffen, angezeigt. Über den Button “zurück setzen” landet der Benutzer wieder zurück auf der Ausgangsposition.
Da mit dieser Methode nur PCM und kein weiteres PlugIn im Einsatz ist, gelang es PERIMETRIK® zudem eine sehr schnelle Ladezeit beim Suchvorgang zu ermöglichen.
Umkreissuche
Da mit dem PlugIn Toolset Types bei jeder Eingabe eine Datenübermittlung an Google ausgeführt wurde, stellte PERIMETRIK® eine Beeinträchtigung der Ladezeit fest. Daraufhin erweiterte PERIMETRIK® das PERIMETRIK® Content Module erneut in seiner Filterfunktion und löste Toolset Types ab. Der neue Filter PCM Maps speichert alle Koordinaten nach jeder Abfrage auf dem Server. So werden diese beim nächsten Suchvorgang wieder genutzt und eine erneute Übermittlung an Google ist nicht erforderlich. Die Ladezeit konnte mit dieser Methode erheblich verbessert werden und liegt nun unter 3 Sekunden.
Ebenso integrierte PERIMETRIK® eine Standort-Abfrage, die beim ersten Öffnen der Seite fragt, ob der Standort des Benutzers verwendet werden darf. Stimmt der User zu, listet PCM sogleich alle Experten im Umkreis des Nutzers auf. Stimmt der User nicht zu, wird zunächst ein auf Deutschland zentrierter Kartenausschnitt angezeigt und es folgt eine alphabetische Auflistung aller Experten; um die Ladezeit zu schonen, zunächst auf 25 Treffer begrenzt. Über den Button “Load more” werden weitere Mitglieder angezeigt. Sobald der Benutzer im Eingabefeld seinen gewünschten Standort eingetragen hat, filtert PCM alle Experten nach ihrer Entfernung zum Standort. Das Mitglied mit der geringsten Entfernung wird zuerst aufgelistet. Über den Button “Zurück setzen” werden die Filtereinstellungen gelöscht und es kann ein neuer Standort eingegeben werden.
Thematisch sortierte Landing Pages mit dynamischen Inhalten
Redaktionell bearbeitet werden muss für jedes Thema lediglich noch der Titel sowie ein kurzer Beschreibungstext. So entsteht in wenigen Minuten eine Landingpage, die nicht nur informativ, sondern gleichzeitig, aufgrund ihrer zahlreichen Inhalte, auch SEO-relevant ist.
Dynamische Inhaltsausgabe nach weiteren Merkmalen
Beim Anlegen einer neuen Sprache oder einer neuen Qualifizierung müssen nur noch Titel und Beschreibungstext eingepflegt werden. So entstehen für jede Sprache und jede Zusatzqualifikation schnell und einfach weitere spannende Landingpages.
Glossar und Glossarbeiträge
Die Detailseite verfügt über eine kurze Definition und bietet weitere Begriffe im selben Themenkreis an. Um dies umzusetzen richtete PERIMETRIK® eine Verbindung zwischen Glossareinträgen und der Taxonomie “Themen” ein. Mittels PCM lassen sich nun weitere Begriffe, die dem selben Thema zugeordnet sind ausgeben.
Fachartikel und Mandantenfragen
Auf der Übersichtsseite “News” kann der User dann nach interessanten Beiträgen suchen, indem er erst eine Kategorie und dann das gewünschte Themenfeld auswählt. Per Klick auf den Button “Suchen” werden anschließend alle News der gewünschten Kategorie zum gewählten Thema aufgelistet.
Professionelle Formulare
Das Registrierungsformular ermöglichte es einem Anwalt, Baumediator oder Sachverständiger sich auf baurechtsuche.de zu registrieren und selbst Mitglied zu werden. Dafür entwickelte PERIMETRIK® ein mehrstufiges Anmeldeverfahren mit Gravity Forms. Über den CTA “Sie sind selbst Baurechtexperte? Registrieren Sie sich jetzt auf baurechtsuche.de” gelangt der Nutzer zum Formular. Der erste Schritt dient zur Aufnahme der persönlichen Angaben. Step 2 ermöglicht Angaben zum Profil, die später auf der Seite angezeigt werden (Fachrichtung, Tätigkeitsschwerpunkte, Spezialisierungen usw.). Im letzten Schritt werden die Zahlungsmodalitäten abgewickelt. Sind alle Angaben vollständig kann die Baurechtsuche das neue Mitglied im Backend unter dem CPT “Experte” anlegen und sein Profil freischalten.
