Ein Hyperlink (kurz: Link, deutsch: Verlinkung) ist eine anklickbare Referenz in einem HTML-Dokument, die den Browser veranlasst, zu einer anderen Ressource zu navigieren. Links werden über das HTML-Ankerelement <a> mit dem Attribut href realisiert und sind das grundlegende Navigationsprinzip des World Wide Web.
Was bedeutet das?
Der Begriff Hyperlink geht auf Ted Nelson zurück, der das Konzept des Hypertexts in den 1960er-Jahren beschrieb und damit die Idee vernetzer, nicht-linearer Dokumente begründete. Tim Berners-Lee übernahm dieses Konzept beim Entwurf des World Wide Web und machte den Hyperlink über das HTML-Ankerelement zur zentralen Navigationsmethode des Webs. Das WHATWG HTML Living Standard definiert das <a>-Element und das href-Attribut als die Standard-Methode für Hyperlinks im Web.
Ein Hyperlink kann auf verschiedene Ziele verweisen: auf eine andere Seite derselben Website (interner Link), auf eine Seite einer anderen Website (externer Link), auf eine E-Mail-Adresse (mailto-Link), auf eine Telefonnummer (tel-Link) oder auf einen Anker innerhalb derselben Seite (Anker-Link mit Fragment-Identifier, erkennbar am Rautezeichen in der URL). Über das Attribut target="_blank" lässt sich festlegen, dass ein Link in einem neuen Browser-Tab geöffnet wird. Dabei sollte aus Sicherheitsgründen stets das Attribut rel="noopener noreferrer" ergänzt werden, das verhindert, dass die Zielseite Zugriff auf das Fensterobjekt der Quellseite erhält.
Für die Suchmaschinenoptimierung (SEO) sind Hyperlinks eines der wichtigsten Rankingsignale. Interne Links verteilen die sogenannte Link-Autorität innerhalb einer Website und helfen Suchmaschinen, die Struktur und Relevanz einzelner Seiten zu verstehen. Externe Links, die auf eine Website verweisen (Backlinks), gelten als Vertrauenssignal. Das HTML-Attribut rel="nofollow" weist Suchmaschinen an, einen Link nicht als Empfehlung zu werten, was bei Werbelinks, bezahlten Platzierungen und nicht redaktionell überprüften Nutzerbeiträgen eingesetzt werden soll.
In WordPress können Hyperlinks im Block-Editor über die Link-Schaltfläche in der Werkzeugleiste eines Absatz-Blocks oder Überschriften-Blocks eingefügt werden. Der Editor sucht dabei in Echtzeit nach passenden Seiten und Beiträgen innerhalb der eigenen Website und schlägt diese zur Verlinkung vor. Im Classic Editor stand dafür die Schaltfläche „Link einfügen“ in der TinyMCE-Werkzeugleiste zur Verfügung.
Beispiel aus der Praxis
Sie schreiben einen Beitrag über WordPress-Sicherheit und möchten an einer Stelle auf Ihren Beitrag über SSL-Zertifikate verweisen. Im Block-Editor markieren Sie das Wort „SSL-Zertifikat“ im Absatz-Block, klicken auf das Kettensymbol in der Werkzeugleiste und geben in das Suchfeld den Titel des Zielartikels ein. WordPress schlägt den vorhandenen Beitrag direkt vor. Nach dem Bestätigen wird der markierte Text als klickbarer Link dargestellt. Im Quellcode ergibt das ein <a href="...">SSL-Zertifikat</a>-Element.
Tipp
Verwenden Sie für Links aussagekräftigen Linktext anstelle von generischen Formulierungen wie „hier klicken“ oder „mehr erfahren“. Beschreibende Linktexte wie „WordPress-Wartungsvertrag abschließen“ oder „SSL-Zertifikat konfigurieren“ geben Nutzern und Suchmaschinen sofort Aufschluss über das Linkziel. Screenreader lesen Linktexte in der Regel isoliert vor, weshalb nichtssagende Texte die Zugänglichkeit erheblich verschlechtern.