Relevanter Content plus ausgereifte Technik:

Eine hohe Produktqualität und ein guter Ruf sind zwar nach wie vor wichtige Bausteine für den unternehmerischen Erfolg, doch um im Wettbewerb die Nase ganz vorn zu haben, braucht man darüber hinaus auch eine optimale Präsentation im Web: Wer dabei sowohl bei Nutzern als auch bei Suchmaschinen punkten will, muss spannende Inhalte mit einer optimalen Technologie kombinieren!

Unser Auftraggeber Burgerstein GmbH in Österreich gehört zu den High-End-Herstellern von Mikronährstoffen: Im umkämpften Gesundheitsmarkt profiliert sich das Unternehmen durch eine besondere Produkt-Qualität, die gänzlich auf Gentechnik und künstliche Aromen, Farbstoffe und Konservierung verzichtet. Die Hauptzielgruppe sind Menschen mit einem ausgeprägten Gesundheitsbewusstsein, denen es nicht ausreicht, „mal eben“ im Drogerie-Discounter ein beliebiges Nahrungsergänzungsmittel zu kaufen. Dass der bestehende Webauftritt schon etwas in die Jahre gekommen und nicht mehr zeitgemäß war, nahm Burgerstein zum Anlass, beim fälligen Relaunch die Technologie zu optimieren und noch einmal komplett neu sowohl über die Inhalte als auch über die Darstellung der Produkte nachzudenken.

Kunden von Burgerstein haben ein großes Interesse an den Themen Gesundheit, Medizin und Ernährung. Vor diesem Hintergrund nutzt das Unternehmen den hohen Wissensbedarf seiner Zielgruppen, indem es auf der Website ein facettenreiches Informationsangebot unter den Rubriken „Ratgeber“, „Wissenswertes“, „Themen4you“, „FAQ“ und „Qualität“ bereitstellt. Trotz der Komplexität, die sich aus der Vielzahl von Themen und Fragestellungen ergibt, gelingt es der Webseite, Nutzer gradlinig zu führen und dabei auch unterschiedlichen User Präferenzen entgegenzukommen. So ermöglicht der Webauftritt einerseits ein zielgerichtetes Recherchieren, gibt jedoch andererseits immer wieder Impulse, die zum „Stöbern“ und Weitersurfen einladen. Die saubere Strukturierung von komplexen Inhalten mit einer überdurchschnittlichen Informationsbreite und -tiefe führt zu zufriedenen Nutzern und zu einer hohen Verweildauer, die wiederum von Suchmaschinen honoriert wird.

Wenn Webseiten einen umfassenden und komplexen Content bereitstellen, muss sichergestellt werden, dass sich User trotz der Fülle schnell zurechtfinden und auch zielgerichtet über eine Suchfunktion recherchieren können. Die Suche auf Burgerstein-Webseite führt Nutzer je nach Sucheingabe sowohl zu Produkten oder Produktgruppen als auch zu informativem redaktionellen Content beispielsweise aus den Rubriken „Wissenswertes“ oder „Ratgeber“. Die Struktur der Trefferseite, auf der die Treffer in die Kategorien „Produkte“, „Seiten“ und „Artikel“ gegliedert sind, ermöglicht dem Nutzer eine schnelle Orientierung.
Die technische Grundlage der Volltextsuche auf der Seite bildet die Open-Source-Suchmaschine „Elasticsearch“. Diese höchst flexible Software ist für sehr unterschiedliche Anwendungen einsetzbar und überzeugt insbesondere durch ihre Stabilität und ihre sehr hohe Arbeitsgeschwindigkeit, mit der sie zu einer optimierten User Experience beiträgt.

Das insgesamt sehr nutzerfreundliche Design und breitgefächerte Informationsangebot findet seine konsequente Fortsetzung bei der Produktdarstellung. Hier informiert Burgerstein Nutzer ausführlich zum einen über das Produkt (Inhaltsstoffe, Anwendung, Anwendergruppen und Anwendungsgebiete usw.). Zum anderen werden besonders Interessierte über Querverweise sachlich passenden redaktionellen Beiträgen geführt: Diese vermitteln ein vertiefendes medizinisches bzw. ernährungswissenschaftliches Hintergrundwissen, das auch für Nicht-Spezialisten verständlich aufbereitet wurde.

Den Schlusspunkt der Produktinformation bilden Download-Angebote, einerseits Fachbroschüren zum Themenbereich, andererseits ein Produktblatt, in dem die wesentlichen Fakten zum jeweils ausgewählten Produkt in einem PDF-Dokument zusammengestellt sind.
Ein – aus Sicht unseres Auftraggebers äußerst praktisches Detail: Das PDF wird im Moment des Downloads dynamisch aus dem Web-Content generiert. Das heißt: Bei einer Aktualisierung der Produktdaten muss nicht zusätzlich noch ein hinterlegtes PDF-Dokument angepasst werden.
Ein weiterer Service ist der Newsletter, den ein interessierter Nutzer abonnieren kann, um regelmäßig über neue redaktionelle Beiträge bzw. Erweiterungen im Produktsortiment von Burgerstein informiert zu werden.

Die Herausforderung in der Umsetzung lag vor allem darin, eine maßgeschneiderte Design-Lösung zu entwickeln, die sowohl hinsichtlich ihrer Funktionalität als auch vom Look & Feel her die Erwartungen moderner Nutzer erfüllt. Aus Entwicklersicht elementare Werkzeuge waren dabei tailwindcss und Web Components:

• Tailwindcss: Tailwind vereinfacht und beschleunigt die optische Gestaltung einer Seite gibt dabei nicht nur im wörtlichen Sinne „Rückenwind“ bei der Arbeit des Entwicklers, sondern führt auch zu Resultaten mit sehr geringer Dateigröße. Ein schöner Side Effect  ist, dass die Seite schneller lädt und dadurch von Google besser indexiert wird.
• Web Components: Web Components ist ein äußerst hilfreiches Tool um für Webanwendungen Komponenten zu entwickeln, die mehrfach eingesetzt werden. Es ermöglicht, eigene HTML-Elemente ohne zusätzliche Libary/Framework zu erstellen: Code, Styles und die Logic werden verschachtelt und in einer Datei verkapselt, die dann an mehreren Stellen der Webseite wiederverwendet werden kann. Auch dies führt zu einer Reduzierung der Datenmenge mit positiven SEO-Effekten.

Bei der Realisierung der Website konnte das Content Management System TYPO3 ein weiteres Mal seine Leistungsfähigkeit unter Beweis stellen. Gerade bei Anwendungen, bei denen große Content-Mengen wie ausführliche Produktdarstellungen und redaktionelle Beiträge mit Hintergrundinformationen oder Ratgebertexten zusammengestellt werden sollen, gewinnt die Perspektive des Webseitenbetreibers eine besondere Bedeutung: Da es bereits ohnehin sehr aufwändig ist, Content inhaltlich zu entwickeln, sollten alle denkbaren technischen Hürden möglicht gering gehalten werden. Genau für diese Zielsetzung schafft das redaktionelle Backend von TYPO3 ideale Voraussetzungen, da es Redakteuren auch ohne umfassende IT-Kenntnisse sehr weitreichend vereinfacht, neue Inhalte einzustellen, zu strukturieren oder vorhandene Inhalte zu pflegen. 

Für die Umsetzung der Burgerstein-Website wurde ausschließlich State-of-the-Art-Technologie genutzt, um eine hohe Funktionaltät und bestmögliche User Experience sicherzustellen. Als erfahrene TYPO3 Agentur konnten wir durch eine schlanke, aber effektive Technologie die Datenmengen weitreichend reduzieren. Die daraus resultierenden schnelleren Ladezeiten führen dabei zu einem optimierten Suchmaschinen-Ranking insbesondere vor dem Hintergrund, dass die Nutzung mobiler Endgeräte nach wie vor deutlich zunimmt.