Was ist rel=“noopener“ in WordPress? (Erläutert)

Haben Sie sich schon einmal gefragt, was rel="noopener" in WordPress bedeutet?

Wenn Sie einen Link hinzufügen, der sich in einem neuen Tab öffnet, fügt WordPress automatisch das Attribut rel="noopener" zu diesem Link hinzu.

In diesem Artikel wird erklärt, was rel="noopener" in WordPress bedeutet und wie es Ihre Website beeinflusst.

Was ist rel=“noopener“ in WordPress?

Wenn Sie Ihrer WordPress-Website Links hinzufügen, können Sie mit HTML-Attributen steuern, was passiert, wenn Sie auf den Link klicken.

Wenn Sie zum Beispiel einen Link erstellen, gibt es einen Kippschalter, mit dem Sie ihn in einer neuen Registerkarte öffnen können.

Der von WordPress generierte HTML-Code für diesen Link sieht folgendermaßen aus:

<a href="http://example.com" target="_blank" rel="noreferrer noopener">external link</a>

Beachten Sie, dass dem Link einige HTML-Attribute hinzugefügt wurden: rel="noopener" und rel="noreferrer". Diese Attribute wurden hinzugefügt, um eine Sicherheitslücke zu schließen.

Das Problem besteht darin, dass JavaScript-Code verwendet werden kann, um einer neuen Registerkarte die Kontrolle über ihr verweisendes Fenster zu ermöglichen. Wenn Sie auf eine externe Website verlinken, die von dem bösartigen Code betroffen ist, kann diese Website die Eigenschaft window.opener in JavaScript verwenden, um die ursprüngliche Webseite (auf Ihrer WordPress-Site) zu ändern, um Informationen zu stehlen und bösartigen Code zu verbreiten.

WordPress fügt rel="noopener" hinzu, um zu verhindern, dass die neue Registerkarte diese JavaScript-Funktion nutzt. In ähnlicher Weise verhindert das Attribut rel="noreferrer" die Weitergabe der Referrer-Informationen an die neue Registerkarte.

Wie wirkt sich rel=“noopener“ auf Ihr WordPress SEO aus?

Das ist nicht der Fall.

Obwohl das rel="noopener" -Attribut die Sicherheit Ihrer WordPress-Website verbessert, vermeiden einige Benutzer die Verwendung, weil sie glauben, dass es sich auf ihre WordPress-SEO auswirken wird.

Aber das ist nur ein Mythos.

Es hat keinen Einfluss auf die SEO-Rankings Ihrer Website oder die Gesamtleistung von WordPress.

Was ist der Unterschied zwischen „noopener“ und „nofollow“?

Es ist leicht, rel="noopener" mit rel="nofollow" zu verwechseln. Es handelt sich jedoch um völlig unterschiedliche Attribute.

Das noopener-Attribut schützt Ihre Website vor Cross-Site-Hacking und verbessert die Sicherheit von WordPress.

Auf der anderen Seite verhindert das nofollow-Attribut, dass Ihre Website SEO-Linksaft an die verlinkte Website weitergibt.

Suchmaschinen suchen und berücksichtigen das nofollow-Attribut, wenn sie einem Link auf Ihrer Website folgen. Der noopener-Tag wird jedoch nicht berücksichtigt.

Standardmäßig erlaubt WordPress nicht, dass Sie nofollow zu Ihren externen Links hinzufügen. Wenn Sie nofollow in WordPress hinzufügen möchten, müssen Sie ein Plugin verwenden.

Weitere Informationen finden Sie in unserem Artikel über das Hinzufügen von title und nofollow zu Links in WordPress.

Wirkt sich rel=“noreferrer“ auf Affiliate-Links in WordPress aus?

Das rel="noreferrer" hat keine Auswirkungen auf Affiliate-Links in WordPress. Einige Nutzer glauben, dass dies der Fall ist, weil rel="noreferrer" verhindert, dass die Referrer-Informationen an die neue Registerkarte weitergegeben werden.

Die meisten Partnerprogramme stellen Ihnen jedoch eine eindeutige URL zur Verfügung, die Ihre Partner-ID enthält. Das bedeutet, dass Ihre Partner-ID als URL-Parameter weitergegeben wird, den die andere Website verfolgen kann.

Zweitens verwenden die meisten Affiliate-Vermarkter ein Link-Cloaking-Plugin für ihre Affiliate-Links.

Beim Link-Cloaking ist der Affiliate-Link, auf den Ihre Nutzer klicken, in Wirklichkeit die eigene URL Ihrer Website, die die Nutzer dann zur Ziel-URL weiterleitet.

Wie kann man rel=“noopener“ in WordPress deaktivieren?

Es besteht keine Notwendigkeit, rel="noopener" aus Links auf Ihrer Website zu entfernen. Es ist gut für die Sicherheit Ihrer Website und hat keine Auswirkungen auf die Leistung oder die Suchmaschinenoptimierung Ihrer Website.

Wenn Sie es jedoch entfernen müssen, müssen Sie den Gutenberg-Block-Editor in WordPress deaktivieren und den klassischen Editor verwenden.

Denn wenn Sie rel="noopener" manuell aus dem Link entfernen, fügt der Block-Editor es automatisch wieder ein, um Ihre Website zu schützen.

Sobald der Block-Editor deaktiviert ist, müssen Sie einen Codeschnipsel in die Datei functions.php Ihres Themes oder in das WPCode-Plugin (empfohlen) einfügen. Wie Sie das kostenlose WPCode-Plugin verwenden, erfahren Sie in unserer Anleitung zum einfachen Hinzufügen von benutzerdefiniertem Code in WordPress.

Kopieren Sie einfach den folgenden Code in ein neues PHP-Snippet:

add_filter('tiny_mce_before_init','wpb_disable_noopener');
function wpb_disable_noopener( $mceInit ) {
    $mceInit['allow_unsafe_link_target']=true;
    return $mceInit;
}

Vergewissern Sie sich, dass Sie die Option „Aktiv“ aktiviert haben, und klicken Sie dann auf die Schaltfläche „Snippet speichern“.

Dies wird WordPress davon abhalten, rel="noopener" zu neuen Links hinzuzufügen. Sie müssen auch alle alten Links manuell bearbeiten, um das Attribut zu entfernen.

Möchten Sie noch mehr Kontrolle darüber haben, welche rel-Attribute zu Ihren Links in WordPress hinzugefügt werden? Wir empfehlen die Verwendung des AIOSEO-Plugins, mit dem Sie title, nofollow und andere Link-Attribute direkt im WordPress-Editor hinzufügen können.

Expertenanleitungen zur Verwendung von Links in WordPress

Da Sie nun wissen, was rel="noopener" bedeutet, möchten Sie vielleicht unsere anderen Anleitungen zur Verwendung von Links in WordPress lesen.

• Anleitung für Anfänger, wie man einen Link in WordPress hinzufügt
• Wie man mit WordPress externe Links in einem neuen Fenster oder Tab öffnet
• Wie man Nofollow-Links in WordPress hinzufügt (einfache Anleitung für Einsteiger)
• So fügen Sie Titel und NoFollow zu Insert Link Popup in WordPress hinzu
• Wie man alle externen Links in WordPress entfolgt
• Wie man Link-Klicks und Button-Klicks in WordPress verfolgt (einfacher Weg)
• Wie man ausgehende Links in WordPress verfolgt
• Wie man die Linkfarbe in WordPress ändert (Anleitung für Anfänger)
• Interne Verlinkung für SEO: Der ultimative Leitfaden für bewährte Praktiken
• Wie man Links in WordPress für schnellere Ladegeschwindigkeiten vorlädt
• Wie man kaputte Links in WordPress findet und repariert (Schritt für Schritt)
• Beste interne Verlinkungs-Plugins für WordPress (automatisch + manuell)

Wir hoffen, dieser Artikel hat Ihnen geholfen, mehr über rel="noopener" in WordPress zu erfahren. Vielleicht interessiert Sie auch unsere Anleitung, wie Sie eine kostenlose E-Mail-Domain bekommen, oder unsere Expertenauswahl der besten WordPress-SEO-Plugins und -Tools.

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.