„Seit 1961“ steht auf vielen Websites von Familienbetrieben, meist im Logo oder in der Fußzeile. Was in diesen Jahren passiert ist, und warum das für Ihre Kunden zählt, erfährt dort niemand.
Ein Zeitstrahl, auf Englisch Timeline, erzählt Ihre Firmengeschichte in fünf bis zehn Stationen, jede mit Jahr, Überschrift und ein bis zwei Sätzen. Er lohnt sich, wenn Ihr Betrieb eine Geschichte hat, die Kunden etwas über Ihre Arbeit verrät: Erfahrung, Generationen, Investitionen. Und er endet nicht in der Vergangenheit, sondern bei dem, was Besucher heute bei Ihnen bekommen.
Scrollen Sie durch das Beispiel: Die Stationen erscheinen eine nach der anderen. Mit dem Knopf oben sehen Sie dieselbe Seite ohne Bewegung. Die Gärtnerei und ihre Geschichte sind erfunden:
Wofür ein Zeitstrahl auf der Website gut ist
Wer auf Ihrer Seite „Über uns“ landet, prüft, mit wem er es zu tun hat. Ein Absatz mit „Tradition“ und „Qualität seit Jahrzehnten“ beantwortet das kaum. Ein Zeitstrahl zeigt es:
- Erfahrung wird greifbar. Aus „seit 1961“ wird ein Feld am Stadtrand, ein erstes Glashaus, ein Hofladen. Wer das liest, weiß, dass Sie nicht erst seit gestern dabei sind, und warum.
- Menschen statt Firmenname. Die Gründer, die Tochter mit der Meisterprüfung, der Enkel, der einsteigt: Namen und Generationen schaffen Vertrauen, das ein Logo nicht schafft.
- Investitionen zeigen, wofür Sie stehen. Bio-Zertifizierung und Photovoltaik sagen mehr über die Haltung eines Betriebs als ein Leitbild, weil jemand dafür Geld ausgegeben hat.
- Der Zeitstrahl führt zum Heute. Die letzte Station im Beispiel ist keine Jahreszahl, sondern das, was Besucher jetzt tun können: vorbeikommen, eine Kiste bestellen.
Ob ein Zeitstrahl Ihnen mehr Anfragen bringt, lässt sich im Vorfeld schwer sagen. Prüfen können Sie es aber sehr wohl: Zählen Sie, wie oft der Link in der letzten Station angeklickt wird, und fragen Sie neue Kunden, ob sie die Seite „Über uns“ gelesen haben.
Wann sich ein Zeitstrahl für die Firmengeschichte lohnt und wann nicht
Gut geeignet sind Familienbetriebe über mehrere Generationen, Handwerksbetriebe, Gasthäuser, Vereine mit Jubiläum und alle, die in ihrer Branche lange dabei sind. Auch ein junger Betrieb kann einen Zeitstrahl haben, wenn er seine Entwicklung zeigen will: die Gründung, der erste Mitarbeiter, die eigene Werkstatt.
Weniger geeignet ist er, wenn es nur zwei oder drei Stationen gibt. Dann ist es ein Absatz, kein Zeitstrahl. Und wenn Ihre Kunden aus einem ganz anderen Grund kommen, etwa weil Sie heute noch Zeit für einen Notfall haben, gehört diese Information nach oben auf die Startseite, nicht in die Geschichte.
Der ehrliche Einwand: Ein Zeitstrahl, der sich beim Scrollen aufbaut, ist eine Animation, und Animationen können stören. Manche Besucher haben in ihrem Gerät eingestellt, dass sie weniger Bewegung wollen, etwa weil ihnen davon schwindlig wird. Das Beispiel hält sich daran und zeigt diesen Besuchern alle Stationen sofort, so wie nach einem Klick auf „Ohne Bewegung ansehen“. Die Texte sind auch vor dem Einblenden nur unsichtbar, nicht weg: Suchmaschinen und Screenreader, also Programme, die eine Seite vorlesen, lesen sie trotzdem.
Was in einen guten Zeitstrahl für die Firmengeschichte gehört
Die Gestaltung ist schnell gemacht. Die eigentliche Arbeit ist die Auswahl der Stationen. So gehen Sie dabei vor:
- Fünf bis zehn Stationen. Weniger ist ein Absatz, mehr liest niemand bis zum Ende. Das Beispiel hat acht und dazu das Heute.
- Was sich für Ihre Kunden geändert hat. Der Hofladen, die Bio-Umstellung, die Gemüsekiste zum Vorbestellen. Der neue Firmenwagen und der Umbau des Büros gehören nicht hinein.
- Ein Jahr, eine Überschrift, höchstens zwei Sätze. Im Beispiel prüft ein kleiner Test jede Station: Jahreszahlen in der richtigen Reihenfolge, keine doppelt, kein Text länger als 25 Wörter.
- Namen nennen, wenn die Familie zustimmt. „Tochter Andrea übernimmt“ liest sich anders als „Generationswechsel“.
- Ein Ende im Heute. Die letzte Station sagt, was Besucher jetzt bei Ihnen bekommen, und wie: Öffnungszeiten, ein Link zum Kontakt oder zum Angebot.
- Bilder aus dem eigenen Archiv. Ein altes Foto vom ersten Glashaus wirkt stärker als jedes Stockfoto. Nicht jede Station braucht eines; im Beispiel haben drei von acht ein Bild.
- Die Stationen getrennt von der Gestaltung. Im Beispiel stehen sie in einer eigenen Datei. Kommt nächstes Jahr eine Station dazu, ist das ein Eintrag mehr, und das Aussehen bleibt, wie es ist.
Seinen Platz hat der Zeitstrahl auf der Seite „Über uns“. Auf der Startseite reichen drei Stationen und ein Link zur ganzen Geschichte. Zu einem Jubiläum kann er auch eine eigene Seite bekommen.
Einen Zeitstrahl in WordPress einbauen: drei Wege
Mit einem Plugin. Cool Timeline ist laut wordpress.org für WordPress 7.1.4 ausgewiesen, mit mehr als 20.000 aktiven Installationen. Es bringt einen Block für den Editor mit und, für Seiten im klassischen Editor, einen Shortcode, also einen Platzhalter in eckigen Klammern, den WordPress beim Anzeigen ersetzt. Die waagrechte Darstellung gibt es laut Beschreibung nur in der kostenpflichtigen Pro-Version. Wer mit Divi baut, findet vom selben Autor Timeline Module for Divi, ein Modul für den Divi Builder mit mehr als 3.000 aktiven Installationen. Getestet habe ich beide für diesen Beitrag nicht.
Mit eigenem Code. Das Beispiel oben besteht aus einer Seite, einer Datei mit den Stationen und einem Test. Für das Einblenden beim Scrollen beobachtet ein kurzes Skript, wann eine Station im Fenster erscheint. Wo so etwas in WordPress hingehört, beschreibe ich in meinem Artikel eigenen Code in WordPress einbauen.
Bauen lassen lohnt sich, wenn der Zeitstrahl zu Ihrer Website passen soll, wenn Sie alte Fotos aufbereitet haben wollen oder wenn jemand mit Ihnen die Stationen auswählen und die Texte schreiben soll. Das ist meist der größere Teil der Arbeit.
Was ein Zeitstrahl an Ladezeit kostet
So viel überträgt das Beispiel oben, gemessen komprimiert mit gzip, so wie der Server die Dateien schickt:
- Seite, Skript und die drei Zeichnungen: 3,8 KB
- Die Stationen: 1,0 KB
- Gemeinsame Hilfsdateien der Beispiele: 1,6 KB
- Anfragen an fremde Server, Cookies, gespeicherte Daten: keine
Mit Fotos statt Zeichnungen hängt der größte Teil der Datenmenge an den Bildern. Von den Bildern in 768 Pixel Breite auf dieser Website hat die Hälfte als WebP-Datei zwischen 8 und 29 KB, einzelne bis 224 KB. Bei acht Stationen mit je einem Foto kommen so schnell mehr als 100 KB dazu; das ganze Beispiel oben hat zusammen 6,4 KB. Weil WordPress Bilder weiter unten auf der Seite erst lädt, wenn jemand dorthin scrollt, merkt man davon beim Öffnen der Seite wenig. Achten Sie trotzdem darauf, die Fotos vor dem Hochladen zu verkleinern.
Schreiben Sie für den Anfang die fünf Jahre auf, in denen sich für Ihre Kunden am meisten geändert hat, und zu jedem einen Satz. Damit haben Sie die Stationen Ihres Zeitstrahls. Weitere solche Beispiele für kreative Elemente auf Websites, direkt zum Ausprobieren, finden Sie in der Website-Werkstatt.
