So fügen Sie „einfach“ Ankerlinks in WordPress ein (Schritt für Schritt)

Haben Sie schon einmal einen langen WordPress-Beitrag geöffnet und sich ein wenig verloren gefühlt, als Sie versuchten, das zu finden, was Sie brauchten? Wir alle kennen das. Es kann frustrierend sein, sich durch Textwände zu scrollen, nur um zu dem Teil zu gelangen, der für Sie wichtig ist.

Genau deshalb verwenden wir bei WPBeginner Ankerlinks. Sie erleichtern es den Lesern, direkt zu dem Abschnitt zu springen, der sie interessiert, sei es in einem Leitfaden oder einer Expertenliste.

Nach unserer Erfahrung erleichtern Ankerlinks nicht nur das Lesen. Sie helfen den Besuchern auch, länger auf Ihrer Website zu bleiben, da sie schnell finden, was sie brauchen. Und als Bonus sieht Ihr Inhalt organisierter und professioneller aus.

In dieser Anleitung führen wir Sie durch den Prozess, wie Sie Ankerlinks zu Ihren WordPress-Beiträgen und -Seiten hinzufügen. Es ist eine kleine Änderung, die für Ihre Leser einen großen Unterschied machen kann.

Was ist ein Ankerlink?

Ein Ankerlink ist ein spezieller Linktyp, der Benutzer zu einem bestimmten Abschnitt derselben Seite leitet und nicht zu einer anderen Seite oder WordPress-Website.

Diese Links fungieren als Verknüpfungen und helfen den Lesern, direkt zu dem Teil des Inhalts zu springen, der sie am meisten interessiert, ohne die gesamte Seite durchscrollen zu müssen.

Zum Beispiel könnten Sie Ankerlinks in einem Inhaltsverzeichnis für einen langen Artikel oder Leitfaden sehen. Wenn sie angeklickt werden, bewegen sie den Benutzer sofort zum entsprechenden Abschnitt.

Eine weitere Möglichkeit, Ankerlinks zu verwenden, ist die Erstellung von Lesezeichenlinks auf Ihrer WordPress-Website.

Dies ermöglicht es Ihnen, den Lesezeichenlink in sozialen Medien oder E-Mail-Newslettern zu teilen. Auf diese Weise springen Ihre Benutzer sofort zu dem Abschnitt, den Sie ihnen zeigen möchten, wenn die Seite geladen wird.

Warum und wann sollten Sie Ankerlinks verwenden?

Ein durchschnittlicher Benutzer verbringt weniger als ein paar Sekunden, bevor er entscheidet, ob er auf Ihrer Website bleiben oder sie verlassen möchte. Sie haben nur diese wenigen Sekunden Zeit, um Benutzer davon zu überzeugen, zu bleiben.

Der beste Weg, dies zu tun, ist, ihnen zu helfen, die gesuchten Informationen schnell zu sehen.

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

Ankerlinks eignen sich auch hervorragend für WordPress SEO. Google kann mehrere Ankerlinks in den Suchergebnissen als Sprunglink anzeigen.

Dies hat nachweislich die Klickrate in den Suchergebnissen erhöht, was wiederum mehr Traffic auf Ihre Website bringt.

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

In diesem Sinne werden wir uns ansehen, wie man einfach Ankerlinks in WordPress hinzufügt.

Unten finden Sie eine Liste aller Themen, die wir in diesem Leitfaden behandeln werden. Klicken Sie auf einen der folgenden Ankerlinks, und Sie werden zu diesem spezifischen Abschnitt weitergeleitet:

• So fügen Sie manuell Ankerlinks in WordPress hinzu
• So fügen Sie manuell einen Ankerlink im klassischen Editor hinzu
• So fügen Sie manuell Ankerlinks in HTML hinzu
• So fügen Sie automatisch Überschriften als Ankerlinks in WordPress hinzu (empfohlen)
• Bonustipp: Kombinieren Sie Ankerlinks mit internen Links für bessere SEO
• FAQs: Ankerlinks in WordPress hinzufügen
• Zusätzliche Ressourcen: Verbessern Sie Ihr WordPress-SEO

So fügen Sie manuell Ankerlinks in WordPress hinzu

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

Grundsätzlich müssen Sie zwei Dinge hinzufügen, damit ein Ankertext wie beabsichtigt funktioniert:

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

Wir beginnen mit dem Teil der Ankerlinks.

Schritt 1. Einen Ankerlink erstellen

Zuerst 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 im WordPress Block Editor auf die Schaltfläche Link einfügen.

Dies öffnet das Popup „Link einfügen“, wo Sie normalerweise die URL hinzufügen oder nach einem Beitrag oder einer Seite suchen, auf die Sie verlinken möchten.

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

Klicken Sie dann auf die Eingabetaste, um den Link zu erstellen. Er wird jedoch noch nirgendwohin führen. Die ID müssen Sie im nächsten Schritt erstellen.

Einige hilfreiche Tipps zur Auswahl des Textes, der als Anker-Link verwendet werden soll:

• Verwenden Sie die Schlüsselwörter, die sich auf den Abschnitt beziehen, zu dem Sie verlinken.
• Machen Sie Ihren Ankerlink nicht unnötig lang oder komplex.
• Verwenden Sie Bindestriche, um Wörter zu trennen und sie lesbarer zu machen.
• Sie können Großbuchstaben im Ankertext verwenden, um ihn besser lesbar zu machen. Zum Beispiel: #Beste-Kaffeehäuser-New-York.

Sobald Sie den richtigen Linktext ausgewählt haben, ist es an der Zeit, ihn mit einem Bereich, Abschnitt oder Text auf der Seite zu verankern, den Sie anzeigen möchten, wenn Benutzer auf den Ankerlink klicken.

Schritt 2. Fügen Sie das ID-Attribut zum verknüpften Abschnitt hinzu

Scrollen Sie im Inhaltseditor zu dem Abschnitt, zu dem der Benutzer navigieren soll, wenn er auf den Ankerlink klickt. Normalerweise ist dies eine Überschrift für einen neuen Abschnitt.

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

Danach müssen Sie denselben Text, den Sie als Ankerlink hinzugefügt haben, unter dem Feld „HTML-Anker“ hinzufügen.

Stellen Sie sicher, dass Sie den Text ohne das # -Präfix hinzufügen.

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

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

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

Dies ermöglicht Ihnen, den HTML-Code für diesen speziellen Block zu bearbeiten. Sie müssen das HTML-Tag 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 erneut auf die Schaltfläche „Visuell bearbeiten“ klicken, und Ihr Ankerlink leitet den Benutzer beim Klicken zu diesem Block weiter.

So fügen Sie manuell einen Ankerlink im klassischen Editor hinzu

Wenn Sie immer noch den älteren klassischen Editor für WordPress verwenden, dann erfahren Sie hier, wie Sie den Ankerlink/Sprunglink hinzufügen können.

Schritt 1. Erstellen Sie den Ankerlink

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

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

Schritt 2. Fügen Sie das ID-Attribut zum verknüpften Abschnitt hinzu

Der nächste Schritt ist, die Browser auf den Abschnitt zu verweisen, den Sie anzeigen möchten, wenn Benutzer auf Ihren Ankerlink klicken.

Dazu müssen Sie im klassischen Editor zum „Text“-Modus wechseln. Scrollen Sie dann zu dem Abschnitt, zu dem Sie verlinken möchten.

Suchen Sie nun das HTML-Tag, das Sie anvisieren möchten. 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, wie folgt:

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

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

So fügen Sie manuell Ankerlinks in HTML hinzu

Wenn Sie es gewohnt sind, im Textmodus des alten Classic Editors in WordPress zu schreiben, dann erstellen Sie hier, wie Sie manuell einen Ankerlink in HTML erstellen.

Zuerst müssen Sie den Ankerlink mit einem `#`-Präfix erstellen, indem Sie das übliche `<a href="">`-Tag verwenden, wie hier:

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

Als Nächstes müssen Sie nach unten zu dem Abschnitt scrollen, den Sie anzeigen möchten, wenn Benutzer auf den Link klicken.

Normalerweise ist dieser Abschnitt eine Überschrift, es kann aber auch jedes andere HTML-Element oder sogar ein einfacher Absatz <p>-Tag sein.

Sie müssen das ID-Attribut zum HTML-Tag hinzufügen und dann den Ankerlink-Slug 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 Ihre Website in der Vorschau anzeigen, um den Ankerlink zu testen.

So fügen Sie automatisch Überschriften als Ankerlinks in WordPress hinzu (empfohlen)

Der beste Weg, um automatisch Ankerlinks in WordPress hinzuzufügen, ist die Verwendung von All in One SEO (AIOSEO), dem besten SEO-Plugin für WordPress.

Diese Methode eignet sich für Benutzer, die regelmäßig lange Artikel veröffentlichen und ein Inhaltsverzeichnis mit Ankerlinks erstellen müssen. Außerdem verfügt AIOSEO über einen integrierten WordPress-Block zum Hinzufügen eines Inhaltsverzeichnisses.

Wir sind selbst große Fans und verlassen uns für verschiedene SEO-Aufgaben auf AIOSEO, einschließlich der Verwaltung von XML-Sitemaps, OpenGraph-Einstellungen für Facebook und X, Meta-Beschreibungen und Titel-Tags. Sehen Sie sich unsere detaillierte AIOSEO-Bewertung für weitere Details an.

Für dieses Tutorial verwenden wir die kostenlose AIOSEO Lite-Version, da sie den Inhaltsverzeichnis-Block enthält. Es gibt auch eine AIOSEO Pro-Version, die weitere Funktionen enthält, die Ihnen helfen, besser in Suchmaschinen zu ranken.

Das Erste, was Sie tun müssen, ist das Plugin AIOSEO Lite zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installation eines WordPress-Plugins.

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

Weitere Details finden Sie in unserem Leitfaden zur Einrichtung von All in One SEO für WordPress.

Als Nächstes können Sie einen neuen Beitrag oder eine neue 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 Sie den Block „AIOSEO – Inhaltsverzeichnis“ hinzu.

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

Sie können jeden Ankerlink im Block weiter anpassen. Zum Beispiel bietet das Einstellungsfenster auf der rechten Seite die Option, den „Listenstil“ von Aufzählungszeichen zu Nummern zu ändern.

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

Sie können Ihre Änderungen jetzt speichern und Ihren Artikel in der Vorschau anzeigen. Das Plugin zeigt automatisch eine Liste von Ankerlinks als Inhaltsverzeichnis an.

Für detailliertere Anweisungen lesen Sie unseren Artikel darüber, wie Sie ein Inhaltsverzeichnis in WordPress hinzufügen.

Bonustipp: Kombinieren Sie Ankerlinks mit internen Links für bessere SEO

Während Ankerlinks Benutzern helfen, innerhalb einer einzelnen Seite zu navigieren, leiten interne Links sie zu anderen verwandten Beiträgen oder Seiten auf Ihrer Website. Zusammen können diese Strategien ein nahtloses Surferlebnis schaffen und Ihr WordPress SEO verbessern.

Interne Links helfen Suchmaschinen wie Google, Ihre Website zu durchsuchen, neue Inhalte zu entdecken und Ihre Seiten zu ranken. Seiten, auf die mehr Links verweisen, ranken oft höher in den Suchergebnissen.

Durch den strategischen Einsatz interner Links können Sie Besucher zu Ihren wichtigsten Seiten leiten und mehr Traffic generieren.

Das Hinzufügen von Ankerlinks macht Ihre Inhalte benutzerfreundlicher, während interne Links die Leser ermutigen, weiter zu stöbern. Zusammen halten sie die Besucher bei Laune, erhöhen die Seitenaufrufe und reduzieren Ihre Absprungrate – all das trägt zu einer besseren Benutzererfahrung und stärkerer SEO bei.

Um mehr zu erfahren, lesen Sie unseren ultimativen Leitfaden zur internen Verlinkung für SEO.

FAQs: Ankerlinks in WordPress hinzufügen

Haben Sie noch Fragen zur Verwendung von Ankerlinks in WordPress? Hier sind einige häufig gestellte Fragen von Lesern, zusammen mit schnellen Antworten, die Ihnen helfen sollen.

Was sind Ankerlinks und warum sollte ich sie verwenden?

Ankerlinks sind Links, die Benutzer zu einem bestimmten Abschnitt auf derselben Seite führen.

Sie sind großartig, um die Navigation zu verbessern, lange Beiträge leichter durchsuchbar zu machen und ein besseres Gesamterlebnis für Ihre Leser zu schaffen. Sie können sogar bei der SEO helfen, indem sie Ihre Inhalte für Suchmaschinen zugänglicher machen.

Kann ich Ankerlinks hinzufügen, wenn ich keine Programmierkenntnisse habe?

Absolut! Während Sie sie manuell mit etwas HTML hinzufügen können, machen SEO-Plugins wie All in One SEO (AIOSEO) es super einfach, auch wenn Sie keine Programmierkenntnisse haben.

Beeinflussen Ankerlinks die SEO meiner Website?

Ja, im positiven Sinne! Ankerlinks helfen Benutzern, schneller zu finden, wonach sie suchen, was zu längeren Verweildauern und niedrigeren Absprungraten führen kann. Dies sind alles positive Signale für SEO.

Gibt es Plugins, die helfen können, Ankerlinks automatisch hinzuzufügen?

Ja! Plugins wie All in One SEO (AIOSEO) enthalten Funktionen, um automatisch ein Inhaltsverzeichnis mit Ankerlinks zu generieren. Das spart Zeit und verringert die Fehleranfälligkeit.

Kann ich Ankerlinks verwenden, um die Navigation meiner Website zu verbessern?

Auf jeden Fall! Ankerlinks sind eine großartige Möglichkeit, lange Inhalte aufzuteilen und den Lesern zu helfen, direkt zu den Abschnitten zu springen, die für sie am wichtigsten sind.

Zusätzliche Ressourcen: Verbessern Sie Ihr WordPress-SEO

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie einfach Ankerlinks in WordPress hinzufügen können. Als Nächstes möchten Sie vielleicht auch unsere Anleitungen zu folgenden Themen sehen:

• So fügen Sie Schema-Markup für FAQs in WordPress hinzu
• So entfernen Sie Zahlen aus WordPress-URLs
• Wie Sie Ihre Blogbeiträge richtig für SEO optimieren
• So führen Sie eine vollständige Website-Weiterleitung in WordPress durch
• So stellen Sie eine WordPress-Website nach einer Google-Suchstrafe wieder her
• Beste Schema-Markup-Plugins für WordPress
• Der ultimative WordPress SEO-Leitfaden

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.