Anchor Tag

Ein Anchor Tag i(kurz a-tag) ist ein HTML-Code, der zwei verlinkte Webseiten miteinander verbindet. Er umklammert und definiert alle klickbaren Wörter in einem Hyperlink im World Wide Web. Die Wörter in einem Anchor Tag, genannt Ankertext oder Linktext, dienen den Suchmaschinen dazu, den Inhalt thematisch einzuordnen, der verlinkt wird. Doch ein Anchor Tag ist mehr als nur der Text eines Links, er gibt den Suchmaschinen noch viele andere Informationen. Anchor Tags können als Backlinks (externe Links) oder interne Links gesetzt werden.

Der Anchor Tag und seine Attribute

Der Aufbau eines Anchor Tags sieht folgendermaßen aus:

<a href=”https://www.meinetolleseite.de”>Meine tolle Seite</a>

Er besteht aus drei Teilen: dem href-Attribut, dem name-Attribut und dem target-Attribut. Zusätzlich besteht die Möglichkeit des title-Attributs, welches dem Nutzer noch erweiterte Informationen zum Link gibt.

Das href-Attribut – der eigentliche Hyperlink

Will man einen Hyperlink erzeugen, muss man das Ziel, also eine Webadresse, kennen. Mit dem href-Attribut (hypertext reference) definiert man dieses Ziel. Der so definierte Text innerhalb des Anchor Tag sind die Worte, die verlinkt sind, die URL der Attributswert. Verlinkt man zum Beispiel auf Google, sieht das folgendermaßen aus:

<a href=”https://www.google.de”>Google Startseite</a>

Der Linktext ist meistens besonders hervorgehoben, unterstrichen, fett oder in einer anderen Farbe als der restliche Text, oder alles zusammen.

Bei der internen Verlinkung einer Seite empfiehlt es sich übrigens, nur die Datei über den Dateinamen zu verlinken und nicht die komplette Webadresse zu hinterlegen. Das kann sich positiv auf den PageSpeed, also die Ladezeit auswirken.

Das Name-Attribut – der interne Verweis

Das Name-Attribut verwendet man, wenn man den Benutzer zu einem Ziel innerhalb einer Seite zu einer bestimmten Stelle springen zu lassen (Sprungziel). Bei dieser Art des Anchor Tags nennt man ihn auch kurz nur Anker oder Sprungmarke. Bei langen Texten kann dies zur Verbesserung der Usability führen. Inhaltsverzeichnisse sind das beste Beispiel dafür.

Will man zum Beispiel dem User die Möglichkeit geben, von einer Stelle wieder direkt zum Anfang des Textes zu springen, kann dies folgendermaßen aussehen:

Das erste Wort oder die Überschrift der Einleitung kennzeichnet man mit:

<a name=“start“ >Einleitung</a>

An einer anderen Stelle der Seite setzt man auf ein Wort oder eine Phrase folgendes:

<a href=“#start“ >zurück zum Anfang</a>

Durch die einfache Kennzeichnung durch den Hashtag (Raute) und „start“ weiß das Gerät des Benutzers sofort, dass er innerhalb einer Seite springen soll. Das ist dann besonders schnell.

Das target-Attribut – die Art des Öffnen eines Links

Das target-Attribut ist nicht unbedingt notwendig für einen vollständigen Anchor Tag. Es wird aber in den meisten Fällen verwendet. Mit ihm definiert man, wie der Link geöffnet werden soll. Dabei gibt es verschiedene Möglichkeiten:

target_blank – Öffnung im neuen Fenster

target_self – Öffnung im selben Fenster

target_parent – Öffnung in einem übergeordneten Fenster

target_top – vollflächige Öffnung im Vordergrund des Fensters

target_framname -Öffnung in einem eigens dafür definierten Rahmen

Das title-Attribut – zusätzliche Informationen per Mouseover

Das title-Attribut ist auch ein optionaler Bestandteil eines Anchor Tags. Damit kann man einen zusätzlichen Text definieren, der beim Drüberfahren über den Link mit der Mouse angezeigt wird. Es kann ebenfalls bei einem Bild angewendet werden, um dieses noch weiter zu beschreiben. Es könnte beispielsweise so aussehen:

<a href=“https://www.meinetolleseite.de“ title=“Holen Sie sich weitere Tipps auf meiner tollen Seite“>Zu meiner tollen Seite</a>

Anchor Tag und SEO

Anchor Tags haben als Werkzeug für die gezielte Optimierung von HTML-Dokumenten in der Suchmaschinenoptimierung eine große Bedeutung. Vor allem durch den Linktext geben sie den Suchmaschinen deutliche Signale zum Mehrwert und der thematischen Bedeutung des Links. Daher ist eine sorgfältige Recherche von Keywords für das Wording des Linktextes enorm wichtig. Name- und Title-Attribut helfen darüber hinaus den Benutzern, sich besser in einem Text orientieren zu können und Mehrwerte in Form von weiteren Informationen schnell zu finden.

Von Bedeutung ist bei der Verwendung von Anchor Tags, ob es sich um externe oder interne Links handelt. Bei der internen Verlinkung ist es wichtig und richtig, mit reinen Keywords- und Keywordphrasen zu verlinken. Bei Backlinks sollte man Keywords, und vor allem ein und dasselbe, nicht übermäßig verwenden, denn dadurch sieht das Linkprofil einer Website schnell unnatürlich aus.