undraw_share-link_jr6w.png
undraw
Richtig verlinken
Über Verlinkungen bewegen sich unsere User durch das Web, mal mit klarem Ziel, mal mit diffuser Absicht. Als Redakteur*innen sollten wir daher unseren Verlinkungen mindestens so viel Bedacht geben wie den sorgfältig formulierten Texten. Diese Seite gibt einen Überblick über die wichtigsten Regeln beim Verlinken.
Links aussagekräftig und präzise formulieren
Jeder Link sollte möglichst genau verraten, wohin er führt.
User haben keine Vorstellung von den Inhalten, die sich hinter den von uns gesetzten Links verbergen – sie bauen Ihre Klick-Entscheidung und ihre Erwartungshaltung, was sich hinter dem Link verbirgt, allein auf dem verlinkten Text auf. Als Redakteur*innen können wir nicht einmal davon ausgehen, dass der umliegende Text gelesen wird, da oft nur Hervorgehobenes (Zwischen)Überschiften und eben die farbig markierten Links überhaupt gelesen werden.
Alles Klickbare sollte also mit besonderem Augenmerk formuliert werden.
Die Auswahl der Links von Seiten der User ist in der Regel kein Prozess mit bewusster Überlegung. Die Userforschung beschreibt diese Entscheidung sehr treffend so, dass User sich vom „Information Scent“ führen lassen: Sie lassen sich davon intuitiv leiten zu den Seiten, die wahrscheinlich die von ihnen gesuchten Informationen enthält.
Einfacher Call to Action
Wenn sich auf der Seite ein klarer Link als Call to Action anbietet, etwa der Link
- zur Anmeldung auf einer Veranstaltungsseite
- ins Bewerbungsportal auf einer Seite, die einen Bewerbungsprozess beschreibt
- der Link zum eCampus-Logion auf der eCampus-IOnformationsseite
dann bitte diesen Link sehr deutlich herausstellen – etwa als Button – und möglichst weit oben auf der Seite aufführen. Es sollte der erste Link auf der Webseite sein.
User haben keine Vorstellung von den Inhalten, die sich hinter den von uns gesetzten Links verbergen – sie bauen Ihre Klick-Entscheidung und ihre Erwartungshaltung, was sich hinter dem Link verbirgt, allein auf dem verlinkten Text auf. Als Redakteur*innen können wir nicht einmal davon ausgehen, dass der umliegende Text gelesen wird, da oft nur Hervorgehobenes (Zwischen)Überschiften und eben die farbig markierten Links überhaupt gelesen werden.
Alles Klickbare sollte also mit besonderem Augenmerk formuliert werden.
Die Auswahl der Links von Seiten der User ist in der Regel kein Prozess mit bewusster Überlegung. Die Userforschung beschreibt diese Entscheidung sehr treffend so, dass User sich vom „Information Scent“ führen lassen: Sie lassen sich davon intuitiv leiten zu den Seiten, die wahrscheinlich die von ihnen gesuchten Informationen enthält.
Den richtigen Absprung (er)schaffen
Das Offensichtlichste zuerst: Wer Inhalte erstellt, sollte sich darüber im Klaren sein, dass jeder gesetzte Link die User potentiell von der aktuellen Webseite wegführt.
Dies kann erwünscht sein, wenn die Seite auf andere Seiten verteilen soll. Wenn der Link nur bei Bedarf weitere Information zu Randthemen bieten soll, ist das Verlassen der Seite vielleicht nicht erwünscht.
Einfacher Call to Action
Wenn sich auf der Seite ein klarer Link als Call to Action anbietet, etwa der Link
- zur Anmeldung auf einer Veranstaltungsseite
- ins Bewerbungsportal auf einer Seite, die einen Bewerbungsprozess beschreibt
- der Link zum eCampus-Logion auf der eCampus-IOnformationsseite
dann bitte diesen Link sehr deutlich herausstellen – etwa als Button – und möglichst weit oben auf der Seite aufführen. Es sollte der erste Link auf der Webseite sein.
Information Scent erhalten
Usern macht ein Klick nicht viel aus, solange sie zuversichtlich sind, ihrem Ziel mit dem Klick näher zu kommen. Dieses Konzept erklärt das Klickverhalten von Usern und wird Information Scent genannt. Es beschreibt damit auch gut die intuitive Art des Verhaltens, das gar nicht so viel Überlegung an den Tag legt, wie wir als Autoren es uns einbilden. Unsere Aufgabe ist es, diesen Information Scent auf einem intuitiven Level zu erhalten.
Bei unkonkret oder unbedacht formulierten Links gibt es viel Potential für Enttäuschung durch „falsche Versprechen“.
Beispiele für verwirrend oder unzureichend formulierte Links
- Ein Link verspricht aus Sicht der User die Weiterleitung auf eine Informationsseite, es öffnet sich jedoch ein PDF, wobei der Link ein solches nicht angekündigt hat.
Korrekt wäre hier, einfach ein „(PDF)“ anzuhängen - Der Link verspricht aus Sicht der User, auf die Sprechzeiten einer Einrichtung zu verweisen, führt dann aber nur auf die Startseite besagter Einrichtung – ab hier müssen die User selbst zurechtkommen.
Korrekt wäre hier, entweder tatsächlich auf die angekündigte Seite zu verweisen. Sollte sich das nicht anbieten, den verlinkten Text anpassen (nicht „… Sprechzeiten der Einrichtung XY“ sondern „Sprechzeiten finden Sie auf der Seite der Einrichtung XY“) – dies baut keine falsche Erwartungshaltung auf und die User sind versöhnt(er). - Der Link verspricht gar nichts, sondern besteht nur aus Wörtern wie „mehr“ oder „Weitere Informationen“
Korrekt wäre hier, sich gedanklich vom zuvor gegebenen Kontext (der unter Umständen von Usern nicht aufgenommen wird) zu lösen und den Linktext konkreter auszuformulieren. Es gibt einige Fälle, in denen so klar ist, wohin der Link führt, dass solch ein Link funktionieren kann (etwa an jeder Kurzbeschreibung in einer Veranstaltungsübersicht ist klar, dass „mehr“ zur Seite der betreffenden Veranstaltung führt.
Ein Link ist ein Angebot an die User, das sie in ihrem Anliegen weiterbringen soll. Aber mit jedem Link delegieren wir an die User die schwierige Aufgabe, eine Entscheidung zu fällen, die sie nur aufgrund den Infos des Links treffen müssen:
Bringt mich dieser Klick meinem Ziel näher oder nicht?
Je mehr Links eine Seite anbietet, desto schwerer können User entscheiden, welcher Link sie weiterbringt. Dazu erschöpft es Ihre Aufmerksamkeit und kostet Zeit.
Noch schwieriger wird es, wenn der Link dazu auch noch unzureichend formuliert wird, oder wenn bei den Links keine Hierarchie kenntlich ist.
- Letztlich kann ein „zu viel“ an Links auch erreicht werden über die Form, in der diese angeboten werden: Ein Fließtext, in dem viel Text verlinkt ist, wirkt unruhig und ist für die User schwer aufzunehmen. Als Linkliste am Ende des Sinnabschnitts oder der Seite wirkt die gleiche Anzahl an Links weniger überwältigend.
Mit Bedacht verlinken – gerade bei Dokumenten
Am ärgerlichsten für User ist es natürlich, wenn ein Link ins Leere führt, oder sogar zu veralteten Informationen (was User in der Regel dann auch nicht merken, denn der Link funktioniert ja). Gerade bei verlinkten Dokumenten kann diese fatal sein und leicht passieren, denn hier ändern sich die Links oft, wenn die Dokumente durch neue Versionen ersetzt werden.
Es wäre in diesem Fall also klüger, nicht direkt auf Dokumente zu verlinken, sondern beispielsweise auf die Seite auf der diese verlinkt sind – und es sollte nur diesen einen Ort geben, um zu verhindern, dass verschiedenen Versionen eines Dokuments im Umlauf sind.
Redakteure können Links ganz unterschiedlich gestalten und damit und damit Hierarchien herstellen, welche die User lenken:
- Der Button
Sollen User unbedingt den Link anklicken, ist ein Call to Action-Element am wirkungsvollsten – meist hat dieser die Form eines Buttons. Gerade wegen seiner starken „Hier entlang“-Aufforderung sollte dieser für sich stehen, mehre Buttons untereinander wirken auf die User verwirrend. In Fällen mit einer sehr klaren Gliederung der Seite, bei der die User über Zwischenüberschriften leicht einordnen können, welcher Absatz für Sie ausschlaggebend ist, kann es sinnvoll sein, einen Button pro Sinnabschnitt mit Überschrift zu setzen.
- Der Textlink
Verlinkter Text ist neben dem Einfügen einer nackten Url (bitte vermeiden, diese sind weder aussagekräftig noch gut zu lesen) die einfachste Form der Verlinkung. Aber nicht alle Textlinks werden gleich wahrgenommen: Verlinkter Text mitten im Fließtext hat einen niedrigeren Stellenwert als ein Link unter einem Sinnabschnitt, das Anklicken erscheint für die User optional (Beispiel: Artikel auf Wikipedia); In einer Linkliste erscheinen alle Links auf den ersten Blick gleichwertig. Hier sollte jeder Link möglichst gut formuliert sein, damit die User eine gute Wahl treffen können.
- Der Teaser
Ein durchdesignter Link mit Abbildung, Text und/ oder manchmal sogar einem eigenen Call to Action-Element ist sehr auffällig, weckt Interesse und gibt den Usern auch auf intuitiver Ebene Hinweise, ob es lohnt, die aktuelle Seite zu verlassen. Damit kann der Teaser auch ein sicherer Weg sein, die User von der Seite wegzuführen, etwa wenn man diesen mitten auf eine Seite setzt. Auf Übersichtsseiten kann dies ein gewünschter Effekt sein – schließlich soll diese auf Themen verteilen – und auch unter einer Informationsseite kann ein gelernter Effekt genutzt werden, etwa unter der Unterschrift: Das könnte Sie auch interessieren.
- Die Sprungmarke
Sprungmarkenlinks verweisen nicht auf eine Seite, sondern auf eine ganz bestimmte Stelle auf einer Seite - sowohl auf der gleichen Seite erfolgen als auch zu einer bestimmten Stelle auf einer anderen Seite führen. Gerade bei längeren Seiten oder solchen, die viele gleichwertige Informationen zu einem Thema enthalten, bieten sich Sprungmarken als kleines Lesezeichen-Inhaltsverzeichnis an, mit dem User über die Seite navigieren können.
Das eröffnet neue Möglichkeiten, hat aber für alle, die Inhalte erstellen auch Implikationen: Wir können davon ausgehen, dass die User – aus dem Bauch heraus einmal auf den naheliegend erscheinenden Link geklickt – nicht zurückkehren, um alles oberhalb des Sprungmarkenziels zu lesen.
Optimalerweise müssen sie dies nicht: Beispielsweise ist auf einer Seite, die verschiedene Kurse vorstellt, nicht notwendig, die ganze Seite zu lesen. Ist davon auszugehen, dass mehrere relevante Inhalte über die Seite verstreut liegen, bietet sich unter jedem ein Sprungmarkenlink zurück zu Verzeichnis oben auf der Seite an.
Bitte vermeiden: Shortlinks
Bei langen Urls greifen viele Redakteur*innen auf Kurz-Urls zurück, die mittels sogenannter Link-Shortener-Dienste erstellt werden. Dies ist aus mehreren Gründen keine gute Idee: Es ist nicht transparent oder sprechend, je nach Anbieter des Dienstes oft nicht datenschutzkonform und schädlich für die Ladezeit und wird so letztlich in der Regel von Suchmaschinen abgewertet.