Was ist ein Anker-Tag?
Ein Anker-Tag ist ein HTML-Tag. Es wird verwendet, um den Anfang und das Ende eines Hypertext-Links zu definieren. Suchmaschinen verwenden den Tag, um den Inhalt der Ziel-URL zu bestimmen. Benutzer klicken auf den Ankertext, um das Link-Ziel zu erreichen.
So bauen Sie einen Hyperlink mit einem Anker-Tag in HTML auf
<a href="http://www.example.com">My sample page </a>
Ein Anker-Tag wird mit definiert und besteht aus drei Teilen:
- das href-Attribut,
- das name-Attribut,
- und das target-Attribut.
href-Attribut
Um einen Hyperlink zu erstellen, muss das Ziel (Adresse) des Dokuments bekannt sein. Ein Hyperlink kann auf Seiten der eigenen Domain, auf andere Websites oder auf eine Datei (z. B. ein PDF-Dokument) verweisen.
Um beispielsweise auf die Google-Homepage zu verlinken, sieht der Code wie folgt aus:
<a href="http://www.google.com">Google Home</a>
Href steht für Hypertext-Referenz. Dieses Attribut definiert die Zieladresse des Dokuments, auf das dieses Mal verlinkt wird (http://www.google.com). Das „=“-Zeichen ist die Verbindung des Attributs mit dem Attributwert, wobei „href“ das Attribut und “ http://www.google.com “ der Attributwert ist. Vor und nach dem Attributwert steht ein Hochkomma. Die definierte Phrase „Google Home“ wird als Ankertext oder Linktext bezeichnet – das ist das, was für den Nutzer sichtbar und anklickbar ist. Ein Ankertext ist idealerweise prägnant, informativ und relevant für die Landing Page.
Wenn Sie intern auf einen anderen Teil Ihrer Website verlinken wollen, müssen Sie nicht die vollständige Adresse angeben, in diesem Fall reicht der Dateiname:
<a href="MyPage.html">My page</a>
Die Verwendung der vollständigen Adresse kann dazu führen, dass die Seite langsamer lädt. Siehe auch „Seitengeschwindigkeit“
Namensattribut
Das Namensattribut des Anker-Tags kann verwendet werden, um dem Benutzer einen „Sprung“ zu einem bestimmten Punkt auf einer Seite zu ermöglichen (Sprungmarke, Anker). Dies ist vor allem bei großen Seiten oder Unterteilungen sinnvoll.
Der HTML-Code sieht folgendermaßen aus:
<a name="to top"></a> or<a name="Content"></a>Content
Im ersten Code-Beispiel wird vom Ende einer Seite zurück zum Anfang verlinkt, so dass Benutzer schnell an den Anfang der Seite gelangen können, ohne lange scrollen zu müssen. Im zweiten Beispiel können Benutzer direkt auf einen Teil der Seite zugreifen, z. B. einen Unterteilungspunkt. Durch Anklicken wird der Benutzer über das Namensattribut direkt zum Thema geführt.
<a href="#Content">Content</a>
Durch einfaches Setzen eines Hashtags (#) am Ankernamen kann der Browser einen Sprung innerhalb der Seite erkennen.
Sie können auch intern auf eine bestimmte Stelle auf einer anderen Seite verlinken. Dies würde wie folgt definiert:
<a href="anotherpage.html#name">Linktext</a>
Das „#name“ wird hinter dem Dateinamen angegeben.
Ziel-Attribut
Das Ziel-Attribut gibt an, wie die Zielseite oder das Zieldokument geöffnet werden soll. „target=“ _ blank “ wird für das Öffnen der Zielseite in einer neuen Registerkarte verwendet. Dies ist die übliche Option bei der Verwendung von target-Attributen für die Verlinkung auf andere Seiten.
<a href="http://www.mypage.com" target="_blank" rel="noopener">Linktext</a>
Titel-Attribut
Das title-Attribut gibt dem Benutzer einen wichtigen Hinweis darauf, wohin er geleitet wird, wenn er auf einen Link klickt. Fährt der Benutzer mit der Maus über einen Linkverweis, wird der im Attribut definierte Titeltext angezeigt. Dies kann ein Tooltip oder eine Beschreibung der Ressource sein, auf die der Link verweist. Die Daten aus dem title-Attribut machen die Seite benutzerfreundlicher.
Das title-Attribut kann auch für Bilder und Grafikdateien verwendet werden, um eine kurze Beschreibung dessen zu geben, was auf dem Bild zu sehen ist.
<img title="Here you can see a sample image" src="exampleimage.png" alt="sample image">
Bedeutung für die Suchmaschinenoptimierung
Die „Vorbereitung“ im oberen HTML-Verweis ist der Linktext, der im Fließtext einer Website sichtbar ist und je nach Layout als blauer Text oder unterstrichen erscheinen kann. Der Linktext wird auch als Ankertext bezeichnet und ist aus Sicht der Suchmaschinenoptimierung besonders wichtig. Der Ankertext ist Teil des Anker-Tags.
Anker-Tags sind eine wesentliche Möglichkeit, HTML-Dokumente für Suchmaschinen zu optimieren. Ankertext und Titelattribute geben Benutzern und Suchmaschinen mehr Informationen über den Ziellink. Wie bei sauberen URLs ist es auch bei Ankertexten für interne Links unerlässlich, eine Keyword-Recherche durchzuführen, denn wenn hier wichtige Keywords platziert werden, kann dies sowohl Nutzern als auch Suchmaschinen zugute kommen und zu besseren Rankings führen.
Besonders wichtig bei Anker-Tags ist die Unterscheidung zwischen internen Links und externen Links. So gibt es bei internen Links keine Beschränkung für die Verwendung von Keywords im Ankertext. Webmaster und SEOs können einzelne Keywords direkt verlinken, ohne eine Abstrafung durch die Suchmaschinen zu riskieren. Durch die Verlinkung einzelner Keywords auf der Website kann die thematische Relevanz einer Unterseite gestärkt und somit das Ranking beeinflusst werden.
Bei Backlinks hingegen kann die übermäßige Verwendung von Keyword-Links seit der Einführung des Penguin Updates zu einer Abstrafung durch Google führen.
Das Titelattribut für Anchor Tags hat in der Regel keine direkte Auswirkung auf SEO. Allerdings kann die Verwendung von Titelattributen und -elementen bei Links oder Bildern die Klickrate erhöhen und damit indirekt die Nutzersignale beeinflussen, die Google von der Website erhält.