Was ist rel="noopener" in WordPress? (Erklärt)

Wir hatten einmal einen Kunden, dessen Website-Besucher nach dem Klicken auf externe Links auf zwielichtige Websites umgeleitet wurden. Das Problem war ein winziges Stück fehlender Code, das ein großes Sicherheitsloch schuf.

Es ist ein beängstigender Gedanke, aber diese Schwachstelle kann jede WordPress-Website betreffen. Fachbegriffe wie rel="noopener" können verwirrend erscheinen und Sie beunruhigen, ob Ihre Website für Ihre Besucher wirklich sicher ist.

Hier bei WPBeginner haben wir Tausende von Websites gesichert und gelernt, dass diese kleinen Details einen großen Unterschied machen. Wir werden in einfachen Worten erklären, was rel="noopener" ist und warum es so wichtig ist.

Sehen wir uns an, wie dieses kleine Attribut Sie und Ihre Benutzer schützt.

Was ist rel=”noopener” in WordPress?

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

Wenn Sie beispielsweise einen Link erstellen, gibt es einen Schalter, mit dem Sie ihn in einem neuen Tab öffnen können.

Der von WordPress für diesen Link generierte HTML-Code sieht wie folgt aus:

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

Beachten Sie, dass einige HTML-Attribute zum Link hinzugefügt wurden: rel="noopener" und rel="noreferrer". Diese Attribute werden hinzugefügt, um eine Sicherheitslücke zu beheben.

Wenn Sie target="_blank" verwenden, um einen Link in einem neuen Tab zu öffnen, passiert standardmäßig etwas potenziell Unerwartetes im Hintergrund. Der neue Tab erhält tatsächlich eine Art Verbindung zurück zum ursprünglichen Tab, auf dem Sie sich gerade befanden.

Diese Verbindung wird über etwas in Webbrowsern namens window.opener hergestellt. Die Seite im neuen Tab kann auf bestimmte Eigenschaften des ursprünglichen Tabs zugreifen und diese sogar steuern, z. B. die Adresse der Seite ändern (window.opener.location).

Dies schafft eine Sicherheitslücke.

Stellen Sie sich vor, Sie klicken auf einen Link auf einer vertrauenswürdigen Website und diese öffnet eine bösartige Seite in einem neuen Tab. Aufgrund dieser window.opener Verbindung könnte diese bösartige Seite die ursprüngliche vertrauenswürdige Seite, die Sie gerade angesehen haben, potenziell in eine gefälschte Anmeldeseite (ein Phishing-Betrug) ändern und Sie täuschen, wenn Sie zum ursprünglichen Tab zurückkehren.

Das noopener Link-Attribut soll dieses spezifische Sicherheitsrisiko verhindern.

Wenn Sie rel=\"noopener\" zu einem Link hinzufügen, der sich in einem neuen Tab öffnet, weisen Sie den Browser an, keine window.opener-Verbindung zwischen den beiden Tabs herzustellen. Dies schützt Ihre Benutzer vor Betrug und Phishing-Versuchen.

Wie wirkt sich rel=\"noopener\" auf Ihr WordPress-SEO aus?

Tut es nicht.

Obwohl das rel="noopener"-Attribut die Sicherheit Ihrer WordPress-Website verbessert, vermeiden einige Benutzer die Verwendung, da sie glauben, dass es sich auf ihr WordPress SEO auswirkt.

Aber das ist nur ein Mythos.

Es hat keine Auswirkungen auf das SEO-Ranking Ihrer Website oder Ihre allgemeine WordPress-Leistung.

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

Es ist leicht, rel="noopener" mit rel="nofollow" zu verwechseln. Sie sind jedoch völlig getrennte Attribute.

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

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

Suchmaschinen suchen nach dem nofollow-Attribut und berücksichtigen es, wenn sie einem Link auf Ihrer Website folgen. Sie berücksichtigen jedoch das noopener-Tag überhaupt nicht.

Das nofollow-Attribut weist Suchmaschinen an, keine SEO-Autorität an die Website weiterzugeben, zu der Sie verlinken. Während der WordPress-Blockeditor über einen integrierten Schalter verfügt, um einem Link nofollow hinzuzufügen, ist für eine erweiterte Steuerung oft ein Plugin erforderlich.

Sie möchten beispielsweise möglicherweise automatisch das nofollow-Tag auf alle externen Links auf Ihrer Website anwenden, und hier wird ein SEO-Plugin unerlässlich.

Um mehr zu erfahren, lesen Sie unseren Artikel darüber, wie Sie Titel und NoFollow zu Links in WordPress hinzufügen.

Beeinflusst rel="noreferrer" Affiliate-Links in WordPress?

Das rel="noreferrer" beeinflusst Affiliate-Links in WordPress nicht. Einige Benutzer glauben, dass dies der Fall ist, da rel="noreferrer" verhindert, dass die Referrer-Informationen an den neuen Tab übergeben werden.

Die meisten Affiliate-Programme stellen Ihnen jedoch eine eindeutige URL mit Ihrer Affiliate-ID zur Verfügung. Das bedeutet, dass Ihre Affiliate-ID als URL-Parameter an die andere Website übergeben wird, um sie zu verfolgen.

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 Benutzer klicken, tatsächlich die eigene URL Ihrer Website, die dann Benutzer zur Ziel-URL weiterleitet.

Wie deaktiviert man rel=”noopener” in WordPress?

Es ist nicht notwendig, 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 das SEO Ihrer Website.

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

Das liegt daran, dass, wenn Sie rel="noopener" manuell aus dem Link entfernen, der Block-Editor ihn automatisch wieder hinzufügt, um Ihre Website sicher zu halten.

Sobald der Block-Editor deaktiviert ist, müssen Sie einen Code-Snippet zur functions.php-Datei Ihres Themes oder zum WPCode-Plugin (empfohlen) hinzufügen. Sie können lernen, wie Sie das WPCode Free Plugin in unserem Leitfaden verwenden, wie Sie ganz einfach benutzerdefinierten Code in WordPress einfügen.

Kopieren Sie einfach den folgenden Code in einen neuen PHP-Snippet:

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

Stellen Sie sicher, dass Sie den Schalter „Aktiv“ umlegen und dann auf die Schaltfläche „Snippet speichern“ klicken.

Dies verhindert, dass WordPress rel="noopener" zu neuen Links hinzufügt. Sie müssen auch alle alten Links manuell bearbeiten, um das Attribut zu entfernen.

Für noch mehr Kontrolle über die Attribute Ihrer Links empfehlen wir die Verwendung des Plugins All in One SEO (AIOSEO). AIOSEO ermöglicht es Ihnen, Attribute wie nofollow oder sponsored einfach direkt im WordPress-Editor hinzuzufügen, was Ihnen hilft, Ihre externen Links für SEO-Best Practices zu verwalten.

Häufig gestellte Fragen zu rel=”noopener”

Hier sind Antworten auf einige der häufigsten Fragen, die wir zum „noopener“-Attribut in WordPress erhalten.

1. Was ist der Hauptzweck der Verwendung von rel=”noopener”?

Der Hauptzweck von rel="noopener" ist die Sicherheit. Es verhindert, dass eine neue Registerkarte die ursprüngliche Registerkarte, die sie geöffnet hat, steuern kann, was Ihre Besucher vor bösartigen Phishing-Betrügereien schützt.

2. Ist rel=”noopener” gut für SEO?

Das rel="noopener"-Attribut hat keinen direkten Einfluss, weder positiv noch negativ, auf die SEO Ihrer Website. Seine Funktion ist rein sicherheitsbezogen, und Suchmaschinen verwenden es nicht als Rankingfaktor.

3. Sollte ich rel=”noopener” von meinen Links entfernen?

Nein, es gibt keinen guten Grund, rel="noopener" zu entfernen. Es bietet einen wichtigen Sicherheitsvorteil ohne negative Auswirkungen auf SEO oder die Leistung der Website, daher ist es am besten, es beizubehalten.

4. Fügt WordPress automatisch rel=”noopener” hinzu?

Ja, WordPress fügt automatisch rel="noopener" zu Links hinzu, die so eingestellt sind, dass sie sich in einem neuen Tab öffnen. Diese wichtige Sicherheitsfunktion wurde erstmals in WordPress 4.7.4 eingeführt und ist ein Standardbestandteil des modernen Block-Editors.

Experten-Anleitungen zur Verwendung von Links in WordPress

Wir hoffen, dieser Artikel hat Ihnen geholfen, mehr über rel="noopener" in WordPress zu erfahren. Möglicherweise möchten Sie auch einige andere Anleitungen zur Verwendung von Links in WordPress sehen:

• Leitfaden für Anfänger: So fügen Sie einen Link in WordPress hinzu
• Externe Links in WordPress in einem neuen Fenster oder Tab öffnen
• So fügen Sie Nofollow-Links in WordPress hinzu (einfacher Leitfaden für Anfänger)
• Titel und NoFollow zum Popup „Link einfügen“ in WordPress hinzufügen
• So machen Sie alle externen Links in WordPress zu Nofollow
• So verfolgen Sie Link-Klicks und Button-Klicks in WordPress (einfache Methode)
• Outbound-Links in WordPress verfolgen
• So ändern Sie die Linkfarbe in WordPress (Anfängerleitfaden)
• Interne Verlinkung für SEO: Der ultimative Leitfaden mit Best Practices
• Links in WordPress vorladen für schnellere Ladezeiten
• So finden und beheben Sie defekte Links in WordPress (Schritt für Schritt)
• Die besten internen Verknüpfungs-Plugins für WordPress (automatisch + manuell)

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.