Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man Nofollow-Links in WordPress-Navigationsmenüs hinzufügt

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Möchten Sie nofollow-Links in Ihren WordPress-Navigationsmenüs hinzufügen?

Viele Website-Besitzer ziehen es vor, externe Links mit einem nofollow-Tag zu versehen, aber für Anfänger kann es schwierig sein, einen benutzerdefinierten Link zu einem Menü hinzuzufügen.

In diesem Artikel zeigen wir Ihnen, wie Sie Schritt für Schritt nofollow-Links in WordPress-Navigationsmenüs hinzufügen können.

How to Add Nofollow Links in WordPress Navigation Menus

Wenn Sie eine WordPress-Website betreiben, sollten Sie beim Erstellen externer Links ein nofollow-Tag hinzufügen . Damit können Sie Suchmaschinen mitteilen, dass sie keinen Link-Saft von Ihrer Seite an die andere Website weitergeben, zu der Sie verlinken.

Wenn Sie auf eine externe Website verlinken, betrachten Suchmaschinen dies als ein Ranking-Signal und geben einen kleinen Teil Ihrer Autorität an die andere Website weiter. Als allgemeine SEO-Best-Practice sollten Sie allen externen Websites, denen Sie nicht vertrauen, nofollow hinzufügen.

Dazu fügen Sie dem Link das Attribut rel="nofollow" wie folgt hinzu:

<a href="https://example.com" rel="nofollow">Example</a>

Weitere Informationen finden Sie in unserem Leitfaden für Anfänger zum Hinzufügen von nofollow-Links in WordPress.

Das Hinzufügen von Nofollow-Links zu Navigationsmenüpunkten ist jedoch etwas anders und kann für Anfänger verwirrend sein.

In diesem Artikel zeigen wir Ihnen, wie Sie nofollow-Links in WordPress-Navigationsmenüs hinzufügen können, ohne irgendwelche Plugins zu verwenden.

Wir werden zwei Methoden behandeln. Die zweite Methode ist für Leute, die WordPress 5.9 oder höher und ein Theme verwenden, das mit dem Theme-Editor kompatibel ist:

Diese Methode eignet sich für Sie, wenn Sie ein älteres WordPress-Theme verwenden, das mit einem Theme-Customizer ausgestattet ist und eine separate Registerkarte für Menüs hat.

Um loszulegen, besuchen Sie einfach die Seite Erscheinungsbild “ Menüs in der Seitenleiste Ihrer WordPress-Verwaltung.

Zunächst müssen Sie den externen Link zu Ihrem WordPress-Navigationsmenü hinzufügen, so wie Sie jeden anderen benutzerdefinierten Link auch hinzufügen würden.

Klicken Sie dazu auf die Registerkarte „Benutzerdefinierte Links“, damit Sie die Optionen URL und Linktext sehen können. Geben Sie hier einfach die URL und den Linktext der Website ein, zu der Sie verlinken möchten.

Enter the URL and Link Text and Click on 'Add to Menu' Button

Klicken Sie anschließend auf die Schaltfläche „Zum Menü hinzufügen“, um den externen Link in die Spalte „Menüstruktur“ aufzunehmen.

Um nun das nofollow-Attribut zum Link hinzuzufügen, müssen Sie auf den Abwärtspfeil rechts neben dem Menüeintrag klicken, wie im Screenshot oben dargestellt.

Hier sehen Sie die Details des externen Links, den Sie gerade hinzugefügt haben, einschließlich der URL und der Navigationsbezeichnung.

Click on Screen Options at the Top of the Screen

Wenn Sie die Optionen Link-Ziel und Link-Beziehung nicht sehen, müssen Sie sie hinzufügen.

Um diese Optionen anzuzeigen, klicken Sie auf die Schaltfläche „Bildschirmoptionen“ in der oberen rechten Ecke des Bildschirms.

Aktivieren Sie anschließend die Kontrollkästchen neben den Optionen Link-Ziel und Link-Beziehung (XFN).

Check Link Relationships and Link Target in Screen Options

Nun können Sie zu Ihrem erweiterten Menüpunkt zurückblättern, wo Sie zwei neue Optionen sehen.

Geben Sie dann einfach nofollow in das Feld für die Link-Beziehung ein.

Wir empfehlen Ihnen, beim Hinzufügen eines externen Links auch das Kontrollkästchen „Link in einem neuen Tab öffnen“ anzuklicken. Dies ist eine großartige Möglichkeit, das Engagement zu verbessern und Ihre Besucher davon abzuhalten, Ihre WordPress-Website zu verlassen.

Type nofollow in Link Relationship

Klicken Sie abschließend auf die Schaltfläche „Menü speichern“, um Ihre Änderungen zu speichern.

Sie können jetzt eine Vorschau Ihrer Website anzeigen, um den neuen nofollow-Menüeintrag zu sehen.

Preview of Nofollow Link in Navigation Menu

Vergewissern Sie sich, dass dem Link ein nofollow-Attribut hinzugefügt wurde.

Klicken Sie einfach mit der rechten Maustaste auf den neuen Link und wählen Sie „Prüfen“. Ihr Browserfenster wird in zwei Fenster aufgeteilt.

Im unteren Fenster sehen Sie den HTML-Quelltext für Ihren Link, der das nofollow-Attribut mit Ihrem Link anzeigt.

Diese Methode ist für diejenigen, die WordPress 5.9 oder höher verwenden und ein Block-Theme haben, das den WordPress Full Site Editor unterstützt.

In diesem Fall steht Ihnen die Seite Erscheinungsbild “ Menüs nicht zur Verfügung. Stattdessen sollten Sie in Ihrem WordPress-Dashboard zur Seite Erscheinungsbild “ Editor navigieren.

Dadurch wird der WordPress-Theme-Editor für die gesamte Website auf Ihrem Bildschirm geöffnet.

WordPress Theme Editor

Hinzufügen eines neuen Links zum Navigationsmenü

Wenn Sie einen neuen Menüpunkt hinzufügen möchten, müssen Sie auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms klicken.

Dadurch wird das Blockmenü geöffnet, in dem Sie nach unten scrollen müssen, bis Sie den Block Benutzerdefinierter Link finden, und ihn dann auf Ihr Navigationsmenü ziehen.

Drag a Custom Link Block Onto the Navigation Menu

Sie können nun die URL eingeben oder einfügen. Wenn Sie möchten, können Sie auch die Option„In neuer Registerkarte öffnen“ aktivieren, um den Link in einem neuen Fenster zu öffnen. Klicken Sie anschließend auf das Symbol „Absenden“ oben rechts im Popup-Fenster, damit die Einstellungen für den Menüpunkt gespeichert werden.

Die Link-URL wird nun dem Menü hinzugefügt, aber normalerweise wollen Sie etwas Beschreibenderes, wie den Namen der Website. Fangen Sie einfach an zu tippen, um den Menüpunkt umzubenennen.

Hinzufügen des Nofollow-Attributs zu einem Link

Um nun das nofollow-Attribut zu einem Menüpunkt hinzuzufügen, klicken Sie einfach darauf, woraufhin eine Symbolleiste erscheint.

Klicken Sie dann auf das Link-Symbol in dieser Symbolleiste. Im Einstellungsbereich auf der rechten Seite müssen Sie das nofollow-Attribut in das Feld für die Linkbeziehung („Link rel“) eingeben.

Type nofollow in the Link Rel Field

Wenn Sie möchten, können Sie auch eine Beschreibung und einen Titel für den Link hinzufügen und die Menüpunkte mithilfe der Pfeilsymbole in der Symbolleiste neu anordnen.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Speichern“ am oberen Rand des Bildschirms. Der neue benutzerdefinierte Link wird hinzugefügt, und Sie können Ihre Website besuchen, um zu sehen, wie Ihr Navigationsmenü jetzt aussieht.

Preview of Nofollow Link in Navigation Menu

Bonus: Hinzufügen eines Titelattributs in WordPress-Navigationsmenüs

Abgesehen von nofollow können Sie den Links in Ihrem Navigationsmenü auch ein Titelattribut hinzufügen.

Dies ist ein HTML-Attribut, das verwendet wird, um Informationen über ein Element zu liefern, einschließlich Seiten, Beiträge oder externe Links. Ein Titelattribut kann für die Suchmaschinenoptimierung Ihrer Website nützlich sein, da es den Suchmaschinen mehr Inhalt liefern kann.

Um dieses Attribut hinzuzufügen, besuchen Sie die Seite Erscheinungsbild “ Menüs und erweitern Sie die Registerkarte „Bildschirmoptionen“ am oberen Rand. Aktivieren Sie hier einfach die Option „Titelattribut“.

Select the Title Attribute option after expanding the Screen Options tab

Scrollen Sie dann nach unten und klicken Sie auf einen Menüpunkt im rechten Bereich, um dessen Einstellungen zu erweitern.

Hier sehen Sie nun ein Feld „Titelattribut“, in dem Sie einen Titel nach Ihren Wünschen hinzufügen können. Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Menü speichern“, um Ihre Änderungen zu speichern.

Add title attribute for pages on your navigation menu

Weitere Informationen finden Sie in unserem Tutorial über das Hinzufügen von Titelattributen in WordPress-Navigationsmenüs.

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie man nofollow-Links in WordPress-Navigationsmenüs hinzufügt. Vielleicht möchten Sie auch erfahren , wie Sie mit Uncanny Automator automatisierte Workflows in WordPress erstellen können, oder unsere Liste mit Tipps zur Beschleunigung der WordPress-Leistung lesen.

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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

10 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Tony says

    Hi

    What about on the home page, the menu item is not ’nofollow‘ but on all inner pages it is nofollow. Is this possible?

  3. James says

    I’ve applied this successfully, but can’t see the rel=“nofollow“ attribute in the source. Any idea why that would be?

    Thanks,
    James

  4. Vignesh Chandrasekaran says

    Thanks for the article. I was looking at various no follow plugins to see which can cater to this problem.
    I actually have done this of unhiding from screen options long back but had totally forgotten.

    Thanks once again.

  5. Barış Ünver says

    You can also do this automatically with a filter, if you want to apply rel=“nofollow“ attributes to all menu items at once:

    <?php
    function menu_rel_nofollow( $atts, $item, $args ) {
    $atts[ 'rel' ] = 'nofollow';
    return $atts;
    }
    add_filter( 'nav_menu_link_attributes', 'menu_rel_nofollow', 10, 3 );
    ?>

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.