Skip to main content

ap-Wiki – SEO und Webdesign

< Alle Themen

Anchor Tag

Der HTML-Anchor Tag definiert, welche sichtbaren Worte innerhalb eines Textes angeklickt werden können, um über die sogenannten Hyperlinks auf weiter­führende Informationen im Internet zu gelangen. Suchmaschinen benutzen die Anchor Tags, um die Inhalte der verlinkten Zielseiten über den individuellen Link­beschreibungstext zu ermitteln.

Beispiel eines Hyperlinkaufbaus mit Anchor Tag:

<a href=“https://www.apmarketing.de“>Webseite ars publica Marketing GmbH</a>

Die 3 Bestandteile des Anchor Tags

Anchor Tags werden mit <a> definiert und setzen sich aus folgenden drei Teilen zusammen:

  1. dem href-Attribut
  2. dem name-Attribut
  3. und dem target-Attribut

  1. href-Attribut

Mit Hyperlinks kann man auf multimediale Inhalte und Online-Dokumente anderer Webseiten verweisen oder den Nutzer auf weiterführende Inhalte der eigenen Home­page leiten.

Für die Verlinkung von zusätzlichen Informationen muss nur das Ziel des Online-Dokuments – also eine bestimmte Webadresse – bekannt und aufrufbar sein.

Beispiel einer Webseitenverlinkung unserer Rügen-App:

<a href=“https://www.ruegen-app.de“>Rügen-App-Webseite</a>

Hypertext Reference

Das Attribut href steht für „hypertext reference“ und bestimmt die Zieladresse des Onlineinhalts, auf den verlinkt werden soll – zum Beispiel unsere Rügen-App-Webseite: https://ruegen-app.de.

Das Attribut (href) wird über ein „=“-Zeichen mit dem Attributwert (https://www.apmarketing.de) verbunden, welcher in Hochkommas („“) gesetzt wird. Der sichtbare Text „Webseite ars publica Marketing GmbH” wird auch als Linktext oder Anchor Text bezeichnet und sollte so aussagekräftig wie möglich sein.

  2. name-Attribut

Bei einer One-Page oder Webseite mit sehr viel Inhalt hilft das name-Attribut des Anchor Tags dabei, den Nutzer zu einer ganz bestimmten Stelle auf der gleichen Seite springen zu lassen. Aus diesem Grund nennt man es auch Anker oder Sprung­marke.

Am Ende einer Webseite könnte der HTML-Code zum Beispiel so aussehen:

<a name=“nach oben“>nach oben</a>  oder <a href=“#top“>nach oben</a>

Über das name-Attribut gelangt man vom Ende oder dem Footer einer Webseite zurück zum Seitenanfang ohne dabei lange scrollen zu müssen. Der Hashtag # hilft dem Browser bei der Identifizierung, wohin der Webseitennutzer geleitet werden soll.

  3. target-Attribut

Über das target-Attribut kann man festlegen, ob der verlinkte Inhalt – über den Befehl  “target=”_blank” – in einem neuen Fenster geöffnet werden soll.

Beispiel für die Verlinkung unserer Rügen-App-Webseite in einem neuen Tab:

<a href=“https://www.ruegen-app.de“ target=“_blank“>Rügen-App-Webseite</a>

Webseitenerstellung und Suchmaschinenoptimierung durch ap Marketing

Gerne helfen wir Ihnen beim Relaunch oder der Optimierung Ihrer bestehenden Webseite. Sprechen Sie hierfür am besten direkt mit unserem Experten für Webseitenerstellung oder der SEO-Abteilung. Sie besitzen noch keine Webseite? Dann werfen Sie einen Blick auf unser Dienstleistungsangebot im Bereich Webdesign und SEO.

Inhaltsverzeichnis