Wie man „einfach“ Ankerlinks in WordPress einfügt (Schritt für Schritt)

Suchen Sie nach einer einfachen Möglichkeit, Ankerlinks zu Ihren Blogbeiträgen und Seiten hinzuzufügen?

Ankerlinks werden häufig in den Abschnitten mit dem Inhaltsverzeichnis verwendet, da sie den Nutzern helfen, sich in einem längeren Artikel nach oben und unten zu bewegen, ohne die Seite neu zu laden. Sie können auch bei der Suchmaschinenoptimierung helfen, da Google Ihren Inhalt in den Featured Snippets anzeigen kann.

In dieser Anleitung zeigen wir Ihnen, wie Sie ganz einfach Ankerlinks in WordPress hinzufügen können.

Was ist ein Anchor Link?

Ein Anker-Link ist eine Art von Link auf der Seite, der Sie zu einer bestimmten Stelle auf derselben Seite führt. Er ermöglicht es den Nutzern, zu dem Abschnitt zu springen, der sie am meisten interessiert.

Wie Sie sehen können, führt ein Klick auf den Ankerlink den Nutzer zu dem entsprechenden Abschnitt auf derselben Seite.

Anker-Links werden häufig in längeren Artikeln als Inhaltsverzeichnis verwendet, damit Benutzer schnell zu den Abschnitten springen können, die sie lesen möchten.

Ein weiterer Verwendungszweck von Anker-Links ist das Erstellen von Lesezeichen-Links auf Ihrer WordPress Website. Auf diese Weise können Sie den Link zum Lesezeichen in sozialen Medien oder E-Mail-Newslettern weitergeben, so dass Ihre Benutzer beim Laden der Seite sofort zu dem Abschnitt springen, den Sie ihnen zeigen möchten.

Warum und wann sollten Sie Ankerlinks verwenden?

Ein durchschnittlicher Benutzer verbringt weniger als ein paar Sekunden, bevor er sich entscheidet, ob er auf Ihrer WordPress-Website bleiben oder sie verlassen möchte. Sie haben nur diese wenigen Sekunden, um die Nutzer zum Bleiben zu bewegen.

Das geht am besten, indem man ihnen hilft, die gesuchten Informationen schnell zu finden.

Ankerlinks erleichtern dies, indem sie es den Nutzern ermöglichen, den Rest des Inhalts zu überspringen und direkt zu dem Teil zu springen, der sie interessiert. Dies verbessert die Nutzererfahrung und hilft Ihnen, neue Kunden/Leser zu gewinnen.

Ankerlinks sind auch für WordPress-SEO von großem Nutzen. Google kann mehrere Anker-Links in den Suchergebnissen als Sprung-Link anzeigen.

Dies erhöht nachweislich die Klickrate in den Suchergebnissen. Mit anderen Worten: Sie erhalten mehr Besucher auf Ihrer Website.

Wenn Sie ein Inhaltsverzeichnis mit Ankerlinks erstellen, kann Google auch die Überschriften in den Featured Snippets anzeigen.

Schauen wir uns nun an, wie man in WordPress ganz einfach Ankerlinks hinzufügen kann. Im Folgenden finden Sie eine Liste aller Themen, die wir in diesem Leitfaden behandeln werden.

Klicken Sie auf einen der unten stehenden Links und Sie werden zu dem entsprechenden Abschnitt weitergeleitet:

Manuelles Hinzufügen von Anchor Links in WordPress

Wenn Sie nur ein paar Ankerlinks oder Lesezeichenlinks in Ihren Artikel einfügen möchten, können Sie dies problemlos manuell tun.

Im Grunde müssen Sie zwei Dinge hinzufügen, damit ein Ankertext wie vorgesehen funktioniert:

1. Erstellen Sie einen Ankerlink mit einem #-Zeichen vor dem Ankertext.
2. Fügen Sie das Attribut id zu dem Text hinzu, zu dem der Benutzer weitergeleitet werden soll.

Beginnen wir mit dem Anker-Link-Teil.

Schritt 1. Einen Anker-Link erstellen

Zunächst müssen Sie einen Beitrag oder eine Seite bearbeiten oder neu erstellen. Wählen Sie dann den Text aus, den Sie verlinken möchten, und klicken Sie auf die Schaltfläche „Link einfügen“ im WordPress-Blockeditor.

Daraufhin wird das Popup-Fenster „Link einfügen“ angezeigt, in dem Sie normalerweise die URL hinzufügen oder nach einem Beitrag oder einer Seite suchen, die Sie verlinken möchten.

Für einen Ankerlink verwenden Sie jedoch einfach # als Präfix anstelle von HTTP. Geben Sie einfach die Schlüsselwörter für den Abschnitt ein, zu dem der Benutzer danach springen soll.

Klicken Sie dann auf die Eingabetaste, um den Link zu erstellen. Der Link wird allerdings noch nicht angezeigt. Sie müssen die ID im nächsten Schritt erstellen.

Einige hilfreiche Tipps zur Auswahl des Textes, den Sie als Anker # Link verwenden sollten:

• Verwenden Sie die Schlüsselwörter, die sich auf den Abschnitt beziehen, auf den Sie verlinken.
• Machen Sie Ihren Anker-Link nicht unnötig lang oder komplex.
• Verwenden Sie Bindestriche, um Wörter zu trennen und besser lesbar zu machen.
• Sie können Großbuchstaben im Ankertext verwenden, um ihn besser lesbar zu machen. Zum Beispiel: #Best-Coffee-Shops-New-York.

Sobald Sie den richtigen Linktext ausgewählt haben, müssen Sie ihn in einem Bereich, Abschnitt oder Text auf der Seite verankern, der angezeigt werden soll, wenn Benutzer auf den Ankerlink klicken.

Schritt 2. Fügen Sie das Attribut ID zum verlinkten Abschnitt hinzu

Blättern Sie im Inhaltseditor nach unten zu dem Abschnitt, zu dem der Benutzer navigieren soll, wenn er auf den Ankerlink klickt. In der Regel handelt es sich dabei um eine Überschrift für einen neuen Abschnitt.

Wählen Sie dann einfach den Block aus. Klicken Sie dann in den Blockeinstellungen auf der linken Seite auf die Registerkarte „Erweitert“, um sie zu erweitern.

Danach müssen Sie denselben Text, den Sie als Ankerlink hinzugefügt haben, in das Feld „HTML-Anker“ einfügen.

Achten Sie darauf, dass Sie den Text ohne das Präfix # einfügen.

Sie können nun Ihren Beitrag speichern und Ihren Ankerlink in Aktion sehen, indem Sie auf die Registerkarte Vorschau klicken.

Was ist, wenn der Abschnitt, den Sie anzeigen möchten, keine Überschrift ist, sondern nur ein normaler Absatz oder ein anderer Block?

In diesem Fall müssen Sie auf das Drei-Punkte-Menü in den Blockeinstellungen klicken und die Option „Als HTML bearbeiten“ auswählen.

Dadurch können Sie den HTML-Code für diesen bestimmten Block bearbeiten. Sie müssen das HTML-Schlagwort für das Element auswählen, auf das Sie verweisen möchten. Zum Beispiel <p>, wenn es sich um einen Absatz handelt, oder <table>, wenn es sich um einen Tabellenblock handelt, und so weiter.

Nun müssen Sie Ihren Anker als ID-Attribut zu diesem Tag hinzufügen, wie im folgenden Code:

<p id="best-coffee-shops-manhattan">

Dann können Sie einfach wieder auf die Schaltfläche „Visuell bearbeiten“ klicken, und Ihr Anker-Link führt den Benutzer zu diesem Block, wenn er darauf klickt.

Manuelles Hinzufügen eines Ankerlinks im klassischen Editor

Wenn Sie noch den älteren klassischen Editor für WordPress verwenden, können Sie den Ankerlink/Sprunglink folgendermaßen hinzufügen.

Schritt 1. Erstellen Sie den Anker-Link

Zunächst müssen Sie einen Beitrag oder eine Seite bearbeiten oder neu erstellen. Wählen Sie dann den Text aus, den Sie in einen Link umwandeln möchten, und klicken Sie auf den Button „Link einfügen“.

Danach müssen Sie Ihren Ankerlink mit einem #-Präfix hinzufügen, gefolgt von dem Slug, den Sie für den Link verwenden möchten.

Schritt 2. Fügen Sie das Attribut ID zum verlinkten Abschnitt hinzu

Der nächste Schritt besteht darin, die Browser auf den Abschnitt zu verweisen, der angezeigt werden soll, wenn Nutzer auf Ihren Ankerlink klicken.

Dazu müssen Sie im klassischen Editor in den Modus „Text“ wechseln. Scrollen Sie dann nach unten zu dem Abschnitt, den Sie verlinken möchten.

Suchen Sie nun den HTML-Tag, auf den Sie abzielen wollen. Zum Beispiel <h2>, <h3>, <p>, und so weiter.

Sie müssen das ID-Attribut mit dem Slug Ihres Ankerlinks ohne das #-Präfix hinzufügen, etwa so:

<h2 id="best-coffee-shops-new-york">

Sie können nun Ihre Änderungen speichern und auf die Schaltfläche Vorschau klicken, um Ihren Ankerlink in Aktion zu sehen.

Manuelles Hinzufügen von Ankerlinks in HTML

Wenn Sie es gewohnt sind, im Textmodus des alten klassischen Editors in WordPress zu schreiben, können Sie hier einen Ankerlink manuell in HTML erstellen.

Zunächst müssen Sie den Anker-Link mit einem #-Präfix unter Verwendung des üblichen <a href="">Tags erstellen, etwa so:

<a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>

Als Nächstes müssen Sie zu dem Abschnitt blättern, der angezeigt werden soll, wenn Nutzer auf den Link klicken.

In der Regel handelt es sich bei diesem Abschnitt um eine Überschrift, aber es kann auch ein beliebiges anderes HTML-Element oder sogar ein einfacher <p>-Absatz-Tag sein.

Sie müssen das Attribut ID zum HTML-Tag hinzufügen und dann den Slug des Anker-Links ohne das Präfix # hinzufügen.

<h2 id="best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</h2>

Sie können nun Ihre Änderungen speichern und eine Vorschau Ihrer Website anzeigen, um den Ankerlink zu testen.

Wie man automatisch Überschriften als Ankerlinks in WordPress hinzufügt (empfohlen)

Die beste Methode zum automatischen Hinzufügen von Ankerlinks in WordPress ist die Verwendung des Plugins All in One SEO (AIOSEO). Diese Methode ist für Benutzer geeignet, die regelmäßig lange Artikel veröffentlichen und ein Inhaltsverzeichnis mit Ankerlinks erstellen müssen.

AIOSEO ist das beste SEO-Plugin für WordPress und verfügt über einen integrierten WordPress-Block zum Hinzufügen eines Inhaltsverzeichnisses.

Für dieses Tutorial verwenden wir die kostenlose AIOSEO Lite Version, weil sie den Inhaltsverzeichnis-Block enthält. Es gibt auch eine AIOSEO Pro Version, die mehr Funktionen enthält, damit Sie in den Suchmaschinen besser ranken können.

Als Erstes müssen Sie das AIOSEO-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung wird Ihnen der Einrichtungsassistent angezeigt. Klicken Sie einfach auf die Schaltfläche „Los geht’s“ und folgen Sie den Anweisungen auf dem Bildschirm.

Weitere Einzelheiten finden Sie in unserer Anleitung zur Einrichtung von All in One SEO für WordPress.

Als Nächstes können Sie einen neuen Beitrag oder eine Seite erstellen oder bearbeiten, zu der Sie Ankerlinks hinzufügen möchten. Sobald Sie sich im Inhaltseditor befinden, klicken Sie einfach auf die Schaltfläche „+“ und fügen den Block „AIOSEO – Inhaltsverzeichnis“ hinzu.

Das Plugin erkennt automatisch verschiedene Überschriften auf Ihrer Seite und zeigt sie im Inhaltsverzeichnis an.

Sie können jeden Link im Block weiter individuell anpassen. Zum Beispiel bietet das Einstellungsfeld auf der rechten Seite die Option, den „Listenstil“ von Aufzählungszeichen in Zahlen zu ändern.

Außerdem können Sie die Überschriften umbenennen, ihre Reihenfolge im Inhaltsverzeichnisblock ändern und bestimmte Überschriften ausblenden.

Sie können nun Ihre Änderungen speichern und eine Vorschau Ihres Artikels anzeigen. Das Plugin wird automatisch eine Liste von Ankerlinks als Inhaltsverzeichnis anzeigen.

Eine ausführliche Anleitung finden Sie in unserem Artikel über das Hinzufügen eines Inhaltsverzeichnisses in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man in WordPress ganz einfach Anker-Links einfügt. Vielleicht interessieren Sie sich auch für unsere Tipps zur richtigen SEO-Optimierung Ihrer Beiträge und unsere Auswahl der besten Schema Markup Plugins.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.