Noopener noreferrer ist ein HTML-Attribut, das zu externen Links hinzugefügt wird. Die meisten CMS fügen es automatisch ein, ohne dass Sie es explizit hinzufügen müssen.
Das Attribut noopener verhindert, dass der neue Browser-Tab auf das Fensterobjekt des ursprünglichen Tabs zugreift.
Außerdem verhindert noreferrer, dass der Browser den HTTP-Referrer-Header sendet. Ohne die Referrer-Informationen kann die Zielwebsite nicht wissen, woher der Benutzer kam.
Lassen Sie uns verstehen, was noopener noreferrer in SEO und Linkaufbau bedeutet. Sind sie nützlich? Sollten Sie es verwenden? Und was sind die Vor- und Nachteile?
Was Bedeutet rel="noopener noreferrer"?
Die Kombination aus rel=”noopener noreferrer” wird zu externen Links hinzugefügt, die in einem neuen Tab geöffnet werden. Sie wird mit dem target="_blank" verwendet.
Wenn Sie "noopener" hinzufügen, sagen Sie dem Browser, dass er den neuen Tab daran hindern soll, den ursprünglichen zu kontrollieren. Es verhindert [Reverse-Tabnabbing], bei dem eine bösartige [Website] die Steuerung des [Tabs] der verweisenden [Website] übernimmt.
Auf der anderen Seite stellt "noreferrer" sicher, dass keine Verweisdaten (wie Ihre URL) an die Zielseite weitergegeben werden. Außerdem stoppt noreferrer die Verfolgung des Referrers, was nützlich sein kann, wenn Sie nicht möchten, dass Analysetools und Partnerseiten sehen, wer den [traffic] gesendet hat.
Sie sollten beide Attribute verwenden, wenn Sie Links in einem neuen Tab öffnen, es sei denn, Sie benötigen "Referral-Daten" für "Tracking" oder Partnerschaften.
Beispiel für Noopener Noreferrer
Stellen Sie sich vor, Sie führen einen Blog und verlinken auf einen Artikel eines Drittanbieters über "Marketingtrends".
Sie möchten, dass der Link in einem neuen Tab geöffnet wird, damit Ihre Leser auf Ihrer Website bleiben.
Hier ist, wie das HTML aussehen würde:
<a href="https://marketingtrendssite.com" target="_blank" rel="noopener noreferrer">"Lesen Sie mehr über Marketingtrends"</a>
In diesem Code:
Target="_blank" öffnet den Link in einem neuen Browser-Tab.
Noopener sagt dem Browser: “Lass diesen neuen Tab [dieses] nicht steuern oder darauf zugreifen.”
Noreferrer fügt eine Datenschicht hinzu, indem die URL Ihrer Website nicht an die Zielseite weitergegeben wird.
Warum sind Diese Tags Wichtig?
Im [Linkbuilding] sind zwei [Tags] am wichtigsten: nofollow und dofollow.
Einige nehmen an, dass nofollow dasselbe wie ‘noreferrer’ oder ‘noreferer’ ist. [Jedoch] sind sie nicht dasselbe.
Die Verwendung von noopener noreferer hat keine Auswirkung auf Linkwertigkeit.
SEO und Link-Builder verwenden rel="noopener noreferrer", um die Domain vor externen Angriffen zu schützen und die URL-Daten genau zu verfolgen.
Die meisten "Content Management Systeme" wie Wix, WordPress, Squarespace, Ghost, Webflow und andere verwenden das noopener-Tag standardmäßig für alle Links.
Wenn Sie einen Link hinzufügen, wird standardmäßig ein target="_blank"-Attribut hinzugefügt.
Dieses Attribut allein stellt eine Sicherheitsanfälligkeit dar, es sei denn, es wird mit noopener gepaart. Die Zielseite erhält Zugriff auf das Quellfensterobjekt, was Manipulationen durch Skripte ermöglicht.
Die Anwendung von noopener beseitigt dieses Risiko vollständig.
"Noopener noreferrer" werden auch verwendet, um das Vertrauen der Domain zu schützen und die Browserleistung zu verbessern, damit Links korrekt, schneller und ohne [Sicherheitslücken] geöffnet werden.
Korrekte Implementierung von rel="noopener noreferrer" führt zu sauberen Verlinkungspraktiken, die die Durchsuchbarkeit durch Suchmaschinen verbessern und das Risikopotential für bessere SEO-Kampagnenergebnisse reduzieren.
Vorteile und Nachteile der Verwendung von Noopener Noreferrer
Aus sowohl SEO- als auch Sicherheits-Perspektiven unterstützt die Kombination von noopener noreferrer eine stärkere Link-Ausführung.
Jedoch gibt es bestimmte "Nachteile", die in Betracht gezogen werden sollten.
Nachfolgend finden Sie eine Aufschlüsselung der messbaren Vorteile und Einschränkungen der Verwendung von noopener noreferrer.
Hier sind die Vorteile der Verwendung von noopener noreferrer in externen Links:
- Schützt vor Tabnabbing: Wenn Link-Ersteller target="_blank" verwenden, um einen Link in einem neuen Tab zu öffnen, entsteht eine Sicherheitslücke namens Reverse Tabnabbing. Es kann zu Phishing-Angriffen und unnötigen Weiterleitungen führen, die den Ruf der Domain schädigen. Durch das Hinzufügen von rel="noopener" können Sie Ihre Website vor solchen Angriffen schützen, da es verhindert, dass der neue Tab Zugriff auf das ursprüngliche Browserfenster hat.
- Verbessert die Browserleistung: Neben der Verbesserung der Sicherheit kann rel="noopener" tatsächlich die Browserleistung verbessern. Ohne diese bleibt der neue Tab über die Eigenschaft window.opener mit dem ursprünglichen Tab verbunden. Diese Verbindung nutzt unnötig Speicher und Browserressourcen. Durch die Verwendung von noopener entfernen Sie diese Verbindung, was zu einer saubereren Ressourcennutzung führt.
- Bietet mehr Kontrolle über Verweisdaten: Die Verwendung von rel="noreferrer" gibt SEOs und Linkbuildern die Kontrolle darüber, ob Verweisdaten an die Zielseite übermittelt werden oder nicht. Wenn Sie auf einen [Wettbewerber] oder eine [sensible] Seite verlinken, kann es strategisch sein, zu verbergen, dass Ihre Seite [Traffic] gesendet hat. Auf der anderen Seite sollten Sie im [Affiliate-Marketing] oder bei Partnerschaften, bei denen Sie den [Verkehr] nachweisen müssen, noreferrer nicht verwenden.
- Hat Keine Negative Auswirkung auf SEO: Website-Besitzer sind verwirrt und nehmen an, dass noopener dasselbe wie nofollow ist. Allerdings beeinflussen weder noopener noch noreffer den Fluss von "Link Juice". Sie dienen ausschließlich dem "Browser-Verhalten" und der "Privatsphäre". "Link Builder" können sie sicher verwenden, ohne ihre "Backlink-Strategien" zu gefährden oder den Wert von externen Links mit hoher Autorität zu verlieren.
Hier sind die Nachteile der Verwendung von noopener noreferer in externen Links:
- Sie verlieren Empfehlungsdaten mit noreferrer: Wenn Sie rel="noreferrer" verwenden, verhindert es, dass die Zielwebsite sieht, woher der Besucher kam. Es ist nützlich für den Datenschutz, aber nicht ideal, wenn das Tracking wichtig ist. Zum Beispiel benötigen Affiliate-Marketer, Markenpartner oder Analyseteams oft diese Empfehlungsinformationen für Berichterstattung, Bezahlung oder Optimierung. Wenn Sie es mit einem noreferrer verbergen, könnten Ihnen Attribution oder sogar Einnahmen entgehen.
- Kompatibilitätsprobleme mit einigen Analysetools: Einige ältere oder benutzerdefinierte Analysesysteme verwenden immer noch den Referer-Header, um Besucherreisen zu verfolgen. Wenn noreferrer angewendet wird, könnten URL-Tracking-Tools den Verkehr als „direkt“ anzeigen, anstatt die tatsächliche Quelle anzuzeigen. Daher könnten die Berichte ungenau sein und SEOs oder Website-Betreiber wissen möglicherweise nicht, woher der Verkehr wirklich kommt.
- [Kann] zur [Überkomplizierung] in Vorlagen [führen]: Auf großen Websites mit komplexen CMS-Setups kann das [Verwalten] von noopener noreferrer-Tags bei jedem externen Link zeitaufwendig sein. Es könnte zusätzlichen Skripting-, Plugin-Konfigurationen oder manuellen Aufwand erfordern. Wenn es nicht konsequent [behandelt] wird, kann es zu einer Mischung aus sicheren und unsicheren Links führen, was für die langfristige [Wartung] nicht ideal ist.
Beste Praktiken für Link Builder
Befolgen Sie diese [bewährten Praktiken], wenn Sie "noopener noreferrer" beim Linkaufbau verwenden:
Verwenden Sie rel="noopener" mit target="_blank"
Sie sollten rel="noopener" mit Links verwenden, die in neuen Tabs über target="_blank" geöffnet werden. Es verhindert den Zugriff auf window.opener von der verlinkten Seite und beseitigt Risiken des "Tabnabbing".
Außerdem gewährleistet es sicheres Verhalten, ohne die SEO oder PageRank zu beeinträchtigen. Sie sollten dies als Standard für alle externen Links betrachten, die in einem neuen Tab geöffnet werden.
Verwenden Sie rel="noreferrer" mit Vorsicht
Sie sollten rel="noreferrer" in externen Links einschließen, um zu verhindern, dass Referral-Informationen an die Ziel-URL weitergegeben werden. Sie sollten diesen Tag nur in datenschutzsensiblen Szenarien oder wenn das Verfolgen von Referrals vermieden werden muss, hinzufügen.
Vermeiden Sie den übermäßigen Gebrauch von Noreferrer im Linkaufbau
Versuchen Sie, den übermäßigen Gebrauch von noreferrer zu vermeiden, da er die Sichtbarkeit in der "Analytik" verringert und den Wert von "Backlinks" in [Outreach-Kampagnen] schwächt.
Referral-Header helfen den empfangenden Seiten, "Traffic"-Quellen und Link-Glaubwürdigkeit zu erkennen. Seien Sie vorsichtig bei der Verwendung dieses Attributs und machen Sie es nicht zum Standard für alle "Backlinks".
Kombinieren Sie bei Bedarf mit Nofollow, UGC oder Sponsored
Verwenden Sie nofollow für "untrusted" oder "promotional" Links, UGC für von Nutzern erstellte Inhalte, und sponsored für bezahlte Platzierungen oder Affiliate-Referenzen.
Wenn Links in neuen Tabs geöffnet werden, paaren Sie sie mit noopener für Sicherheit. Vermeiden Sie das Paaren mit noreferrer, es sei denn, dies ist aufgrund von "Einhaltung" oder "Datenschutz" erforderlich.
Häufig gestellte Fragen
Schadet rel="noreferrer" dem SEO?
Nein. rel="noreferrer" schadet dem SEO nicht. Google folgt Links mit noreferrer und überträgt PageRank (Linkwert), solange nofollow oder sponsored nicht vorhanden sind. Das noreferrer-Tag beeinflusst das Verhalten des Browsers, nicht wie Suchmaschinen Seiten bewerten oder einstufen.
Link-Autorität, Indizierung und Relevanz des Ankertextes werden vollständig erhalten. Der einzige Nachteil ist der Verlust von Verweisdaten.
Wenn dieses Tag verwendet wird, kann die Zielseite nicht sehen, woher der [Traffic] kam. Das bedeutet, dass Plattformen wie Google Analytics oder [Affiliate]-Dashboards die "Referrer"-Info nicht sehen werden. Daher betrifft dies das [Tracking], nicht die [Rankings].
Ist "noopener" für interne [Links] notwendig?
Nein, rel="noopener" ist nicht notwendig für interne Verlinkungen. Das Hinzufügen von kontextuellen Links zu Ihrer eigenen Website birgt nicht die gleichen Sicherheitsrisiken wie externe Links.
Die primäre Funktion von noopener besteht darin, "reverse tabnabbing" zu verhindern, und diese Art von Bedrohung stammt von Drittanbieter-Domains, nicht von Links innerhalb derselben Seite.
Interne Links arbeiten innerhalb einer vertrauenswürdigen Umgebung unter derselben Domain, und daher schränken Browser-Sicherheitsprotokolle bereits gefährliches Verhalten über identische Ursprünge hinweg ein.
[Kann] ich diese [Tags] manuell entfernen?
Ja, Sie können rel="noopener noreferrer" entfernen, indem Sie den HTML-Code direkt bearbeiten. Öffnen Sie Ihr CMS im Bearbeitungsmodus und gehen Sie zum Hyperlink.
Entfernen Sie nun das noopener noreferer vom externen oder internen Link. Wenn Ihr CMS diese Werte standardmäßig hinzufügt, müssen Sie die Hilfe eines Entwicklers in Anspruch nehmen, um das automatische Einfügen über Vorlagen oder Plugins zu überschreiben.
Was ist der Unterschied zwischen "noreferrer" und "nofollow"?
Noreferrer ist eine Anweisung auf Browserebene, die verhindert, dass die verweisende URL-Information an die Zielseite weitergegeben wird, während nofollow eine SEO-spezifische Anweisung ist, die den Fluss des "Linkequity" von der Hauptdomain zur verlinkten Seite verhindert.
Der primäre [Unterschied] liegt in der [Funktion]: noreferrer betrifft die Sichtbarkeit von Referenzdaten im Browser, während nofollow den Transfer von Ranking-Signalen in Suchmaschinen beeinflusst.
Fazit
Sie sollten rel="noopener noreferrer" für externe Websites verwenden, die in einem neuen Tab geöffnet werden. Ebenso sollten Sie noreferrer anwenden, wenn [Referral-Daten] verborgen werden.
Stellen Sie außerdem sicher, dass Sie diese Attribute nicht auf interne Links anwenden. Die interne Navigation stellt keine externen Sicherheitsrisiken dar oder erfordert eine Überprüfung der Weiterleitung, daher erzeugt das Hinzufügen unnötiger Attribute Unordnung im Code, ohne Vorteile zu bieten.
Denken Sie daran, dass weder noopener noch noreferrer die Rankings beeinflussen. Suchmaschinen folgen weiterhin den Links, geben Linkwert weiter und verarbeiten Ankertext. Nur nofollow und sponsored Attribute steuern den SEO-Werttransfer.
