Hyperlink

Auch: Link, Weblink

Kurz erklärt

Ein Hyperlink ist ein Verweis, der per Klick zu einer anderen Adresse oder Stelle führt. Im Web ist er ein a-Element mit href-Attribut: Im href steht das Ziel, zwischen den Tags der klickbare Text oder ein Bild.

Im Alltag begegnet Ihnen das Wort vor allem in Word, Excel oder Outlook, wo „Link einfügen“ oder „Hyperlink“ im Menü steht. Im Web und in der Suchmaschinenoptimierung sagt man meist nur noch „Link“. Gemeint ist dasselbe: ein Verweis, der Leser mit einem Klick an eine andere Stelle bringt und Suchmaschinen eine Verbindung zwischen zwei Adressen anzeigt.

Dieser Eintrag zerlegt einen Hyperlink in seine Bestandteile, erklärt den Unterschied zwischen absoluten und relativen Adressen, ordnet die Herkunft des Begriffs ein und zeigt, welche Teile Google auswertet. Wie Ankertext, Ziel-URL und rel-Werte im Einzelnen wirken, steht in eigenen Einträgen. Hier geht es um das Gerüst, das sie zusammenhält.

Aufbau: das a-Element in seinen Einzelteilen

Im HTML-Quelltext besteht ein Hyperlink aus dem a-Element. Das „a“ steht für Anchor, also Anker. Ein Beispiel mit den üblichen Zusätzen:

Die Bestandteile eines Hyperlinks<a href="…">Inhalt</a>hrefZiel-URL, PflichtInhaltAnkertext oder BildrelBeziehung zum ZieltargetTab oder Fenster
Pflicht ist nur das href mit der Zieladresse; Inhalt, rel und target bestimmen, wie der Link beschrieben, eingeordnet und geöffnet wird.
<a href="https://www.beispiel.de/ratgeber/daemmung/"
   rel="nofollow"
   target="_blank">Ratgeber Dämmung</a>

Laut HTML-Standard stellt ein a-Element mit href-Attribut einen Hyperlink dar, der durch seinen Inhalt beschriftet wird. Ohne href ist das Element nur ein Platzhalter, der im Browser wie gewöhnlicher Text erscheint. Diese Unterscheidung ist auch für Suchmaschinen die wichtigste: Erst das href macht aus dem Element einen Link.

BestandteilBeispielAufgabe
a-Element<a>…</a>umschließt den klickbaren Inhalt
hrefhref="…"Zieladresse; ohne href kein Link
Inhalt zwischen den Tags„Ratgeber Dämmung“ oder ein Bildwird zum Ankertext
relrel="nofollow"beschreibt die Beziehung zum Ziel
targettarget="_blank"öffnet das Ziel in einem neuen Tab
hreflang, type, downloaddownloadSprache und Dateityp des Ziels, Download statt Aufruf

Der Inhalt zwischen den Tags ist der Ankertext. Das kann ein Wort sein, ein Bild oder sogar ein ganzer Block: Der Standard erlaubt, dass ein a-Element Absätze, Listen oder Tabellen umschließt. Verboten ist nur, interaktive Elemente wie Schaltflächen oder einen zweiten Link hineinzuschachteln. Welche Werte im rel-Attribut stehen dürfen und was Google daraus macht, erklärt der Eintrag zum Linkattribut.

Was im href stehen kann: absolute, relative und besondere Adressen

Das href nimmt eine Adresse auf, die der Browser zu einem Ziel auflöst. Wie eine URL aus Protokoll, Host, Pfad und Parametern aufgebaut ist, beschreibt der Eintrag zur Ziel-URL. Für den Hyperlink selbst zählt vor allem, ob die Adresse vollständig oder relativ geschrieben ist.

  • Absolute URL: href="https://www.beispiel.de/ratgeber/daemmung/" enthält Protokoll, Host und Pfad. Sie funktioniert überall, auch wenn der Text kopiert, per Newsletter verschickt oder auf einer anderen Domain veröffentlicht wird.
  • Wurzelrelative URL: href="/ratgeber/" beginnt mit einem Schrägstrich und bezieht sich auf die Domain, auf der die Seite gerade liegt.
  • Pfadrelative URL: href="daemmung/" oder href="./daemmung/" hängt sich an das aktuelle Verzeichnis an. Ein <base>-Element im Kopf der Seite kann diesen Bezugspunkt verschieben.
  • Sprungmarke: href="#kosten" führt zu einem Abschnitt derselben Seite, mehr dazu im Eintrag zur Sprungmarke.
  • Andere Schemata: mailto: öffnet das E-Mail-Programm, tel: die Telefon-App. Für Suchmaschinen sind das keine Webadressen, die sich crawlen lassen.

Relative Adressen sind für Google kein Problem. In den Best Practices für Links stehen href="/products/category/shoes" und href="./products/category/shoes" ausdrücklich unter den Beispielen, die Google auslesen kann. Entscheidend ist, dass am Ende eine echte Webadresse herauskommt. Ein href="javascript:…" erfüllt das nicht.

Häufiger Fehler: Fehlt das Protokoll, also href="www.beispiel.de/ratgeber/daemmung/" statt href="https://www.beispiel.de/ratgeber/daemmung/", liest der Browser die Angabe als relativen Pfad. Der Link führt dann auf eine Unterseite der eigenen Domain, die es nicht gibt.

Was Suchmaschinen aus einem Hyperlink lesen

Google nutzt Links nach eigener Aussage für zwei Dinge: als Signal, um die Relevanz von Seiten zu bestimmen, und um neue Seiten zum Crawlen zu finden. Beides funktioniert im Allgemeinen nur, wenn der Link ein a-Element mit href ist. Aus einem einzelnen Hyperlink entnimmt eine Suchmaschine mehrere Informationen:

  1. Das Ziel: die aufgelöste Adresse aus dem href. Sie wird zum Crawlen vorgemerkt und erhält einen eingehenden Verweis.
  2. Die Beschreibung: den Ankertext, bei Bildlinks das alt-Attribut des Bildes. Google empfiehlt beschreibende, angemessen kurze Texte statt „Hier klicken“ oder „Weiterlesen“.
  3. Den Zusammenhang: Laut Google zählen auch die Wörter vor und nach einem Link. Ein Verweis mitten in einem passenden Absatz sagt mehr als einer in einer langen Linkliste.
  4. Die Beziehung: Werte wie nofollow, sponsored oder ugc im rel-Attribut, die Google als Hinweise behandelt.
  5. Die Richtung: ob der Link innerhalb der Website bleibt oder auf eine fremde Domain zeigt. Daraus ergeben sich interner Link, externer Link und, aus Sicht der Zielseite, Backlink.

Gestaltung per CSS, Unterstreichung und das target-Attribut kommen in Googles Dokumentation zu Links nicht als Signal vor. Wie Google aus vielen einzelnen Verweisen ein Bild von Wichtigkeit und Vertrauen ableitet, erklärt der Grundlagenbeitrag Was sind Backlinks?. Wie die rel-Werte im Detail wirken, steht in Nofollow, Sponsored, UGC.

Herkunft: vom Hypertext zum World Wide Web

Das Wort setzt sich aus „Hypertext“ und „Link“ zusammen. Hypertext meint Text, der nicht nur von vorn nach hinten gelesen wird, sondern über Verweise zu anderen Texten springt. Den Begriff prägte der US-Amerikaner Ted Nelson; die Chronik des W3C ordnet seinen Konferenzbeitrag dazu dem Jahr 1965 zu.

Vom Hypertext zum World Wide WebQuellen: W3C-Chronik, CERN1Memex1945Vannevar Bush:Links zwischenDokumenten2Hypertext1965Ted Nelsonprägt den Begriff3VorschlagMärz 1989Tim Berners-Leeam CERN4Erster ServerEnde 1990Server und Browserinfo.cern.ch5Freigabe1991Software verteilt,August: Newsgroups
Vom Gedankenexperiment zum Alltag: Hypertext war jahrzehntelang Forschung, bevor das World Wide Web den Hyperlink 1991 öffentlich machte.

Die Idee ist älter. 1945 beschrieb Vannevar Bush eine Maschine namens Memex, mit der sich Verbindungen zwischen Dokumenten anlegen und verfolgen lassen sollten. In den 1960er-Jahren baute Douglas Engelbart mit dem oNLine System ein funktionierendes Hypertext-System und erfand dafür die Computermaus.

Zum Alltag wurde der Hyperlink mit dem World Wide Web. Tim Berners-Lee schrieb im März 1989 am Forschungszentrum CERN den ersten Vorschlag dafür. Ende 1990 liefen dort der erste Webserver und der erste Browser, die erste Website hatte die Adresse info.cern.ch. 1991 gab Berners-Lee die Software heraus und stellte sie im August in Internet-Newsgroups vor, so die Darstellung des CERN. Am 30. April 1993 stellte das CERN den Quellcode lizenzgebührenfrei zur Verfügung.

Seitdem hat sich am Prinzip wenig geändert: Ein Verweis besteht aus einer Zieladresse und einem sichtbaren Teil, auf den man klickt. Genau dieses Paar werten Suchmaschinen bis heute aus.

Hyperlinks außerhalb von Webseiten: Word, PDF und E-Mail

Viele, die nach „Hyperlink“ suchen, wollen eigentlich wissen, wie sich in einem Office-Dokument ein Verweis setzen lässt. In Word öffnet die Tastenkombination Strg+K laut Microsoft-Hilfe das Dialogfeld „Link einfügen“. Dort tragen Sie die Adresse ein, der markierte Text wird zum klickbaren Teil. Das Prinzip ist dasselbe wie im Web.

  • Word und Excel: Der Link lebt im Dokument. Für Suchmaschinen wird er erst relevant, wenn die Datei öffentlich im Web steht, etwa als PDF.
  • PDF: Laut einer Antwort im Google Search Central Blog von 2011 behandelt Google Links in PDF-Dateien im Allgemeinen wie Links in HTML: Sie können PageRank weitergeben. Ein nofollow ließ sich in PDFs damals nicht setzen.
  • E-Mail und Newsletter: Links in Mails bringen Besuche, aber keine Ranking-Signale, solange die Mail nicht öffentlich abrufbar ist. Suchmaschinen sehen Postfächer nicht.
  • Kopierter Text: Wer Text aus Word in ein Redaktionssystem einfügt, sollte die Links danach im Quelltext prüfen. Oft kommen Office-Formatierungen mit, und eine Adresse ohne https:// wird zum relativen Pfad.

Beispiel: relative Links in einem Gastbeitrag

Ein konstruiertes Beispiel: Eine Steuerkanzlei schreibt einen Fachbeitrag für ein Branchenportal. Der Text wird aus dem eigenen Redaktionssystem kopiert, in dem Verweise auf die Kanzlei-Website als href="/leistungen/erbschaft/" gespeichert sind.

Auf dem Portal löst der Browser diese Adresse gegen die Domain des Portals auf. Aus dem gewünschten Verweis auf kanzlei-beispiel.de/leistungen/erbschaft/ wird portal-beispiel.de/leistungen/erbschaft/, eine Seite, die es dort nicht gibt. Leser landen auf einer Fehlerseite. Die Kanzlei bekommt keinen Backlink, das Portal dafür einen defekten internen Link.

  1. Vor dem Versand alle Links im Text auf absolute Adressen mit https:// umstellen.
  2. Nach der Veröffentlichung den Quelltext öffnen und die href-Werte mit den gewünschten Zielen vergleichen.
  3. Bei Abweichungen die Redaktion bitten, die Adressen zu korrigieren, und nach einigen Tagen erneut prüfen.

Für den Abgleich vieler Adressen auf einmal eignet sich der Link-Checker. Wie Sie im Quelltext neben dem Ziel auch die rel-Werte zuverlässig ablesen, zeigt Dofollow-Links erkennen. Die Regel dahinter gilt für jeden Text, der woanders erscheint: Dort gehören ausschließlich absolute URLs hinein.

Häufige Fragen

Was ist der Unterschied zwischen Hyperlink und Link?

Es gibt keinen. „Link“ ist die Kurzform von „Hyperlink“. Office-Programme sprechen eher vom Hyperlink, im Web und im SEO sagt man fast immer Link.

Wie ist ein Hyperlink im HTML aufgebaut?

Als a-Element mit Zieladresse im href-Attribut: <a href="https://www.beispiel.de/ratgeber/daemmung/">Linktext</a>. Der Inhalt zwischen den Tags ist der Ankertext. Optional kommen Attribute wie rel oder target hinzu.

Sind relative Links schlecht für SEO?

Nein. Google löst relative Adressen wie /ratgeber/ auf und führt sie in seiner Dokumentation als auslesbar. Problematisch werden sie nur in Texten, die auf einer anderen Domain erscheinen, etwa in Gastbeiträgen oder Pressemitteilungen. Dort gehören absolute URLs hinein.

Wer hat den Hyperlink erfunden?

Es gibt keinen einzelnen Erfinder. Den Begriff Hypertext prägte Ted Nelson, die W3C-Chronik datiert ihn auf 1965. Zum Massenphänomen wurde der Hyperlink durch das World Wide Web, das Tim Berners-Lee ab 1989 am CERN entwickelte.

Zählen Hyperlinks in PDF-Dateien für Google?

Laut einer Antwort im Google Search Central Blog von 2011 werden Links in PDFs im Allgemeinen wie Links in HTML behandelt und können PageRank weitergeben. Voraussetzung ist, dass Google die PDF-Datei crawlen kann.

Alle 327 Begriffe im Glossar