Was ist ein Link?

Link Ein "Link" oder "Hyperlink" ist ein HTML-Element, das es dir ermöglicht, von einer Stelle im Internet zu einer anderen zu gelangen. Wenn du auf einen Link klickst, wirst du zu einer anderen Seite weitergeleitet. Dieser Mechanismus ermöglicht es den Internetnutzern, sich im Internet zu bewegen.

Links sind auf jeder Webseite zu finden. Sie erleichtern die Navigation zwischen den Seiten und machen es überflüssig, die genaue Adresse der gewünschten Seite einzugeben. Es genügt also, auf einen Link zu klicken, um sofort dorthin zu gelangen, wo man hin möchte.

Da Links so praktisch sind, können sie auch an andere HTML-Elemente wie Bilder oder Textfragmente angehängt werden. Text, der als Anker für einen Link dient, wird normalerweise in Blau oder Rot dargestellt. Die Standardfarbe in den meisten Browsern ist blau, aber du kannst deinen Links die Farbe deiner Wahl geben, indem du HTML- und CSS-Stile verwendest.

Wenn der Link mit einem Bild verknüpft ist, umschließt der Link-Tag das Bild-Tag, sodass das Bild selbst zum Anker des Links wird. Das bedeutet, dass deine Besucher einfach auf das Bild klicken müssen, um zum Link zu gelangen.

Verschiedene Arten von Links

Nachdem wir nun wissen, was ein Link ist, wollen wir uns die verschiedenen Arten von Links ansehen, die du im Internet finden kannst, insbesondere im Rahmen der Suchmaschinenoptimierung.

<a>-Link

Ein <a>-Link ist ein SEO-Tag. Die meisten externen und internen Domain-Links werden mit diesem HTML-Tag erstellt. Ein <a>-Link erzeugt einen Hyperlink mit einem href-Attribut. Dieses enthält das Ziel des Links und den Ankertext.

Beispiel: <a href=”https://www.irgendwascooles.com”>Besuche IrgendwasCooles.com!</a>

Bildlink

Ein Bildlink wird von Suchmaschinen verwendet, um die Relevanz des Bildes für den Nutzer zu verstehen. Dazu gehören der Alt- und der Title-Tag.

Beispiel: <a href=”https://www.irgendwascooles.com”>
<img src=”irgendwascooles.jpg” alt=”IrgendwasCooles Logo aus sich kreuzenden roten Quadraten” />
</a>

JavaScript-Link

JavaScript-Links existieren und können verwendet werden, sind aber nicht immer von Suchmaschinen indizierbar. Es ist jedoch möglich, einen JavaScript-Link zu erstellen, der von Suchmaschinen gecrawlt werden kann.

Beispiel: script>
var a = document.createElement(‘a’);
var linkText = document.createTextNode(“mein Titeltext”);
a.appendChild(linkText);
a.title = “mein Titeltext”;
a.href = “https://irgendwascooles.com”;
document.body.appendChild(a);
</script>

Rel-Link

Rel-Links enthalten ein rel-Attribut, das die Beziehung zwischen dem aktuellen Dokument und der verlinkten Quelle angibt. In der Suchmaschinenoptimierung wird ein rel-Link meist als kanonischer Tag verwendet. Mit einem kanonischen Tag teilt man einer Suchmaschine mit, welche Seiten sie indizieren soll. Kanonische Tags sind wichtig, um Probleme mit Duplicate Content zu vermeiden.

Beispiel: <link rel=”canonical” href=”https://www.irgendwascooles.com”>

Nofollow-Link

Mit Nofollow-Links kannst du verhindern, dass eine Suchmaschine auf Seiten zugreift, die eigentlich nur nutzlos sind. Auf diese Weise kannst du dein Crawling-Budget verbessern. Es gibt zwei Möglichkeiten, Nofollow-Links zu implementieren:

1. <meta name=”robots” content=”nofollow” />

2. <a href=”beispiel.php” rel=”nofollow”>Login</a>

Abschließende Worte

Links sind ein wichtiger Teil der Architektur des Internets. Sie erleichtern die Navigation und lassen uns das Internet in seiner ganzen Pracht erleben! Um sicherzustellen, dass deine Platzierung auf den Ergebnisseiten der Suchmaschinen so ist, wie du es dir wünschst, musst du die Macht der Links verstehen!