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 anklickbaren Hyperlink zu erstellen.
Zum Beispiel erstellt dieser href-Link den Hyperlink „Semrush”:
<a href="https://www.semrush.com/">Semrush</a>Es gibt andere Arten von HTML-Links (z. B. das <link>-Tag). Und andere Möglichkeiten, Hyperlinks zu erstellen (z. B. mit JavaScript). Aber die meisten Links werden mithilfe von <a>-Tags erstellt, auch bekannt als Anker-Tags oder Anker-Elemente.
Anker-Elemente werden durch das Start-Tag <a> und das End-Tag </a> definiert.
Das href-Attribut (Hypertext-Referenz-Attribut) definiert das Linkziel oder das Ziel. Dies ist oft die URL einer Webseite. Aber es gibt andere mögliche Werte.
. Anker-Tags sollten auch Anker-Inhalt enthalten, den Inhalt, an den der Link angehängt ist. In vielen Fällen ist dies Ankertext (z. B. „Semrush“). Es kann aber auch ein HTML-Element sein, wie z. B. ein Bild.
Ihr Content-Management-System (CMS) verfügt möglicherweise über Tools, die das manuelle Programmieren von href-Links überflüssig machen. Es ist jedoch hilfreich zu verstehen, wie sie hinter den Kulissen 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.
Link-Probleme finden und beheben
mit dem Site Audit Tool
Warum sind Href-Links wichtig?
Href-Links sind wichtig, weil sie die am häufigsten verwendete Methode zum Erstellen von Hyperlinks sind. Und Hyperlinks helfen Benutzern und Web-Crawlern dabei, im Internet zu navigieren und auf digitale Ressourcen zuzugreifen.
Es gibt zwei Hauptarten von Hyperlinks, die Sie Ihrer Website hinzufügen können: interne Links und externe Links. Und mit A-Href-Links können Sie beides erstellen.
Interne Links sind Hyperlinks zu Standorten oder Ressourcen auf Ihrer Domain.
Beispiele hierfür sind:
- Navigationslinks zu anderen Seiten auf Ihrer Website
- Kontextbezogene Links zu anderen Seiten auf Ihrer Website
- Anker-Links (oder Sprung-Links) auf Ihren Seiten
- Links zu Dateien (z. B. E-Books) auf dem Server Ihrer Domain
Durch die effektive Nutzung interner Links ermutigen Sie Benutzer, Ihre Website zu erkunden. Dies kann bedeuten, dass sie eher einen Kauf tätigen, Ihre Inhalte teilen oder eine andere gewünschte Aktion ausführen.
Außerdem helfen interne Links Google dabei, Seiten auf Ihrer Domain zu entdecken. Und zu verstehen, wie sie zusammenpassen. Dies kann zu höheren Rankings in Suchergebnisseiten (SERPs) führen.
Externe Links (oder ausgehende Links) sind Hyperlinks zu Standorten oder Ressourcen außerhalb Ihrer Domain.
Bei richtiger Verwendung werten externe Links Ihre Inhalte auf.
Sie können beispielsweise Vertrauen aufbauen, indem Sie auf zuverlässige Quellen verlinken. Oder ein nützliches Tool teilen, das auf Ihrer Website nicht verfügbar ist.
John Mueller von Google behauptet , dass externe Links zu seriösen Websites nicht beim Website-Ranking helfen. Aber viele SEO -Profis glauben, dass sie es tun.
5 Best Practices für A Href Links
Befolgen Sie beim Erstellen von A-Href-Links diese Best Practices, um sicherzustellen, dass Ihre Hyperlinks ordnungsgemäß funktionieren. Und Ihrer Website so viel wie möglich nützen.
1. Wählen Sie den richtigen Wert für das Href-Attribut
Der Wert des href-Attributs ist das Linkziel. Dies kann beispielsweise eine Webseite, ein Teil einer Webseite, eine Datei, eine E-Mail-Adresse oder eine Telefonnummer sein.
Das Linkziel wird zwischen die Anführungszeichen des href-Attributs gesetzt, wie folgt:
href="Wert"Lassen Sie uns die wichtigsten Arten von href-Werten untersuchen:
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 prägnant sind. Und sie können auch nach einer Website-Migration.
noch funktionieren. Wir empfehlen jedoch, aus SEO-Gründen absolute URLs zu verwenden.
Absolute URLs
Eine absolute URL ist der vollständige Pfad zu einer URL, einschließlich des Protokolls, der Domain und aller zusätzlichen Pfade oder Parameter.
Zum Beispiel:
href="https://www.semrush.com/blog/"Sie müssen absolute URLs verwenden, wenn Sie externe Links hinzufügen.
Aber sie sind auch für interne Links hilfreich. Denn Sie können immer auf die kanonische URL verlinken, die bevorzugte Version einer duplizierten Seite.
Dies beseitigt jegliche Mehrdeutigkeit oder Verwirrung für Suchmaschinen. Es kann also Ihrer SEO helfen.
In einem Google-Video sagte John Mueller, dass die Verlinkung auf kanonische URLs „wahrscheinlich ein bisschen mehr Sinn ergibt, weil man sich dann keine Sorgen darüber machen muss, dass [Google oder Nutzer] auf die Nicht-WWW-Version Ihrer Website zugreifen.“
Anker-Links
Anker-Links (oder Sprungmarken) sind Links zu verschiedenen Teilen derselben Seite.
Zum Beispiel sind alle Links im Inhaltsverzeichnis dieses Artikels Anker-Links.
Um einen Sprunglink zu erstellen, geben Sie dem Element, auf das Sie verlinken möchten, ein id-Attribut (id=”id-name”).
Wie hier:
<h2 id="faqs">FAQs</h2>Erstellen Sie dann den Link, indem Sie #id-name als href-Wert verwenden.
Wie folgt:
<a href="#faqs">zu unseren FAQs springen</a>Alternativ verwenden Sie href=”#top” oder href=”#”, um einen Sprung an den Seitenanfang 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 einen href-Link wie diesen in unserer Website-Fußzeile:
<a href="mailto:mail@semrush.com">mail@semrush.com</a>Das Klicken auf den Hyperlink erstellt einen E-Mail-Entwurf wie diesen:
Sie können dem a href-Code auch Parameter wie eine Betreffzeile, den Inhalt des Textkörpers und eine CC-Adresse hinzufügen.
Nehmen wir an, Sie möchten, dass sich Bewerber mit dem Betreff „Web Developer Role“ bei jobs@example.com bewerben.
Um es einfacher zu machen, könnten Sie einen HTML-Link wie diesen hinzufügen:
<a href="mailto:jobs@example.com?subject=Web%20Developer%20Role">Jetzt bewerben</a>Beachten Sie, dass “%20” anstelle von Leerzeichen verwendet wird. Dies ist ein Beispiel für URL-Codierung, ein Prozess, der sicherstellt, dass Parameter ordnungsgemäß funktionieren.
Tel-Links
Um einen Tel-Link zu erstellen, verwenden Sie das Attribut href=”tel:” in Kombination mit der Telefonnummer.
Wie folgt:
Wenn der Benutzer auf den Hyperlink auf einem kompatiblen Gerät klickt, öffnet sich die Nummer in seiner Dialer-App. Das macht es ihnen leicht, Sie anzurufen.
2. Verwenden Sie andere Anker-Tag-Attribute
Das href-Attribut ist in einem Anker-Element wichtig, da es das Linkziel 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 Ihrer SEO zugutekommen.
Hier ist ein kurzer Überblick über die häufigsten:
| Anker-Attribut | Zweck | Anker-Tag-Beispiel |
| Download | Weist den Browser an, die verlinkte Ressource herunterzuladen, anstatt sie zu öffnen. Fügen Sie einen beschreibenden Dateinamen zwischen die Anführungszeichen ein. | <a href=”example.pdf” download=”Dateiname”>Download [PDF]</a> |
| Rel | Informieren Sie Suchmaschinen über die Beziehung Ihrer Website zur verlinkten Ressource. Zum Beispiel rel=“nofollow” bittet Suchmaschinen, den Link nicht als Empfehlung der verlinkten Seite zu behandeln. (Dies ist ein wichtiges Konzept beim Linkaufbau.) | ) |
| <a href=”https://www.example.com/” rel=”nofollow”>Ankertext</a> | Target Sagen Sie 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 hält. |
| <a href=”https://www.semrush.com/” target=”_blank”>Semrush</a> | Title Zeigen Sie einen Tooltip an, wenn der Benutzer mit der Maus über den Link fährt. | Fügen Sie den Tooltip-Text zwischen die Anführungszeichen ein. |
<a href=”https://www.semrush.com/” title=”Semrush-Startseite”>Semrush</a> Tipp: Bestimmte Arten von Links von anderen Websites (Backlinks ) können Ihrer SEO zugutekommen. Mit dem Backlink Analytics -Tool von Semrush können Sie Ihre Backlinks einfach analysieren
und mit denen der Konkurrenz vergleichen.
Erhalten Sie Einblicke in Backlink-Profile
3. Verwenden Sie die richtige Syntax
Es ist wichtig, die richtige Syntax zu verwenden, wenn Sie a href-Links erstellen. Wenn Sie die Dinge nicht in die richtige Reihenfolge bringen, wird Ihr Hyperlink nicht wie erwartet funktionieren.
Die Href-Syntax funktioniert so:
- Starten Sie den a href-Link mit <a
- Fügen Sie korrekt formatierte Attribute innerhalb des Start-Tags hinzu
- Lassen Sie ein Leerzeichen vor jedem Anker-Tag-Attribut
- Verwenden Sie gerade (keine geschweiften) Anführungszeichen
- Schließen Sie das Start-Tag mit >
- Fügen Sie Ihren Anker-Inhalt hinzu
- Beenden Sie das Tag mit </a>
Tipp: Erfahren Sie mehr über andere Tags und wie Sie sie mit unserem HTML-Spickzettel und semantischem HTML Leitfaden verwenden.
4. Optimieren Sie den Anker-Inhalt
Anker-Inhalt ist der Inhalt, an den ein Link angehängt ist. Daher ist es wichtig, dass er auf Ihrer Seite Sinn ergibt.
Außerdem verwenden Suchmaschinen den Anker-Inhalt, um zu verstehen, worum es auf der verlinkten Seite geht. Eine konsequente Optimierung kann Ihr SEO verbessern.
In vielen Fällen sind Links an Ankertext (auch bekannt als HTML-Linktext) angehängt.
Wie hier:
<a href="https://www.example.com/">Ankertext hier</a>Vermeiden Sie generische Ankertexte wie „Hier klicken“.
Verwenden Sie stattdessen beschreibende Ankertexte. Um Nutzern und Suchmaschinen zu helfen, zu verstehen, worum es bei der verlinkten Ressource geht.
Wenn Sie auf andere Seiten Ihrer Website verlinken, verwenden Sie Ziel-Keywords im Ankertext, wo es natürlich klingt. Dies kann Ihnen helfen, Relevanz aufzubauen und Ihre Google-Rankings.
zu verbessernUm einen Bildlink in HTML zu erstellen
, fügen Sie ein Bildelement zum Anker-Tag hinzu. (Anstelle von Ankertext.) Und fügen Sie Alt-Text
hinzu. Damit Suchmaschinen und Personen, die Screenreader verwenden, wissen, was das Bild darstellt.
Zum Beispiel:<a href=”https://www.example.com/product-category/product-name”><img src=”product-image.png” alt=”Dies ist eine Beschreibung des Produktbildes”></a>
Sie können SVGs, formatierten Text und andere HTML-Elemente als Anker-Inhalt verwenden. Tipp: Führen Sie eine Keyword-Recherche mit dem Keyword Magic Tool
von Semrush durch. Um Ziel-Keywords für jede Seite Ihrer Website zu identifizieren und Links entsprechend zu optimieren.
Ziel-Keywords finden
Kostenlos testen
5. Überprüfen Sie Ihre Links regelmäßig
Href-Links, die nicht richtig funktionieren, bieten eine schlechte Benutzererfahrung. Und können Ihrem SEO schaden. Daher ist es wichtig, die Links auf Ihrer Website regelmäßig zu überprüfen.
Selbst der kleinste Fehler in Ihrem HTML kann Probleme verursachen. Außerdem können Hyperlinks mit der Zeit verfallen, wenn Linkziele geändert oder entfernt werden. Mit dem Site Audit
Tool von Semrush können Sie Linkprobleme in großem Maßstab überprüfen.Nach der Einrichtung finden Sie den Bericht „Interne Verlinkung“ und klicken auf „.”
Details anzeigen
- “. Schauen Sie sich dann die „Internen Link-Probleme“ an, um zu sehen, ob Sie Folgendes haben:
- Defekte Links
- (Links, die auf ein nicht existierendes Ziel verweisen)
- Zu viele On-Page-Links (mehr als 3.000 Links auf einer einzigen Seite)Interne Links mit Nofollow-Attributen Verwaiste Seiten (
- Sitemap
Seiten ohne interne Links, die darauf verweisen)
Links mit fehlendem oder nicht beschreibendem AnkertextUnd viele andere Probleme.Klicken Sie auf „Mehr erfahren“ oder „
Warum und wie man es behebt“ neben einem Problem für weiteren Kontext.Oder klicken Sie auf die Schaltfläche „
# Probleme“, um die betroffenen URLs zu sehen.Verwenden Sie die Kontrollkästchen und die Schaltfläche „ Senden an…“, um Aufgaben in
Semrush CRM, Trello oder Zapier zu erstellen. (Stellen Sie sicher, dass Sie die Integration zuerst einrichten.)
Vergessen Sie nicht, andere Berichte in Site Audit zu überprüfen. Um andere technische SEO -Probleme auf Ihrer Website zu finden und zu beheben.
Führen Sie das Audit jeden Monat oder öfter erneut durch. Um neu auftretende Probleme zu erkennen.
Passende Leistung: SEO (Suchmaschinenoptimierung)