Porträt von mir (Dmitry Dugarev) - eines jungen Mannes mit Brille, der lächelt und eine Jeansjacke trägt. Er steht vor einem städtischen Hintergrund während der Dämmerung, die Lichter der Stadt sind im Hintergrund verschwommen zu sehen.

Dmitry Dugarev

Webmaster & SEO-Experte

Noopener

Noopener ist ein Attribut, das zu externen Links hinzugefügt wird, um Sicherheitsrisiken zu minimieren.

Das Bild zeigt den Titel „SEO Glossar: Was ist Noopener?“ vor einem dunklen Hintergrund mit verblassten Begriffen aus dem Bereich SEO, wie „Backlinks“, „Alt Text“ und „Meta Description“. Oben rechts befindet sich ein minimalistisches Eichel-Symbol – das Logo von Musnuss™ – der Marketing Agentur von Dmitry Dugarev.

Inhalts­verzeichnis

Warum Noopener wichtig ist

Hast Du Dich jemals gefragt, warum einige Links sicherer sind als andere? Noopener ist ein HTML-Attribut, das genau dafür sorgt. Es verhindert, dass die verlinkte Seite Kontrolle über die Ursprungsseite erhält.

Wenn Du einen Link in einem neuen Tab öffnest, kann die neue Seite die ursprüngliche Seite manipulieren. Dies nennt man „Tabnabbing“. Klingt beängstigend, oder?

Mit Noopener schützt Du Deine Seiten vor schädlichen Manipulationen.

„Sicherheit ist kein Luxus, sondern eine Notwendigkeit im Webdesign.“

Wie funktioniert Noopener?

Noopener funktioniert einfach, indem es dem Link ein Attribut hinzufügt. Der Code sieht so aus: <a href="https://example.com" target="_blank" rel="noopener">Link</a>. Das rel=“noopener“ Attribut sorgt dafür, dass die neue Seite keinen Zugriff auf die Ursprungsseite hat.

Jetzt fragst Du Dich sicher, ob das kompliziert ist. Keine Sorge! Du kannst es ganz leicht in Deinem HTML-Code implementieren.

Die Vorteile von Noopener

Die Nachteile von Noopener

Noopener und Noreferrer

Jetzt fragst Du Dich vielleicht: „Was ist der Unterschied zwischen noopener und noreferrer?“

Noreferrer verhindert zusätzlich, dass die Ursprungsseite im Referrer-Header übermittelt wird. Das bedeutet, die neue Seite weiß nicht, woher der Besucher kommt.

Beide Attribute können zusammen verwendet werden: <a href="https://example.com" target="_blank" rel="noopener noreferrer">Link</a>. Dies bietet maximale Sicherheit.

Best Practices für Noopener

FAQs zu Noopener

1. Was ist Noopener?

Noopener ist ein HTML-Attribut, das verhindert, dass eine verlinkte Seite Kontrolle über die Ursprungsseite erhält.

2. Warum ist Noopener wichtig?

Es schützt vor Sicherheitsrisiken wie Tabnabbing und verbessert die Performance und Benutzerfreundlichkeit der Webseite.

3. Kann ich Noopener mit anderen Attributen kombinieren?

Ja, Du kannst Noopener mit Noreferrer kombinieren, um zusätzliche Sicherheit zu gewährleisten.

Wie man Noopener implementiert

Die Implementierung von Noopener ist einfach. Du fügst das Attribut rel="noopener" zu Deinen Links hinzu.

Hier ein Beispiel: <a href="https://example.com" target="_blank" rel="noopener">Link</a>

Denke daran, dies bei allen externen Links zu tun, die in einem neuen Tab geöffnet werden.

Noopener und SEO

Vielleicht fragst Du Dich: „Wie beeinflusst Noopener mein SEO?“ Gute Nachricht: Es hat keine negativen Auswirkungen auf Dein SEO!

Tatsächlich kann es die Benutzererfahrung verbessern, was indirekt positive Auswirkungen auf Deine SEO haben kann.

Eine sicherere Seite ist eine bessere Seite, und Google liebt sichere Seiten.

Noopener in CMS-Systemen

Verwendest Du ein Content-Management-System (CMS) wie WordPress? Keine Sorge! Viele CMS haben bereits Voreinstellungen, die Noopener automatisch hinzufügen.

Überprüfe Deine Link-Einstellungen und aktiviere die Option für Noopener, wenn vorhanden.

Falls nicht, kannst Du ein Plugin verwenden, das diese Funktion hinzufügt.

Noopener und JavaScript

Auch wenn Du JavaScript verwendest, kannst Du Noopener einbinden. Hier ein Beispiel:

window.open(url, '_blank', 'noopener');

Das war’s! Deine Links sind jetzt sicher vor Manipulationen.

Fazit

Noopener ist ein einfaches, aber mächtiges Werkzeug, um die Sicherheit Deiner Webseite zu erhöhen. Es schützt vor Tabnabbing und verbessert die Benutzererfahrung.

Implementiere Noopener in Deinem HTML-Code oder nutze Plugins, um Deine Seite sicherer zu machen. Denke daran: Sicherheit ist keine Option, sondern eine Notwendigkeit.

Willst Du mehr über Web-Sicherheit erfahren? Buche eine kostenlose 1:1-Beratung mit mir hier.

Hast Du Lust auf mehr Tipps und Tricks rund um Websites und SEO?

Dann abboniere meinen Newsletter und profitiere von:

Gib einfach Deine E-Mail-Adresse ein und mach Deine Website zum Magneten für Suchende zu machen!


P.S.: Bist Du noch am Überlegen? Dann hier ist ein kleiner Anreiz für Dich:

Wenn Du mein Newsletter abbonierst, bekommst Du:

  • BONUS: Checkliste mit 55 Tipps für perfekte SEO-Beiträge für B2B 2024 - Ein E-Book mit den besten SEO-Praktiken, die 2024 relevant sind.

Dieses E-Book hat alles drin, was ich alltäglich für meine Kunden mache, um deren Online-Präsenz aufs nächste Level zu bringen.

Ich hoffe das reicht. Ich freue mich auf Dich und bin gespannt, was Du mit meinen Tipps erreichst!

Meine Unterschrift, die aus einem durchgestrichenen Buchstaben D besteht, der in kyrilischer Schreibschrift geschrieben ist

Beste Grüße
Dmitry Dugarev