Description

rel=noopener>https://rp-online.de/nrw/

NRW ?

### **Was sind `rel=noopener` und `rel=noreferrer` und warum sind sie wichtig?**

Wenn Sie sich mit der Erstellung von Webseiten beschäftigen, sind Links ein wesentlicher Bestandteil Ihres Contents. Doch wissen Sie, dass bestimmte Attribute in HTML-Links die Sicherheit Ihres Webauftritts erhöhen können? Heute gehen wir auf die Attribute `rel=noopener` und `rel=noreferrer` ein und erklären, warum sie wichtig sind und wie sie eingesetzt werden.

—

#### **Was bedeutet `rel=noopener`?**

Das `rel=noopener`-Attribut wird in HTML-Links verwendet, um zu verhindern, dass eine neu geöffnete Seite (in einem neuen Tab) auf die ursprüngliche Seite zugreift. Ohne dieses Attribut könnte die neu geöffnete Seite mithilfe von JavaScript auf das `window.opener`-Objekt zugreifen und sogar die ursprüngliche Seite umleiten oder andere Aktionen ausführen. Dieses Verhalten wird als **Reverse Tabnabbing** bezeichnet und birgt Sicherheitsrisiken.

Indem Sie `rel=noopener` hinzufügen, stellen Sie sicher, dass die neu geöffnete Seite in einem separaten Prozess läuft und keine Verbindung zur Ursprungsseite herstellen kann.

—

#### **Was bedeutet `rel=noreferrer`?**

Das `rel=noreferrer`-Attribut dient dazu, die Weitergabe von Referenzinformationen zu verhindern. Wenn ein Benutzer über einen Link auf Ihrer Webseite zu einer anderen Seite navigiert, teilt der Browser normalerweise die URL Ihrer Seite als “Referer” mit. Mit `rel=noreferrer` wird diese Information unterdrückt, was die Privatsphäre Ihres Traffics schützt.

—

#### **Warum werden `rel=noopener` und `rel=noreferrer` zusammen verwendet?**

Es ist eine gute Praxis, `rel=noopener` und `rel=noreferrer` zusammen zu verwenden, insbesondere bei Links, die mit `target=”_blank”` geöffnet werden (also in einem neuen Tab). Durch diese Kombination schützen Sie nicht nur vor Sicherheitsrisiken, sondern verbessern auch die Privatsphäre.

Beispiel:
“`html
Besuchen Sie diese Seite
“`

—

#### **Wie wirken sich diese Attribute auf SEO aus?**

Eine häufig gestellte Frage ist, ob `rel=noopener` und `rel=noreferrer` Auswirkungen auf das SEO haben. Die gute Nachricht ist, dass diese Attribute **keinen direkten Einfluss auf die Suchmaschinenoptimierung** haben. Sie dienen lediglich der Sicherheit und Privatsphäre und werden von Suchmaschinen nicht als Signal für die Bewertung einer Webseite genutzt.

Allerdings ist es wichtig zu beachten, dass `rel=nofollow` ein anderes Attribut ist, das angeblich die SEO-Relevanz eines Links unterdrücken kann. Es wird oft verwendet, um zu signalisieren, dass der Link nicht empfohlen wird oder von einem Benutzer generiert wurde.

—

#### **Fazit: Warum Sie `rel=noopener` und `rel=noreferrer` verwenden sollten**

– **Sicherheit:** Verhindern Sie, dass bösartige Seiten Ihre Webseite kompromittieren können.
– **Privatsphäre:** Schützen Sie die Referenzinformationen Ihrer Besucher.
– **Best Practices:** Befolgen Sie empfohlene Standards für die Verwendung von Links im Web.

Indem Sie diese Attribute in Ihre Links einbinden, tragen Sie zu einem sichereren und privateren Weberlebnis bei. Ob Sie nun eine einfache Webseite betreiben oder ein komplexes Webprojekt leiten – die Sicherheit Ihrer Besucher sollte immer an erster Stelle stehen.

—

Mit diesen Informationen sind Sie nun bestens gerüstet, um Ihre Links zukunftssicher und benutzerfreundlich zu gestalten. Happy Coding!