Rel Noopener Noreferrer – Was ist das?

In der stetig wandelnden Welt der Suchmaschinenoptimierung sind Details wie die HTML-Attribute rel=noopener und rel=noreferrer oft unterschätzte, aber wichtige Faktoren. Dieser Artikel beleuchtet, wie diese kleinen Code-Fragmente sowohl die Sicherheit Ihrer Website als auch Ihr SEO-Ranking beeinflussen können.

Wir werden die Funktionsweise dieser Attribute erkunden, ihre Bedeutung für die Link-Sicherheit aufzeigen und ihre Rolle in der modernen SEO-Praxis untersuchen. Tauchen Sie mit uns ein in die Welt des gezielten Link-Managements, das weit über das einfache Setzen von Hyperlinks hinausgeht.

Definition: Was bedeutet rel=“noopener noreferrer“?

Die Attribute rel="noopener noreferrer" in HTML-Links verbessern die Sicherheit und Privatsphäre, indem sie verhindern, dass die neue Seite auf die Fenster-Objekte der aufrufenden Seite zugreifen kann und Referrer-Informationen verborgen bleiben. Sie sind besonders wichtig beim Setzen von externen Links, die in einem neuen Tab geöffnet werden sollen.

Sicherheitssteigerung durch Einsatz des „noopener“-Attributs

Es existiert ein Attribut im HTML-Code, genannt „noopener“, das eine wichtige Rolle im Schutz vor Sicherheitsrisiken spielt, die auftreten können, wenn eine Webseite in einem neuen Browser-Tab geöffnet wird.

Wenn Nutzer einen Hyperlink anklicken, der mit target="_blank" konfiguriert ist, bleibt die ursprüngliche Seite im alten Tab geöffnet, während die verlinkte Seite in einem neuen Tab geladen wird. Trotz des Vorteils für den Seitenbetreiber, seine Seite offen zu halten, lässt dieses Szenario den Originaltab anfällig für potenzielle Manipulationen durch die neu geöffnete Seite.

Das JavaScript-Objekt window.opener ist in dieser Situation das Einfallstor für solche Sicherheitsbedrohungen. Ein Angreifer auf der neuen Seite kann über dieses Objekt auf den ursprünglichen Tab zugreifen und unerwünschte Aktionen ausführen, z.B. die URL ändern und Nutzer auf eine bösartige Webseite umleiten. Dieser Zugang ermöglicht es ihnen auch, sich Zugriff auf den Quellcode zu verschaffen und diesen zu manipulieren.

Um dieses Risiko zu minimieren, wird Webseitenbetreibern dringend empfohlen, externen Links mit target="_blank" das Attribut rel="noopener" hinzuzufügen. Hierbei ein HTML-Beispiel:

<a href="https://www.website.com/" target="_blank" rel="noopener">Linktext</a>

Die Implementierung von rel="noopener" erhöht nicht nur die Sicherheit der eigenen Webseite, sondern schützt auch die Nutzer vor betrügerischen Aktivitäten durch Malware-Seiten. Für interne Verknüpfungen oder externe Links, die nicht in einem neuen Tab geöffnet werden, ist dieses Attribut nicht erforderlich.

Webseiten, die bereits eine Vielzahl von Links ohne das rel="noopener"-Attribut besitzen, müssen eine Überarbeitung der bestehenden Anker-Tags vornehmen. Aufgrund der hohen Menge an Links kann diese Aktualisierung sehr aufwändig sein. Für Content-Management-Systeme wie WordPress gibt es Plugins, die das nachträgliche Hinzufügen des rel="noopener"-Attributs vereinfachen, wie beispielsweise das „Add Target Fixer“-Plugin.

Neben der Sicherheit leistet eine solche Anpassung auch einen Beitrag zur Verbesserung der SEO-Performance. Eine sichere Webseite bietet nicht nur Schutz für Betreiber und Nutzer, sondern wird auch von Suchmaschinen positiv bewertet.

• Steigerung der Webseitensicherheit: Schutz vor unbefugtem Zugriff und Manipulationen.
• Schutz der Nutzer: Verhinderung von Weiterleitungen auf bösartige Websites.
• SEO-Vorteile: Sicherheitsbewusste Webseiten werden tendenziell höher bewertet.

Die Verwendung von rel="noopener" ist ein kleiner, aber bedeutender Schritt zur Gewährleistung einer sicheren und nutzerfreundlichen Browsing-Erfahrung.

Verknüpfungselemente mit dem rel-Attribut „noreferrer“: Verdeckung der Linkquelle

Webadministratoren können normalerweise erkennen, von welcher externen Seite Besucher kommen. Verwendet jedoch die Ursprungsseite beim Linksetzen das rel="noreferrer"-Attribut, ist dies nicht möglich. Statt der Referenzseite zeigt sich in Tracking-Tools wie Google Analytics dann lediglich ein direkter Zugriff.

Anwendungsfall des rel=“noreferrer“-Attributs:

• Privatsphäre: Soll die Ursprungsseite aus Datenschutzgründen verborgen bleiben.
• Beispielcode:

  <a href="https://www.beispiel.de/" target="_blank" rel="noreferrer">Linktext</a>
  

Bei den meisten externen Verlinkungen ist das rel="noreferrer"-Attribut jedoch nicht erwünscht. Insbesondere im Bereich Affiliate-Marketing ist es wichtig, dass die Partnernachverfolgung funktioniert.

Warum im Affiliate-Marketing das rel=“noreferrer“-Attribut vermieden wird:

• Provisionierung: Affiliate-Partner müssen die Herkunft der Klicks nachvollziehen können, um korrekt Provisionen zuzuordnen.

Affiliate-Marketer sollen vorsichtig sein

Für Affiliate-Marketer ist die korrekte Nachverfolgung von Verweisen essentiell, doch die Verwendung des rel="noreferrer" Attributs in HTML-Links kann hier problematisch werden. Dieses Attribut verhindert die Übermittlung von Referrer-Informationen an die Zielwebsite, was für die Zuordnung und Vergütung von Affiliate-Verkäufen entscheidend ist.

Ohne diese Daten kann die Herkunft von Klicks oder Verkäufen nicht genau zugeordnet werden, was die Effektivität von Affiliate-Links beeinträchtigt. Affiliate-Marketer sollten daher alternative Tracking-Methoden in Betracht ziehen, wie beispielsweise die Verwendung von eindeutigen Affiliate-IDs oder Tracking-Parametern.

Das Attribut rel="noopener" hingegen, welches Sicherheitsrisiken bei in neuen Tabs geöffneten Links mindert, hat in der Regel keinen Einfluss auf das Affiliate-Tracking.

Kombination verschiedener HTML-Attribute: Sicherheit und SEO Optimierung

Bei der Entwicklung von Webseiten ist es möglich, unterschiedliche HTML-Attribute in Kombination zu verwenden. Die Attribute rel="noopener" und rel="noreferrer" werden oft in Anker-Tags verwendet, obgleich diese Kombination in den meisten Fällen nicht sinnvoll ist.

Dies liegt daran, dass das noreferrer Attribut keinen deutlichen Mehrwert bietet, womit auch die Kombination rel="noopener noreferrer" überflüssig wird.

In einem anderen Kontext sieht es bei der Verbindung der Attribute rel="noreferrer" mit rel="nofollow" anders aus. Diese beiden sollte man zusammenfügen, wenn ein externer Link in einem neuen Browser-Tab geöffnet werden soll, und gleichzeitig verhindert werden muss, dass Suchmaschinen-Crawler die verlinkte Seite besuchen. Die Verwendung von rel="nofollow" bewirkt eben genau das – es teilt den Suchmaschinen-Crawlern mit, die verlinkte Seite nicht zu indexieren.

Experten im Bereich der Suchmaschinenoptimierung, die auch in namhaften Medien erwähnt wurden und eine Vielzahl an renommierten Kunden betreuen, heben oft die Wichtigkeit dieser Attributkombinationen hervor.

• Sicherheitsattribute: rel="noopener" (unterbindet Nutzung der vorherigen Seite)
• SEO Optimierungsattribute: rel="nofollow" (verhindert Crawling der verlinkten Seite)

Beide Attribute tragen auf ihre Weise dazu bei, eine Webseite benutzerfreundlich und gleichzeitig suchmaschinenoptimiert zu gestalten.

Kritische Betrachtung der Unnötigkeit von „rel noreferrer“

In vielen Fällen wird das rel="noreferrer" Attribut ohne klare Notwendigkeit oder erkennbaren Nutzen eingesetzt, was seine Anwendung zunehmend in Frage stellt. Ursprünglich zur Verbesserung der Privatsphäre und Sicherheit eingeführt, verliert dieses Attribut an Relevanz, da moderne Browser und Sicherheitsmechanismen zunehmend effektiver werden.

In der Praxis führt rel="noreferrer" häufig zu Komplikationen, insbesondere im Bereich des Affiliate-Marketings, wo es das Tracking und die korrekte Zuordnung von Verkäufen beeinträchtigen kann.

Angesichts dieser Herausforderungen und der Tatsache, dass viele Websites und Anwendungen ohne erkennbare Nachteile auf dieses Attribut verzichten, wird seine Notwendigkeit und Effektivität in der heutigen Webentwicklung zunehmend hinterfragt. In vielen Situationen könnte die Verwendung von rel="noreferrer" daher als überflüssig angesehen und entsprechend vermieden werden.