A-Href-Links: Was sie sind & wie man sie verwendet

Was ist ein A-Href-Link?

Ein „A-Href-Link“ (oder „Href-Link“) ist HTML-Code, der ein <a>-Tag und ein Href-Attribut verwendet, um einen klickbaren Hyperlink zu erstellen.

Zum Beispiel erstellt dieser Href-Link den Hyperlink „Semrush“:

Es gibt andere Arten von HTML-Links (z. B. das <link>-Tag). Und andere Wege, Hyperlinks zu erstellen (z. B. mit JavaScript). Aber die meisten Links werden mit <a>-Tags erstellt, die auch als Anker-Tags oder Anker-Elemente bekannt sind.

Anker-Elemente werden durch das Start-Tag <a> und das End-Tag </a> definiert.

Das Href-Attribut (Hypertext-Referenz-Attribut) definiert das Link-Ziel oder den Zielort. Dies ist oft eine Webseiten-URL. Aber es gibt weitere mögliche Werte.

Anker-Tags sollten auch Anker-Inhalt enthalten – den Inhalt, an den der Link angehängt ist. In vielen Fällen handelt es sich dabei um Anker-Text (z. B. „Semrush“). Aber es kann auch ein HTML-Element sein, wie ein Bild.

Ihr Content-Management-System (CMS) könnte Tools haben, die das manuelle Codieren von Href-Links überflüssig machen. Aber es ist hilfreich zu verstehen, wie sie im Hintergrund funktionieren.

Tipp: Überprüfen Sie Link-Probleme und andere technische Probleme auf ihrer Website mit dem Site-Audit-Tool von Semrush. Sie können bis zu 100 URLs kostenlos crawlen.

Warum sind Href-Links wichtig?

Href-Links sind wichtig, weil sie der am häufigsten verwendete Weg sind, Hyperlinks zu erstellen. Und Hyperlinks helfen Benutzern und Web-Crawlern, das Internet zu navigieren und auf digitale Ressourcen zuzugreifen.

Es gibt zwei Hauptarten von Hyperlinks, die Sie zu Ihrer Website hinzufügen können: interne Links und externe Links. Und A-Href-Links ermöglichen es Ihnen, beide zu erstellen.

Interne Links sind Hyperlinks zu Orten oder Ressourcen auf Ihrer Domain.

Beispiele umfassen:

• Navigationslinks zu anderen Seiten Ihrer Website
• Kontextuelle Links zu anderen Seiten Ihrer Website
• Anker-Links (oder Sprung-Links) auf Ihren Seiten
• Links zu Dateien (z. B. E-Books) auf dem Server Ihrer Domain

Durch den effektiven Einsatz interner Links ermutigen Sie Benutzer, Ihre Website zu erkunden. Das könnte bedeuten, dass sie eher einen Kauf tätigen, Ihren Inhalt teilen oder eine andere gewünschte Aktion ausführen.

Zusätzlich helfen interne Links Google, Seiten auf Ihrer Domain zu entdecken. Und zu verstehen, wie sie zusammenpassen. Dies kann zu höheren Rankings in Suchmaschinen-Ergebnisseiten (SERPs) führen.

Externe Links (oder ausgehende Links) sind Hyperlinks zu Orten oder Ressourcen außerhalb Ihrer Domain.

Bei richtiger Verwendung fügen externe Links Ihrem Inhalt Wert hinzu.

Zum Beispiel können Sie Vertrauen aufbauen, indem Sie zu zuverlässigen Quellen verlinken. Oder ein nützliches Tool teilen, das auf Ihrer Website nicht verfügbar ist.

Googles John Mueller behauptet, dass externe Links zu seriösen Websites die Website-Rankings nicht verbessern. Aber viele SEO-Profis glauben, dass sie es tun.

5 Best Practices für A-Href-Links

Beim Erstellen von A-Href-Links befolgen Sie diese Best Practices, um sicherzustellen, dass Ihre Hyperlinks richtig funktionieren. Und Ihrer Website so viel wie möglich nutzen.

1. Wählen Sie den richtigen Href-Attributwert

Der Href-Attributwert ist das Link-Ziel. Dies kann eine Webseite, ein Teil einer Webseite, eine Datei, eine E-Mail-Adresse oder eine Telefonnummer sein, zum Beispiel.

Das Link-Ziel wird zwischen die Anführungszeichen des Href-Attributs gesetzt, wie folgt:

Lassen Sie uns die Haupttypen von Href-Werten erkunden:

Relative URLs

Eine relative URL ist ein Pfad zu einer Ressource auf derselben Website.

Zum Beispiel hat unser Semrush-Blog-Logo den Href-Wert „/blog/“:

Einige Webentwickler verwenden relative URLs für alle internen Links. Weil sie knapp sind. Und sie können nach einer Website-Migration immer noch funktionieren.

Allerdings empfehlen wir, absolute URLs für SEO-Zwecke zu verwenden.

Absolute URLs

Eine absolute URL ist der vollständige Pfad zu einer URL, einschließlich Protokoll, Domain und aller zusätzlichen Pfade oder Parameter.

Zum Beispiel:

Sie müssen absolute URLs verwenden, wenn Sie externe Links hinzufügen.

Aber sie sind auch für interne Links hilfreich. Weil Sie immer auf die kanonische URL verlinken können – die bevorzugte Version einer duplizierten Seite.

Dies entfernt jede Unklarheit oder Verwirrung für Suchmaschinen. Also kann es Ihr SEO verbessern.

In einem Google-Video sagte John Mueller, dass das Verlinken auf kanonische URLs „wahrscheinlich ein bisschen mehr Sinn macht, weil Sie sich dann keine Sorgen um Dinge wie den Zugriff auf die Non-WWW-Version Ihrer Website machen müssen.“

Anker-Links

Anker-Links (oder Sprung-Links) sind Links zu verschiedenen Teilen derselben Seite.

Zum Beispiel sind alle Links im Inhaltsverzeichnis dieses Artikels Anker-Links.

Um einen Sprung-Link zu erstellen, geben Sie dem Element, auf das Sie verlinken möchten, ein Id-Attribut (id=“id-name“).

Wie folgt:

Erstellen Sie dann den Link, indem Sie #id-name als Href-Wert verwenden.

Wie so:

Alternativ verwenden Sie href=“#top“ oder href=“#“, um einen Sprung an den Anfang der Seite zu erstellen.

Mailto-Links

Das Attribut href=“mailto:“ erstellt einen Mailto-Link, der eine neue E-Mail im E-Mail-Programm des Benutzers öffnet.

Es wird typischerweise in Kombination mit einer Ziel-E-Mail-Adresse verwendet.

Zum Beispiel haben wir in unserem Site-Footer einen Href-Link wie diesen:

Das Klicken auf den Hyperlink erstellt einen E-Mail-Entwurf wie diesen:

Sie können auch Parameter wie eine Betreffzeile, Inhaltsinhalt und CC-Adresse zum A-Href-Code hinzufügen.

Sagen wir, Sie möchten, dass Bewerber ihren Lebenslauf an jobs@example.com mit der Betreffzeile „Web Developer Role“ senden.

Um es einfacher zu machen, könnten Sie einen HTML-Link wie diesen hinzufügen:

Beachten Sie, dass „%20“ anstelle von Leerzeichen verwendet wird. Dies ist ein Beispiel für URL-Codierung – einen Prozess, der hilft, sicherzustellen, dass Parameter richtig funktionieren.

Tel-Links

Um einen Tel-Link zu erstellen, verwenden Sie das Attribut href=“tel:“ in Kombination mit der Telefonnummer.

Wie so:

Wenn der Benutzer den Hyperlink auf einem kompatiblen Gerät anklickt, öffnet er die Nummer in seiner Wählscheibe-App. Was es einfach macht, Sie anzurufen.

2. Verwenden Sie andere Anker-Tag-Attribute

Das Href-Attribut ist in einem Anker-Element wichtig, weil es das Link-Ziel definiert. Aber Sie können andere Anker-Tag-Attribute hinzufügen, um zu bestimmen, was passiert, wenn der Benutzer auf den Link klickt.

Diese Attribute können Suchmaschinen auch helfen, Ihre Links zu verstehen. Und somit Ihr SEO zu verbessern.

Hier ist eine kurze Übersicht über die häufigsten:

Anker-Attribut	Zweck	Anker-Tag-Beispiel
Download	Sagt dem Browser, die verlinkte Ressource herunterzuladen, anstatt sie zu öffnen. Fügen Sie einen beschreibenden Dateinamen zwischen die Anführungszeichen ein.	<a href=“example.pdf“ download=“Filename“>Download </a>
Rel	Informiert Suchmaschinen über die Beziehung Ihrer Website zur verlinkten Ressource. Zum Beispiel fordert rel=“nofollow” Suchmaschinen auf, den Link nicht als Empfehlung für die verlinkte Seite zu behandeln. (Dies ist ein wichtiges Konzept im Link-Building.)	<a href=“https://www.example.com/“ rel=“nofollow“>Anchor Text</a>
Target	Sagt dem Browser, wo der Link geöffnet werden soll. Zum Beispiel öffnet target=“_blank“ die Ressource in einem neuen Tab oder Fenster. Während target=“_self“ sie im selben Frame belässt.	<a href=“https://www.semrush.com/“ target=“_blank“>Semrush</a>
Title	Zeigt einen Tooltip an, wenn der Benutzer über den Link hovert. Fügen Sie den Tooltip-Text zwischen die Anführungszeichen ein.	<a href=“https://www.semrush.com/“ title=“Semrush homepage“>Semrush</a>

Tipp: Bestimmte Arten von Links von anderen Websites (Backlinks) können Ihr SEO verbessern. Mit dem Backlink-Analytics-Tool von Semrush können Sie Ihre Backlinks leicht analysieren und sie mit denen der Konkurrenz vergleichen.