Wenn Leute auf Ihren Blog zugreifen, führen sie im Allgemeinen eine von zwei Aktionen aus:
- Direkt abprallen
- Anfangen zu lesen
Heute möchte ich mich auf diese zweite Aktion konzentrieren, weil jemand, der beginnt zu lesen steht am Anfang einer Reise, die Sie selbst in die Hand nehmen sollten. Ein Besucher, der einen Text auf Ihrer Website liest, bietet allein nichts Wertvolles – der Schlüssel besteht darin, aus diesem anfänglichen Engagement Kapital zu schlagen und den Besucher letztendlich dazu zu bringen, die gewünschte primäre Aktion auszuführen, die Sie sich wünschen.
Es gibt viele Faktoren (z. B. Design und Text), die bestimmen, wie engagiert Ihre Besucher sind und wie wahrscheinlich sie konvertieren. Ein sehr einflussreicher, aber selten diskutierter Faktor ist jedoch der einfache Hyperlink. Die Realität ist, dass Links außerordentlich leistungsstarke Werkzeuge sind und das Ignorieren von Best Practices in Bezug auf ihre Erstellung dazu führen kann, dass Ihr Blog wie ein Sieb funktioniert, wobei jedes Loch einen Link darstellt.
In diesem Beitrag möchte ich Ihnen helfen, viele dieser Löcher zu schließen. Wenn Sie die folgenden Ratschläge befolgen und umsetzen, werden Sie im Laufe der Zeit wahrscheinlich bessere Interaktionsraten und Conversions erzielen, und aus einer weniger greifbaren Sicht verbessern Sie auch das Besuchererlebnis drastisch.
So formatieren Sie Ihre Links
Beginnen wir mit den absoluten Basics. Jeder Link auf Ihrer Website sollte klar dargestellt werden wie ein Link – dh er sollte sich deutlich von anderem Text auf der Seite unterscheiden und es sollte offensichtlich sein, dass es sich um einen Link handelt.
In den 1990er Jahren war ein Link normalerweise blau und unterstrichen so was. Die Leute haben sich daran gewöhnt, dass ein Link in einer bestimmten Richtung aussieht, und werden verwirrt, wenn sie mit konfrontiert werden unterstrichener Text in derselben Farbe wie der Fließtext oder Text, der eine andere Farbe hatte, aber war nicht unterstrichen.
Während unterstrichener blauer Text in unseren Köpfen als Link immer noch allgegenwärtig ist, sind Hyperlinks, die nicht unterstrichen sind, heutzutage alltäglich und völlig akzeptabel. Dennoch sollten Sie darauf achten, dass sich Ihre Links deutlich abheben. Lassen Sie den Benutzer nicht im Unklaren darüber, was an irgendeiner Stelle Ihrer Site ein Link ist oder nicht. Und obwohl unterstrichene Links heutzutage nicht annähernd so verbreitet sind, ist es generell ratsam, keinen Text auf Ihrer Website zu unterstreichen, es sei denn, es handelt sich um einen Link. Die meisten Leute assoziieren unterstrichenen Text im Web immer noch mit Hyperlinks und sollten daher nur Hyperlinks vorbehalten sein. Wenn Sie Text hervorheben möchten, verwenden Sie Fettdruck, um Schlüsselphrasen hervorzuheben (z Ja wirklich möchte, dass Sie dies lesen).
Anker-Text
Für diejenigen unter Ihnen, die es nicht wissen, ist Ankertext einfach die Wörter, die in einem Link verwendet werden, von denen der gebräuchlichste „hier klicken“ ist. Ankertext ist aus mehreren Gründen enorm wichtig (WordPress-Suchmaschinenoptimierung ist ein offensichtliches Beispiel), aber in diesem Beitrag möchte ich mich auf die Benutzerfreundlichkeit konzentrieren, womit ich im Wesentlichen die Leichtigkeit meine, mit der jemand verstehen kann, wohin ein Link führt Vor sie klicken darauf.
Internetnutzer sind heutzutage meist recht versiert und brauchen ihre Hände nicht mehr wie vor 10-15 Jahren. Es ist nicht mehr notwendig, jedem Link einen „hier klicken“-Ankertext voranzustellen – stattdessen ist es für den Besucher viel hilfreicher, beschreibend zu sein, und für den „Textfluss“ viel besser, Links intuitiv einzubinden. Betrachten Sie zum Beispiel die folgenden beiden Ankertexte:
- Um mehr über unsere Produkte zu erfahren klicken Sie hier.
- Erfahren Sie mehr über unsere Produkte.
Der zweite Ankertext sticht stärker hervor, ist leichter zu verstehen und leichter anzuklicken. Kurz gesagt, es ist der „hier klicken“-Alternative weit überlegen. Sie sollten immer danach streben, kontextrelevanten Ankertext in Ihren Blog aufzunehmen.
In Bezug auf die Präsentation sieht es ordentlicher aus, Satzzeichen aus dem Ankertext auszuschließen. Darüber hinaus ist es wichtig, dass Sie beim Ausschließen von Satzzeichen aus dem Ankertext konsequent bleiben, da dies die Benutzererfahrung vorhersehbarer und angenehmer macht.
Titeltext
Es gibt im Wesentlichen zwei Elemente, die einen Link beschreiben und dem Benutzer bei der Entscheidung helfen, ob er darauf klicken soll oder nicht. Der erste (und wichtigste) ist der Ankertext, aber man sollte den Wert des Titeltexts nicht ignorieren.
In den meisten Desktop-Browsern ist der Linktiteltext der kleine Popup-Text, der angezeigt wird, wenn Sie mit der Maus über einen Link fahren (für den ein Titeltext definiert wurde):
Wenn der Ankertext Kontext liefert, bietet der Titeltext Erläuterungen. Das obige Beispiel ist perfekt – der Ankertext und der umgebende Fließtext lassen uns glauben, dass der Link zu etwas führt, das sich auf (a) Jakob Nielsen und (b) seinen Ruf als „König der Benutzerfreundlichkeit“ und den Titeltext bezieht stellt klar, dass der Link zu einer auf einer bestimmten Website gehosteten Biografie führt. Es wäre nicht sinnvoll gewesen, den Titeltext als Ankertext einzufügen, dient aber als nützliche Zusatzinformation.
Verwenden Sie daher Titeltext, wann immer es angebracht ist. Sie müssen nicht immer den Titeltext verwenden – zum Beispiel in einer Situation, in der aus dem Ankertext völlig klar ist, wohin der Link führt. Hier sind zwei gängige Beispiele dafür:
In meinem letzten Beitrag auf Themelocal, „The Periodic Table of WordPress Plugins (and My Top 5)“, habe ich meine Top 5 der 108 am häufigsten heruntergeladenen Plugins aufgelistet WordPress.org.
Der Ankertext des ersten Links enthält die Überschrift des Beitrags, auf den verlinkt wird. Der Ankertext des zweiten Links enthält den Namen der Website, auf die er verlinkt. In beiden Fällen bringt es keinen wirklichen Vorteil, den Ankertext als Titeltext zu wiederholen oder höchstwahrscheinlich überflüssige Informationen als Titeltext aufzunehmen.
Wenn Sie weitere Beispiele für die effektive Verwendung von Titeltext wünschen, fahren Sie einfach mit der Maus über die einzelnen Links in diesem Beitrag. Einige haben keinen Titeltext (und es sollte offensichtlich sein, warum), während andere dies tun.
Öffnen von Fenstern in neuen Registerkarten (oder nicht)
Wenn es um Web-Usability geht, habe ich festgestellt, dass die Frage, ob Links in neuen Tabs geöffnet werden sollen, oft ein Streitpunkt ist. Nachdem ich das Thema ausführlich betrachtet habe, ist mein Standpunkt wie folgt: Ob Sie Links in einem neuen Tab öffnen sollten oder nicht, hängt vollständig vom Link ab.
Lassen Sie mich meinen Standpunkt erläutern, indem Sie überlegen, welchen Wert es hat, einen Link in einem neuen Tab zu öffnen. Wenn ein Link in einem neuen Tab geöffnet wird, bleibt die Webseite, auf der sich der Benutzer ursprünglich befand, geöffnet und der Bildschirm bleibt an seiner letzten Position auf der Seite. Wenn Sie also Grund zu der Annahme haben, dass jemand einen Link in Ihrem Blog erkunden möchte, aber nach Beendigung der Umleitung zurückkehrt, sollten Sie diesen Link in einem neuen Tab öffnen.
Auf der anderen Seite, wenn Sie Grund zu der Annahme haben, dass ein bestimmter Link einen klaren Weg weg von der bestehenden Seite darstellt, ist es sinnvoll, diesen Link in derselben Registerkarte zu öffnen.
Um Ihnen Beispiele dafür zu geben, welche Links in bestehenden oder neuen Registerkarten geöffnet werden sollten, werfen wir einen weiteren Blick auf das Titeltextbeispiel, das ich oben verwendet habe:
In meinem letzten Beitrag auf Themelocal, „The Periodic Table of WordPress Plugins (and My Top 5)“, habe ich meine Top 5 der 108 am häufigsten heruntergeladenen Plugins aufgelistet WordPress.org.
Beide Links werden in neuen Registerkarten geöffnet. Wieso den? Weil sie beide eine vorübergehende Ablenkung von diesem Beitrag darstellen – Links, die Sie möglicherweise erkunden möchten, bevor Sie den Rest dieses Beitrags lesen. Sie könnten sich auch dafür entscheiden, sie überhaupt nicht zu erkunden. In jedem Fall werden sie in neuen Registerkarten geöffnet, sodass Sie problemlos zu diesem Beitrag zurückkehren können, wenn Sie dazu bereit sind.
Schauen Sie sich nun das folgende Bild an:
Dies ist ein Screenshot vom Ende eines aktuellen Themelocal-Posts am Ende des Kommentarbereichs. Der Link unten rechts auf der Seite sollte sich im vorhandenen Tab öffnen. Wieso den? Weil der Benutzer das Ende der Seite erreicht hat und als solcher wahrscheinlich den Inhalt des bestehenden Beitrags verdaut hat und bereit ist, weiterzumachen. Dies ist nur ein Beispiel – Links, die in der vorhandenen Registerkarte geöffnet werden sollen, können sich tatsächlich an jeder Position auf einer Site befinden. Andere Links, die in vorhandenen Registerkarten geöffnet werden sollten, umfassen Navigationselemente (eine obere Navigationsleiste oder Kategorienliste usw.) und Handlungsaufforderungen (wie ein Newsletter-Abonnementfeld).
Ein beliebtes Argument gegen diesen Ansatz ist, dass dem Benutzer überlassen werden sollte, ob er einen neuen Tab öffnen möchte oder nicht. In einer idealen Welt wäre dies der Fall, aber es gibt zwei Gründe, warum dies nicht der Fall ist:
- Nicht alle Benutzer sind versiert genug, um Links in neuen Registerkarten zu öffnen, wenn dies für sie angemessen ist.
- Selbst der versierteste Benutzer kann versehentlich einen Link in einem bestehenden Tab öffnen, obwohl es für ihn besser gewesen wäre, ihn in einem neuen Tab zu öffnen.
Das ist so ziemlich alles, was ich zum Thema Links zu sagen habe. Wenn Sie die oben genannten Richtlinien in Ihrem Blog umsetzen, bin ich zuversichtlich, dass Sie bei beliebten Engagement-Kennzahlen wie Verweildauer auf der Website, Absprungrate und durchschnittlichen Aktionen pro Besucher einen Sprung sehen werden. Darüber hinaus genießen Besucher Ihrer Website eine viel intuitivere Benutzeroberfläche in Form von klar gekennzeichneten und beschriebenen Links, die sie entsprechend weiterleiten.
Der Schlüssel ist, immer den Besucher im Auge zu behalten – das Surfen auf Ihrer Website zu einem Vergnügen zu machen, sollte immer oberste Priorität haben. Nehmen Sie keine Abkürzungen wie das blinde Öffnen aller Links in neuen Registerkarten oder überstürzen Sie die Art und Weise, wie Sie Links formatieren – arbeiten Sie daran, den Benutzer zu unterstützen (anstatt ihn zu frustrieren), und Sie werden die Belohnungen ernten.