Anker-Tag: Definition und Attribute - Seobility Wiki

Definition

Anchor-Tags sind HTML-Tags, die zum Erstellen von Hyperlinks verwendet werden. Links und Hyperlinks bilden die Grundlage der Navigation im Web und sind das, worauf man klickt, um von einer Seite zu einer anderen auf einer Website zu gelangen. Praktisch jedes Element auf einer Seite kann in Anker-Tags eingewickelt und in einen Link verwandelt werden, von einfachem Text bis hin zu Bildern und anderen HTML-Elementen.

Attribute eines Anker-Tags

Der HTML <a>-Tag, auch bekannt als Anker-Tag, akzeptiert eine Reihe verschiedener Attribute. HTML-Attribute sind Daten, die dem Tag hinzugefügt werden, um zusätzliche Informationen zu liefern. Die meisten sind optional, aber einige sind erforderlich. Das Anker-Tag erfordert mindestens ein href-Attribut, aber es gibt viele andere optionale Attribute.

Ein Beispiel für ein HTML-Anker-Tag, das mehrere Attribute verwendet, könnte so aussehen:

<a href="www.google.com" name="google_link" target="_blank" title="Link to Google">Link to Google</a>

Href-Attribut

Das href-Attribut ist erforderlich, da es den Link erzeugt. Href steht für Hypertext-Referenz und enthält die URL, zu der der Benutzer geschickt wird, wenn er auf den Link klickt. Im obigen Beispiel ist dies www.google.com.

Name-Attribut

Das name-Attribut ist seit HTML5 veraltet, und stattdessen wird empfohlen, das id-Attribut zu verwenden. Vor HTML5 waren das name- und id-Attribut austauschbar. Sie wurden verwendet, um einem Element einen Namen zu geben, um es für die Verwendung an anderer Stelle zu identifizieren, wie z. B. in CSS oder Javascript.

Target-Attribut

Das target-Attribut wird verwendet, um zu beschreiben, wie der Benutzer zu der Seite im Link geschickt wird. Die zwei gängigsten Werte sind:

„_self“, das ist die Standardoption, wenn nicht anders angegeben, und schickt den Benutzer zum Link innerhalb des gleichen Browsing-Kontextes, normalerweise ein Tab.

„_blank“ öffnet den Anker-Link in einem neuen Fenster oder Tab. Dies wird typischerweise verwendet, um auf externe Seiten zu verlinken.

Andere Zielattribute sind „_parent“ und „_top“, obwohl diese nur selten verwendet werden und in der Regel anwendbar waren, als iframes ausgiebig verwendet wurden, die inzwischen in Ungnade gefallen sind. Sie ermöglichten es Entwicklern, einen Link in einem übergeordneten Frame oder dem obersten Frame auf einer Seite zu öffnen.

Titel-Attribut

Das Titel-Attribut wird verwendet, um einen Namen für den Link anzugeben. Dieser Name wird in verschiedenen Kontexten angezeigt, z. B. wenn ein Benutzer mit der Maus über den Link fährt und wenn ein Benutzer mit einem Bildschirmlesegerät den Anker-Tag hervorhebt. Dies ist optional, wird aber aus Gründen der Barrierefreiheit empfohlen.

Zusätzliche Attribute

Das Anker-Tag unterstützt zusätzliche Attribute. Einige davon sind anderen HTML-Tags gemeinsam, wie z. B. „class“ und „id“, aber einige davon sind einzigartig für das Anker-Tag.

Download-Attribut

Dieses Attribut gibt dem Browser einen Hinweis, dass der Link einen Download des verlinkten Inhalts auslösen soll, anstatt zu ihm zu navigieren. Es kann leer gelassen werden, in diesem Fall wird ein Best Guess verwendet, um einen Dateinamen anzugeben, aber jeder Wert, der in das Download-Tag eingegeben wird, wird für den vorgeschlagenen Dateinamen verwendet.

Attributhreflang

Dieses HTML-Attribut kann verwendet werden, um alternative Sprachversionen der jeweiligen Webseite anzugeben. Dabei handelt es sich um einen Wert, wie z. B. „fr“ für Französisch oder „en-GB“ für britisches Englisch. Hreflang kann nützlich sein, um zusätzlichen Kontext für Suchmaschinen bereitzustellen und doppelten Inhalt zu verhindern.

rel-Attribut

Mit dem HTML-Attribut rel können Sie eine Beziehung zwischen zwei Seiten angeben. Es akzeptiert eine Reihe von Werten, einschließlich „kanonisch“, „extern“ und „Hilfe“. Diese deuten auf bestimmte Verhaltensweisen hin, wie z. B. dass der Link als kanonische Version einer Seite gedacht ist, ein externer Link außerhalb der Kontrolle der Website ist oder dass der Link mehr Informationen über den aktuellen Link enthält.

Bedeutung für die Suchmaschinenoptimierung

Anker-Tags sind grundlegend dafür, wie das Web funktioniert, und mehrere Attribute innerhalb des Anker-Tags sind besonders nützlich in Bezug auf SEO. Mehrsprachige Websites sollten unbedingt die Vorteile des hreflang-Attributs nutzen. Darüber hinaus ist es eine gängige SEO-Best-Practice, einen rel=canonical-Link zu verwenden, um kanonische Versionen von Seiten zu kennzeichnen. Andernfalls können Suchmaschinen unterschiedliche URL-Versionen der gleichen Seite (z. B. aufgrund von URL-Parametern) als Duplicate Content betrachten, was sich negativ auf das Suchmaschinenranking auswirken kann.

Das rel-Attribut kann auch Werte wie „nofollow“ enthalten. Nofollow legt fest, dass die verlinkte Seite nicht von Suchmaschinen verfolgt und gecrawlt werden soll.

Zusammenfassung: Anchor-Tag FAQS

Wofür werden Anchor-Tags verwendet?

Anchor-Tags werden verwendet, um Text, Bilder oder andere HTML-Elemente in Hyperlinks zu verwandeln.

Wie erstellt man einen Anker-Tag?

Sie können Anker-Tags in HTML erstellen, indem Sie den <a>-Tag mit einem oder mehreren Attributen kombinieren.

Was sind die wichtigsten Attribute eines Anker-Tags?

Die wichtigsten Attribute sind:

Href
Name
Target
Title

Wie wirken sich Anker-Tags auf SEO aus?

Anker-Tags sind für SEO relevant, da sie z.B. dazu verwendet werden können, kanonische Links zu erstellen, um doppelten Inhalt zu vermeiden.

Anchor-Tag