Skip to main content
homepage-ux-15-sekunden

Homepage: Überzeugen Sie Ihre Besucher in 15 Sekunden

11 September 2017

„Sie haben keine zweite Chance, einen guten ersten Eindruck zu machen.“ -David Swanson.

Der erste Eindruck zählt! Und das gilt auch für Ihre Webseite. Sie haben natürlich keinen Einfluss auf externe Faktoren (Verbindungsprobleme, schlechte Endgeräte, Serverpannen, usw.), aber Sie sind für die Qualität der User Experience verantwortlich. Der erste Kontakt macht den Unterschied zwischen einem neuen Kunden und einer verpassten Gelegenheit. Von wenigen Ausnahmen abgesehen (wir kommen später darauf zurück), ist die Homepage der hauptsächliche Einstiegspunkt Ihrer Webseite.

Deshalb ist die Optimierung dieser Seite ganz besonders wichtig! Die Konkurrenz ist nur wenige Klicks entfernt. Ihre Homepage ist Ihr Aushängeschild und muss Ihr Knowhow und Ihre Kompetenz widerspiegeln.

In unserem Artikel finden Sie 8 wertvolle Tipps für die Optimierung der Performance Ihrer Homepage. Nebenbei bemerkt: Sie können diese Ratschläge auf den meisten Seiten Ihrer Webseite anwenden (außer auf Landing Pages, die ihre eigenen Regeln haben). Welchen Zweck verfolgt Ihre Homepage?

Sagen Sie, worum es geht

Der Besucher Ihrer Webseite muss innerhalb weniger Sekunden verstehen, was Sie für ihn tun können, d.h. was Ihr Leistungsversprechen ist. Laut Hubspot bleiben nämlich 55% aller User weniger als 15 Sekunden auf Ihrer Webseite. Wenn User nicht sofort finden, was sie suchen, halten sie es mit dem Fernsehen: sie schalten um (siehe Punkt 7).

Der Angelpunkt Ihrer Webseite

Die Besucher, die Ihre Webseite in unter 15 Sekunden wieder verlassen, lassen sich in zwei Kategorien einteilen: diejenigen, die vielleicht sowieso nur aus Versehen bei Ihnen gelandet sind, und diejenigen, die Ihre Seite verlassen, weil sie die Vorteile Ihres Leistungsangebots in dieser Zeit nicht verstanden haben. Wir interessieren uns in unserem Artikel für die zweite Kategorie: Wie können sie zum Bleiben auf Ihrer Webseite überzeugt werden?

Ampoule - Convertir un visiteur
Haben Sie Ihre Audience präzise segmentiert? Wenn Sie die richtige Besucherkategorie ansprechen möchten, müssen Sie wissen, mit wem Sie es zu tun haben. Mehr über Segmentierung hier.

8 Tipps für eine optimierte User Experience auf der Homepage

1. Eine relevante Botschaft

Sie haben nicht viel Zeit: Fassen Sie sich kurz und konzentrieren Sie sich auf das, was Ihr Angebot wirklich ausmacht. Können Sie Ihre Botschaft in wenige Worte fassen? Club Med zum Beispiel bietet seinen Besuchern schon auf der Homepage zwei große Kategorien von Reisezielen– in jeweils drei Worten: „Lust auf Sonne“ und „Lust auf Berge“.

Club Med - homepage UX

Schon ab der Homepage personalisiert Club Med die User Experience seiner Besucher. Und das führte zur Steigerung der Zahl der Sessions pro Besucher um 18%.

Denken Sie an Besucher, die Sie noch nicht kennen. Vergessen Sie nicht, dass Ihre Besucher nicht unbedingt mit Ihrem Angebot vertraut sind. Sie selber kennen es natürlich in- und auswendig, und möchten es so schnell wie möglich verkaufen! Ihre Besucher sind vielleicht noch nicht so weit. Einige haben sogar noch nie von Ihren Produkten gehört. Und spontane Käufe sind eher selten (besonders in einem B2B Kontext).

Führen Sie Ihre Besucher an Ihr Angebot heran! Anstatt Ihre Besucher mit aggressiven Werbebotschaften zu bombardieren, sollten Sie qualitative Inhalte bieten und erst einmal erklären, wie Ihr Angebot aufgebaut ist und warum es für den User von Interesse sein könnte. Wie Sie Ihr Angebot dem Besucher näher bringen, müssen Sie selber erarbeiten. Verbessern Sie die Kenntnis Ihrer Besucher und finden Sie heraus, was sie suchen. Dieses Wissen können Sie nutzen, um Ihren Besuchern ein kontextuale, personalisierte User Experience zu bieten.

Gregoire Thomas - Kameleoon„Ein Besucher, der zum ersten Mal auf den Seiten von kameleoon.com landet, muss erst verstehen, was wir bieten, bevor er Kunde wird. Deshalb bieten wir zuerst Ressourcen an, die über unsere Lösungen informieren. Erst wenn der User Informationen über die Optimierung der User Experience hat, schlagen wir ihm eine Demo unserer Tools vor.“
Grégoire Thomas, Head of Marketing, Kameleoon.

2. Vereinfachtes, optimiertes Surfen

Hat der Besucher Ihre Botschaft verstanden (wie gesagt darf das nur wenige Sekunden dauern), können Sie weitere Inhalte anbieten, um ihn zum Bleiben auf Ihrer Webseite zu überzeugen. Ihre Menüleiste sollte gut sichtbar sein (nicht zu groß, damit Platz für Inhalte bleibt), und kurz und klar die Navigation auf Ihrer Webseite aufzeigen.

Schon kleine Optimierungen können große Auswirkungen haben. Durch das Verschieben eines Tabs erzielte IKKS eine Steigerung der Klicks um 16%.

Wenn bestimmte Tabs Ihres Menüs bei einem ersten Besuch nicht sofort verständlich sind, können Sie mit Tooltips arbeiten, wie Le Figaro auf den Seiten des Premium-Abo.

Figaro - homepage UX

Angenehmes, intuitives Surfen Gestalten Sie das Surfen auf Ihren Seiten intuitiv. Besucher bleiben so länger, besuchen mehr Seiten, und für Google sind Sie auch noch besser aufgestellt. Im Idealfall sollte keine Ihrer Seiten in mehr als 3 Klicks erreichbar sein.

3. Alle wichtigen Informationen über dem Seitenumbruch

Außer wenn Ihre Homepage sich wirklich nur aufs Allerwichtigste beschränkt, müssen ihre Besucher scrollen. Versetzen Sie sich in die Lage Ihrer User: Wenn der Inhalt der Homepage einer Webseite nicht sofort überzeugt, nehmen Sie sich auch nicht die Zeit, nach unten zu scrollen. Siedeln Sie deshalb alle wichtigen Informationen über dem Seitenumbruch an!

Diesen Ratschlag hat sich die französische Tageszeitung L'Opinion zu Herzen genommen, mit dem Ziel, Besucher zur Abo-Anmeldung zu bewegen. Indem ein Sonderangebot mit unverbindlicher Anmeldung weiter oben platziert wurde, stiegen die Anmeldungen um 300%!

Ampoule - Convertir un visiteur
Für Kameleoon-User: Wir bieten Scrollmaps, um das Verhalten der User auf Ihren Seiten zu dokumentieren. Sie sehen, wie weit die Besucher scrollen und welche Informationen sie sehen. Dank dieser Analyse können Optimierungsideen entwickelt werden. Sieht der Besucher alle wichtigen Infos? Sollten bestimmte Elemente anders positioniert werden? Was bei Ihren Besuchern besser ankommt, können Sie mit A/B-Tests prüfen. Näheres darüber in unserem Artikel über die Etappen der Webseitenoptimierung.

4. Ein attraktiver CTA

Im Idealfall passen sich Ihre CTA-Buttons an das Besucherprofil an. Sie können zum Beispiel die Inhalte je nach Ort des Zugriffs auf Ihre Webseite personalisieren. Bei Frankreichs Gelben Seiten (PagesJaunes) sieht ein Besucher in Marseille andere Infos als ein User in Paris.. Pages Jaunes - homepage UX
Nebenbei bemerkt leitet ein CTA nicht unbedingt auf eine Landing Page weiter. Er kann ebenfalls dazu dienen, Ihre Besucher näher mit Ihrem Angebot vertraut zu machen oder auf einen Blogartikel weiterleiten.

5. Vertrauensbildende Elemente

Ihre Homepage sollte geballt alle essentiellen Informationen enthalten. Nur wenn Sie vertrauenswürdig scheinen, wird der Besucher zum Kunden. Informieren Sie Ihre User über:

  • Lieferungsbedingungen
  • Kundenservice
  • Kundenreferenzen
  • Pressestimmen
  • usw.

Ihre Konkurrenten machen sich ein Vergnügen, Ihre Besucher zu bedienen. Heben Sie sich von der Konkurrenz ab, indem Sie all Ihre Serviceleistungen sofort darlegen.

Ampoule - Convertir un visiteur
Für Kameleoon-User: Durch die Identifizierung spezifischer Besuchersegmente können Sie spezifische Ängste oder Stolpersteine bestimmter Besuchergruppen durch vertrauensbildende Botschaften ganz gezielt beheben. Dessous-Hersteller Miriale fügte auf seiner Homepage ein Banner mit einer Botschaft bzgl. der Bezahlung hinzu. Ergebnis: eine Umsatzsteigerung um 5%!

6. Optimierte Ladezeit

Wenn Ihre Seiten eine zu lange Ladedauer haben, werden Sie doppelt abgestraft. Erstens verlassen Besucher Ihre Webseite wieder, wenn der Seitenaufbau zu lange dauert. Zweitens leidet Ihre Referenzierung auf Google unter zu langen Ladezeiten. ladedauer homepage UX

Source : Tagman

Eine kurze Ladezeit ist besonders wichtig, weil mobiler Internetzugang immer mehr an Bedeutung gewinnt. Auf Smartphones ist die Verbindung nicht immer gleich schnell und stabil. Zu schwere Webseiten beeinträchtigen die mobile User Journey, die Besucher wandern ab.

Tipps zur Optimierung der Ladezeit:

  • Leichtere Bilder
  • Löschen aller unwichtigen Elemente
  • Prüfung von möglichen Konflikten zwischen Logs auf Ihrer Seite
Lange Ladezeiten können den Flicker-Effekt hervorrufen Wenn der Seitenaufbau während eines A/B-Tests zu lange dauert, kann ein Flicker-Effekt entstehen. Besucher sehen die ursprüngliche Version Ihrer Webseite, bevor die Variante lädt. Das kann bei Client-Side-Tools passieren, weil das JavaScript lange zum Laden braucht. Um nicht mit dem bloßen Auge sichtbar zu sein, muss die Variante innerhalb einer Millisekunde laden. Wenn Ihre Besucher beide Variante sehen, beeinflusst das ihr Verhalten, Ihre A/B-Testergebnisse werden verzerrt. Kameleoons Tool ist übrigens so konzipiert, dass der Flicker-Effekt ausgeschaltet ist.

7. Suchmaschinen auf der Homepage

30% der Internetuser sind es gewohnt, on-site Suchmaschinen zu benutzen. Das ist viel!

3 Gründe sprechen dafür, Ihre Homepage mit einer Suchmaschine auszustatten:

  • Neue Stichwörter: Sie sehen, was Besucher auf Ihrer Seite suchen, können Ihre Stichwörter darauf ausrichten, und merken, was eventuell fehlt.
  • Conversion-Steigerung: Sie können Stichworte mit Landing Pages verbinden und so mehr Besucher zur Conversion bewegen. Aber Vorsicht: Die Verbindung muss relevant sein, sonst ist der Besucher verärgert und fühlt sich hintergangen.
  • Verbessertes Surfen: Der Besucher findet leichter, was er sucht, die User Journey ist optimiert.

Für Routard.com ist die Homepage nicht der Haupteinstiegspunkt. Das heißt aber nicht, dass sie nicht optimiert werden muss, sie ist immer eine Art Vorzeigeseite. Routard - homepage UX  

Thomas Sauzedde - Expérience Utilisateur„Bei uns generiert die Homepage nicht besonders großen Traffic. Wir waren uns allerdings bewusst, dass es hier Nachholbedarf gab und haben die Seite einem A/B-Test unterzogen."
Thomas Sauzedde, Geschäftsführer, Routard.com.

Der Reiseführeranbieter stellte Suchmaschinen mitten auf seiner Homepage ein. Das Ergebnis spricht für sich: Die Absprungrate sank um 14% die Exit-Rate sogar um 17%.

8. SEO-Optimierung

Wir können es nicht oft genug sagen. Wenn Ihre Webseite nicht für SEO optimiert ist, verpassen Sie potenzielle Besucher (und damit potenzielle Einnahmequellen). Optimieren Sie Ihre Homepage für ein Schlüsselwort, das Ihre Aktivität gut beschreibt.

Integrieren Sie den Begriff in:

  • den Titel Ihrer Seite
  • den Meta-Tag
  • die Untertitel (H2, H3, H4, usw.)
  • Ihren Inhalt
  • Ihre Bilder (Alt-Text)
  • Ihre Links

Verfassen Sie einen Text von mindestens 300 Wörtern auf Ihrer Homepage Für die SEO-Optimierung ist es wichtig, ein Minimum an Inhalt zu integrieren. Sie werden sehen, es ist gar nicht so einfach, ein Unternehmen und seine Vorzüge in nur 300 Worte zu fassen. Bullet-Points können hilfreich sein, um zu beschreiben was Ihr Unternehmen und/oder ihr Angebot einzigartig macht (und zu Untertiteln H2, H3 usw. werden).

Zum Schluss

Unsere Liste ist natürlich nicht vollständig. Wir haben versucht, die wichtigsten Elemente zusammenzutragen, die bei der Optimierung Ihrer Homepage und der Steigerung Ihrer Conversion-Rate helfen. Wenn ich Elemente vergessen habe, die Ihnen wichtig erscheinen, bitte einen Kommentar abgeben! 

Sie besitzen jetzt ein Basiswissen, um Ihre Homepage zu optimieren und Ihren Besuchersegmenten angepasste Inhalte zu bieten. Das ist ein guter Anfang! Sie müssen allerdings auch sicherstellen, dass Sie Ihre Audience gut kennen. Denn die Personalisierung beschränkt sich nicht auf eine personalisierte Erfahrung auf der Webseite, sondern ist ein Ganzes, das mit der Kenntnis der Besucher beginnt.

Laut Gartner (2016) denken 89% der Marketingexperten, dass Personalisierung der User Experience einer der wichtigsten Wettbewerbsvorteile ist.

Steigen auch Sie ein! Um mehr über Webseitenpersonalisierung zu erfahren, können Sie unser White Paper zum Thema herunterladen.

New Call-to-action homepage UX

Themen in diesem Artikel