Ein Softwarehersteller, dessen Website sein wichtigster Verkaufskanal ist, und das Einzige, wofür er keine Zeit hatte.

eEatVernetzte Geräte · LebensmittelsicherheitWebsite

Der Ausgangspunkt

Ein Softwarehersteller, dessen Website sein wichtigster Verkaufskanal ist

eEAT installiert Temperatursensoren in Kühlräumen und Kühlschränken, vor allem in Hotels und Restaurants. Was das ersetzt, ist sehr konkret: das manuelle, von Hand geführte Temperaturprotokoll, mit dem die Einhaltung der Lebensmittelhygienevorschriften belegt wird. Die Messwerte fliessen laufend an einen in der Schweiz gehosteten Dienst, und ein Alarm geht los, wenn ein Wert aus dem Rahmen fällt.

Und die meisten ihrer Kunden kommen über die Onlinesuche. Ihre Website ist also kein Schaufenster: Sie ist der Anfang ihres Verkaufstrichters.

Was es kostete

Das Einzige, was ein Entwicklerteam nicht priorisieren kann, ist seine eigene Website

Die Website lief auf WordPress, beladen mit über die Jahre angehäuften Erweiterungen, und sie baute sich langsam auf.

Sie wurde intern gepflegt, von Leuten, deren Beruf genau das Bauen von Software ist. Doch diese Leute hatten ihre eigenen Tools für ihre Kunden zu liefern. Die Website war das Einzige, wofür sie keine Kapazität hatten, und genau deshalb kamen sie zu uns.

Dabei zählt die Ladezeit dafür, wie Google eine Website einstuft. Für ein Unternehmen, dessen Besucher von dort kommen, ist eine langsame Website kein Komfortproblem: Sie ist ein Umsatzverlust, den man nie vorbeiziehen sieht.

Die Lösung

Wir haben die Basis gewechselt und dabei das Design überarbeitet

Eine nach Mass gebaute, serverseitig gerenderte Website: Der Inhalt steckt im ausgelieferten HTML, bevor irgendein Skript läuft. Das lässt eine Seite schnell erscheinen, und genau das liest ein Indexierungsroboter, ohne etwas ausführen zu müssen.

Rundherum die Details, die den Rest erledigen: Bilder laufen durch den Optimierer des Frameworks und kommen als WebP in der richtigen Grösse heraus, die Schrift wird vorgeladen, damit der Text nicht springt, Sitemap und Crawl-Datei werden korrekt ausgeliefert.

Die Neugestaltung war auch eine Gelegenheit, das Design zu überarbeiten.

Von der Startseite bis zur FAQ steckt alles bereits in der ausgelieferten Seite.

Avant / après

Avant

  • Ein WordPress mit angehäuften Erweiterungen
  • Eine langsame Website, auf dem wichtigsten Akquisitionskanal
  • Intern gepflegt von einem Team, das Besseres zu tun hatte
  • Ein Ranking, das unter der Ladezeit litt

Après

  • Eine Website nach Mass, serverseitig gerendert
  • Inhalt im HTML lesbar, ohne ein Skript auszuführen
  • Bilder optimiert und als WebP ausgeliefert
  • Das Design nebenbei überarbeitet

Schlüsselentscheid

Wir haben nichts geopfert, um schnell zu sein, und das ist nicht die erwartete Antwort

Die übliche Frage an ein Performance-Projekt lautet: Was haben Sie entfernt? Eine Animation, ein Karussell, ein Tracking-Tool, eine Schrift? Denn eine schnelle Website gilt als eine, bei der etwas geopfert wurde.

Hier lautet die Antwort: nichts. Es gab keine schmerzhafte Abwägung, keine abgelehnte Funktion. Der Abschied von WordPress und seinem Stapel an Erweiterungen genügte.

Das ist weniger heroisch als ein Verzicht, aber nützlicher zu wissen: Bei vielen Websites ist Langsamkeit nicht der Preis einer gewollten Funktion. Sie ist der Preis eines Stapels, den niemand beschlossen hat.

Schlüsselentscheid

Suchmaschinen-Ranking hängt nicht nur an der Geschwindigkeit, sondern daran, was die Seite beantwortet

Geschwindigkeit bringt einen ins Ranking. Zitiert wird man deswegen nicht.

Die Website trägt deshalb in ihrem Code siebzehn Fragen mit ihren Antworten, als solche ausgezeichnet, eine Brotkrumennavigation, bewertete Rezensionen und die Identität der Website. Genau diese Auszeichnung sucht eine Antwortmaschine, wenn sie eine Antwort statt einer Linkliste zusammenstellt.

Eine schnelle, stumme Website lädt schnell, um nichts zu sagen. Performance öffnet die Tür; strukturierter Inhalt bringt einen hinein.

Siebzehn ausgezeichnete Fragen und Antworten: FAQPage, Brotkrumen, Rezensionen, Identität.

Wichtigste Erkenntnis

Die Forderung nach Geschwindigkeit kam von ihnen, und das hat das Projekt einfach gemacht

Nicht wir haben die Performance zum Kriterium gemacht. Es war ihr Kriterium Nummer eins, so formuliert vor Projektbeginn.

Das ändert alles. Ein Webprojekt kommt üblicherweise mit zehn wünschenswerten Eigenschaften und keiner Rangfolge: Daraus entstehen Websites, die alles halb machen. Wenn der Kunde mit einem einzigen Kriterium kommt und daran festhält, hat jede technische Abwägung eine offensichtliche Antwort.

Der Rest der Arbeit bestand darin, sie zu besuchen. Wir sind in Genf, sie in Lausanne: Es wäre einfach gewesen, alles per Videokonferenz zu machen. Ein Workshop vor Ort, mit den richtigen Leuten im Raum, schuf die Grundlage, auf die sich Architektur, Design und Entwicklung danach stützten.

[Was die Neugestaltung an Ranking und Besucherzahlen verändert hat, wurde von unserer Seite nicht gemessen, und die alte Website wurde nie erfasst. Die Zahlen liegen in ihren eigenen Analysetools: Es ist an ihnen, sie zu liefern.]

Das Ergebnis

  • Inhalt im HTML ausgeliefert, vor jedem JavaScript
  • Bilder vom Optimierer des Frameworks umgewandelt und als WebP ausgeliefert
  • Siebzehn Fragen und Antworten, ausgezeichnet für Such- und Antwortmaschinen

Ist Ihre Website Ihr wichtigster Verkaufskanal, und gleichzeitig der, für den niemand Zeit hat? Sprechen wir darüber.

Wir beginnen mit einem Gespräch, nicht mit einer Offerte.

Ein ähnliches Projekt besprechen