So verwenden Sie eine Heatmap, um die Gesamtqualität Ihrer Website zu verbessern

Heatmaps können äußerst nützliche Werkzeuge sein. Sie ermöglichen es Ihnen, das Nutzerverhalten auf Ihrer Website auf eine Weise zu verfolgen, die mit bloßen Zahlen oft nur schwer darzustellen ist. Mit einer Heatmap können Sie die Reise Ihrer Besucher durch Ihre Inhalte visualisieren. Auf diese Weise können Sie Schwachstellen schnell identifizieren und ihre Erfahrung verbessern.

Obwohl WordPress keine sofort einsatzbereite Heatmap-Funktionalität bietet, können Sie sie mithilfe von Plugins ganz einfach zu Ihrer Website hinzufügen. In diesem Artikel werden wir tiefer in die Funktionsweise von Heatmaps eintauchen, warum Sie eine verwenden sollten und welche Optionen Sie als WordPress-Benutzer haben.

Lasst uns anfangen!

Eine Einführung in Heatmaps

Heutzutage können Sie alle Arten von Daten über das Verhalten der Besucher auf Ihrer Website verfolgen. Sie können sehen, auf welchen Seiten sie die meiste Zeit verbringen, mit welchen Links sie interagieren, wie weit sie auf jeder Seite nach unten scrollen und vieles mehr.

Die meisten dieser Daten kommen in Form von Zahlen zu Ihnen. In einigen Fällen kann es schwierig sein, sich vorzustellen, was das alles bedeutet. Sie wissen beispielsweise, welche Ihrer Seiten am beliebtesten sind. Das sagt Ihnen jedoch nichts darüber aus, warum dieser bestimmte Inhalt bei den Besuchern ankommt.

Heatmaps ermöglichen Ihnen einen anderen Ansatz, indem Sie eine visuelle Darstellung für einige der Analysen Ihrer Website erstellen. Meistens erfolgt diese Darstellung in Form eines Overlays über Ihren Seiten:

Im obigen Screenshot sehen Sie, dass bestimmte Bereiche der Seite in wärmeren Farben hervorgehoben sind. Heatmaps verwenden einen einfachen Farbverlauf, der von kälteren zu wärmeren Farben wechselt. Je "heißer" die Farbe ist, desto mehr Aufmerksamkeit und Interaktionen erhält dieser bestimmte Teil Ihrer Seite.

Das vorherige Beispiel zeigt eine sogenannte „Klick“-Heatmap. Es gibt verschiedene Arten von Heatmaps, die Sie verwenden können, und wir werden uns später mit den anderen Typen befassen. Mit einer Klick-Heatmap erhalten Sie eine visuelle Darstellung, welche Elemente auf Ihrer Seite die Besucher am meisten interessieren:

Die meisten modernen Analysetools werfen Ihnen ganze Datenbibliotheken zu. Heatmaps ermöglichen es Ihnen jedoch, das Verhalten Ihrer Benutzer viel intuitiver zu erfassen. Wenn Sie auf einen Blick feststellen können, welche Elemente auf Ihren Seiten die meiste Aufmerksamkeit auf sich ziehen, können Sie aus diesen Daten viele Erkenntnisse gewinnen.

Bevor wir fortfahren, ist es wichtig zu erwähnen, dass Heatmaps nicht nur hervorragende Werkzeuge für die Website-Analyse sind. Heatmaps sind überall , von Wetterberichten bis hin zu statistischen Analysen, Finanzmarktvisualisierungen und mehr. Diese Anwendungen sorgen für eine interessante Lektüre. Wir sind jedoch hier, um über Websites zu sprechen, also lassen Sie uns die Vorteile dieses Anwendungsfalls besprechen.

Warum Heatmaps Ihnen helfen können, die Qualität Ihrer Website zu verbessern

Wie bereits erwähnt, sind Heatmaps fantastisch, wenn Sie Webanalysen aus einem anderen Blickwinkel betrachten möchten. Je nachdem, welche Informationen Sie priorisieren möchten, können Sie verschiedene Arten von Heatmaps verwenden.

Wir haben bereits über Klick-Heatmaps gesprochen. Wenn genügend Daten vorhanden sind, können Sie anhand von Klick-Heatmaps erkennen, welche Bereiche auf Ihren Seiten „Hotspots“ sind. Im Idealfall möchten Sie, dass diese Hotspots mit kritischen Elementen wie Calls to Action (CTAs), Produkten, Links und mehr übereinstimmen:

Wenn Sie nicht genügend Aktivitäten rund um die Schlüsselelemente auf Ihren Seiten sehen, kann dies auf Probleme mit der Benutzererfahrung (UX), Optimierungsprobleme, schlechte Kopien und verschiedene andere Ursachen hinweisen. Das bringt uns zu einem entscheidenden Punkt – Heatmaps sagen Ihnen nicht genau, was Sie reparieren müssen. Sie leisten jedoch hervorragende Arbeit, um Sie in die richtige Richtung zu weisen. Wenn Ihre Newsletter-Anmeldeschaltfläche nicht viel Aktivität aufweist, wissen Sie, dass dies ein Element ist, das getestet und behandelt werden muss.

Wenn Sie fortfahren, können Sie auch von der Verwendung von „Scroll“-Heatmaps profitieren. Diese Art von Heatmap zeigt Ihnen, wie weit Ihre Besucher nach unten scrollen, bevor sie abspringen (die Seite verlassen):

Idealerweise möchten Sie, dass die wärmeren Bereiche der Karte so weit unten wie möglich liegen oder an den Schlüsselelementen und CTAs Ihrer Seite ausgerichtet sind. Wenn die wärmeren Bereiche oben liegen, deutet dies normalerweise auf Probleme mit der UX der Seite hin. Wenn Ihre Heatmap bei langen Inhalten zeigt, dass Besucher nicht nach unten scrollen, um weiterzulesen, sollten Sie Ihre Inhaltsstrategie überdenken.

Wenn Sie genauere Informationen über die Benutzeraktivität erhalten möchten, könnten Konfettiberichte besser für Sie sein. Diese Art von Heatmap zeigt Ihnen einzelne Klicks auf Ihren Seiten. Je wärmer die Gegend ist, desto mehr Benutzer haben darauf geklickt:

Konfetti-Berichte können unglaublich nützlich sein, um herauszufinden, auf welche genauen Elemente Besucher klicken. In vielen Fällen werden Sie feststellen, dass Benutzer versuchen, auf Elemente zu klicken, die nicht interaktiv sind. Das kann auf schlechte Designentscheidungen hinweisen.

Diese Art von Heatmap kann Ihnen auch hervorragende Einblicke in den Checkout-Prozess geben, wenn Sie einen Online-Shop betreiben. Sie sollten das Checkout-Erlebnis so weit wie möglich optimieren, und herauszufinden, worauf Besucher beim Kauf klicken, kann Ihnen dabei helfen, es zu perfektionieren.

Es gibt nur sehr wenige Websites, die nicht von der Verwendung von Heatmaps profitieren können, insbesondere wenn Sie regelmäßig A/B-Tests durchführen. Wenn Sie A/B-Tests mit Heatmaps kombinieren, erhalten Sie schnelle und genaue Erkenntnisse darüber, welche Versionen Ihrer Seiten bei Ihrer Zielgruppe besser abschneiden.

Damit Ihnen Heatmaps genaue Informationen liefern, benötigen Sie natürlich genügend Daten. Eine Handvoll Besucher ist keine genaue Darstellung Ihres Publikums. Wenn Sie Entscheidungen auf der Grundlage von Daten treffen, müssen diese statistisch relevant sein. Daher ist es ratsam, so früh wie möglich eine Heatmap-Lösung einzurichten. Dann sollten Sie ihm viel Zeit geben, um das Benutzerverhalten zu verfolgen und genaue Ergebnisse zu erzielen.

3 Top-Heatmap-Plugins für WordPress

Heatmaps benötigen Daten, um zu funktionieren. Das bedeutet, dass Sie eine Analyse-Engine benötigen, die sich in Ihre Website integriert, Benutzerinformationen sammelt und darauf basierend Heatmaps generiert. Schauen wir uns daher einige der Top-Lösungen für WordPress-Benutzer an. Für zwei der drei Plugins, die wir hier behandeln werden, müssen Sie sich bei einem Drittanbieter anmelden. Sie sollten dies also bei der Bewertung Ihrer Optionen im Hinterkopf behalten.

1. Aurora-Heatmap

Aurora Heatmap ist das einzige empfohlene WordPress-Heatmap-Plugin, für das Sie sich nicht bei einer Drittanbieterplattform anmelden müssen. Mit Aurora Heatmap können Sie einfach das Plugin einrichten und Zugriff auf Klick-Heatmaps für alle Ihre Seiten erhalten. Außerdem können Sie separate Heatmaps sowohl für die Desktop- als auch für die mobile Version Ihrer Inhalte anzeigen.

Die Premium-Version des Plugins enthält auch scrollende Heatmaps und speichert Daten länger. Die Datenaufbewahrung kann sich als nützlich erweisen, da Sie so analysieren können, wie sich Benutzer im Laufe der Zeit und über mehrere Versionen Ihrer Seiten hinweg unterschiedlich verhalten.

Hauptmerkmale:

• Richten Sie Klick-Heatmaps für Ihre Seiten ein
• Generieren Sie sowohl Desktop- als auch mobile Heatmaps
• Behalten Sie die Anzahl der Klicks auf Ihren Seiten im Auge

Preise: Kostenlos, mit Premium-Plänen ab 19,90 $ pro Monat | Mehr Informationen

2. Verrücktes Ei

Crazy Egg ist ein Heatmap- und A/B-Testservice, den Sie mit WordPress integrieren können, entweder mit einem Tracking-Skript oder einem offiziellen Plugin. Wenn Sie mit dem Hinzufügen von Code zu Ihrer Website vertraut sind, sollten Sie sich für den vorherigen Ansatz entscheiden. Der einzige Zweck des Plugins besteht schließlich darin, das Tracking-Skript für Sie hinzuzufügen.

Sobald Sie ein Crazy Egg-Konto eingerichtet haben und es vollständig in WordPress integriert ist, können Sie Klick-, Scroll- und Konfetti-Heatmaps erstellen. Noch besser, die Plattform ermöglicht es Ihnen, einzelne Benutzersitzungen aufzuzeichnen.

Das heißt, wenn Sie zu irgendeinem Zeitpunkt Probleme mit der Interpretation der Daten haben, können Sie in echte Benutzersitzungen eintauchen, um herauszufinden, wie sich diese verhalten. Da es sich jedoch um einen externen Dienst handelt, müssen Sie über die Crazy Egg-Plattform auf Ihre Heatmaps und Benutzeraufzeichnungen zugreifen.

Hauptmerkmale:

• Erstellen Sie Klick-, Scroll- und Konfetti-Heatmaps für Ihre Seiten
• Integrieren Sie WordPress entweder mit einem Skript oder einem Plugin
• Einzelne Benutzersitzungen aufzeichnen

Preis: Das Plugin ist kostenlos und die Pläne von Crazy Egg beginnen bei 24 US-Dollar pro Monat | Mehr Informationen

3. Hotjar

Hotjar ist eine Webanalyseplattform mit Fokus auf Heatmaps, User Recording, Conversion-Analyse und Umfragen. Das Plugin hilft Ihnen dabei, Ihr Hotjar-Konto mit WordPress zu integrieren, indem Sie Ihre eindeutige Site-ID verwenden.

Sobald Sie WordPress mit Hotjar integriert haben, können Sie Klick-, Scroll- und „Verschiebe“-Heatmaps für Ihre Seiten erstellen. Die Plattform ermöglicht es Ihnen, schnell zwischen den einzelnen Arten von Heatmaps sowie zwischen Desktop- und mobilen Seiten zu wechseln. Genau wie beim vorherigen Plugin zeichnet Hotjar auch Benutzersitzungen auf. Es ermöglicht Ihnen sogar, Notizen zu machen und Videos zu markieren, damit sie leicht kategorisiert werden können.

Hauptmerkmale:

• Erstellen Sie Klick-, Scroll- und Verschiebe-Heatmaps
• Integrieren Sie WordPress mit einem Plugin in wenigen Minuten
• Überprüfen Sie die Mobil- und Desktop-Versionen für alle Ihre Heatmaps
• Einzelne Benutzersitzungen aufzeichnen

Preis: Kostenloser Plan verfügbar, mit Premium-Optionen ab 29 $ pro Monat (das Plugin selbst ist ebenfalls kostenlos) | Mehr Informationen

Können Sie Google Analytics verwenden, um Heatmaps zu generieren?

Wie Sie inzwischen wissen, benötigen Sie zum Generieren einer Heatmap eine Analyse-Engine. Angesichts der Tatsache, dass Google Analytics die beliebteste Option auf dem Markt ist, ist es sinnvoll, sie zu verwenden.

Hier ist jedoch das Problem – Google Analytics bietet keine Heatmap-Funktionalität von Haus aus. Das ist kein Deal-Breaker, wenn man bedenkt, wie viele Daten die Plattform Ihnen bietet. Es stellt jedoch ein Problem dar, wenn Sie Ihrer Website keine zweite Analyse-Engine hinzufügen möchten.

Es gibt einige Problemumgehungen, mit denen Sie mit Google Analytics grundlegende Heatmaps erstellen können. Sie können beispielsweise den Google Tag Manager verwenden, um Klickereignisse zu verfolgen und mit Data Studio visuelle Berichte zu erstellen. Der Vorteil dieses Ansatzes besteht darin, dass Sie keine externen Dienste außerhalb der Google-Familie verwenden müssen. Es ist jedoch so gut wie unmöglich, etwas über sehr einfache Heatmaps hinaus zu generieren.

Eine zweite Alternative besteht darin, einen Dienst wie Crazy Egg zu verwenden, der eine grundlegende Integration mit Google Analytics bietet. Crazy Egg bietet einen kostenlosen Google Analytics-Heatmap-Generator an. Sie benötigen lediglich Zugriff auf Ihr Google Analytics-Konto. Dann kann es die Daten abrufen, die es zum Generieren einer Klick-Heatmap benötigt:

Dies kann ein nützlicher Ansatz sein, wenn auch noch etwas eingeschränkt. Wenn Sie auf erweiterte Heatmaps zugreifen möchten, ist es insgesamt am besten, sich für einen zusätzlichen Dienst anzumelden, der neben Google Analytics verwendet werden kann.

Abschluss

Sie verwenden wahrscheinlich bereits ein Analysetool, um einen Einblick in das Verhalten Ihrer Besucher zu erhalten. Jede moderne Analyseplattform bietet Ihnen Zugriff auf so viele Informationen, dass sie schwer zu interpretieren sind. Heatmaps helfen Ihnen, diese Daten auf interaktivere und visuellere Weise zu erfassen und zu verstehen als Diagramme oder Grafiken.

Wenn Sie Google Analytics bereits verwenden, ist die schlechte Nachricht, dass der Dienst keine Heatmap-Funktionalität von Haus aus bereitstellt. Um Zugriff auf Heatmaps für Ihre WordPress-Site zu erhalten, müssen Sie ein Plugin wie Aurora Heatmap, Hotjar oder Crazy Egg verwenden. Glücklicherweise sind diese Lösungen einfach einzurichten und zu verwenden.

Haben Sie Heatmap-Tools mit WordPress verwendet und wie waren Ihre Erfahrungen? Lassen Sie uns im Kommentarbereich unten sprechen!

Miniaturansicht des Artikels von octomesecam / shutterstock.com