SEO-Optimierung mit Rel-Attribut
- Datum: 20.03.2025
- Autor: Giuseppe Scolaro
Rel-Attribute: Wie nutze ich sie für bessere SEO?
In der Welt der Suchmaschinenoptimierung (SEO) spielen Rel-Attribute eine entscheidende Rolle. Sie helfen Suchmaschinen-Crawlern dabei, die Beziehung zwischen verschiedenen Webseiten und deren Inhalten zu verstehen. In diesem Beitrag tauchen wir tief in die Welt der Rel-Attribute ein, erklären ihre Bedeutung und zeigen, wie sie effektiv eingesetzt werden können, um die SEO-Performance zu verbessern. Dabei konzentrieren wir uns auf die Attribute noopener
, nofollow
, ugc
und sponsored
.
Die verschiedenen Arten von Rel-Attributen
1. rel="noopener"
Das noopener
-Attribut wird verwendet, wenn Links in einem neuen Tab geöffnet werden sollen. Es verbessert die Sicherheit der Website, indem es verhindert, dass externe Seiten potenziell schädlichen JavaScript-Code auf der ursprünglichen Seite ausführen können.
Beispiel:
<a href="https://example.com" target="_blank" rel="noopener">Besuche Beispielseite</a>
Das noopener
-Attribut hat keine direkte Auswirkung auf die SEO, sondern dient primär der Sicherheit.
2. rel="nofollow"
Das nofollow
-Attribut teilt Suchmaschinen-Crawlern mit, dass der Webseitenbetreiber keine Empfehlung für die verlinkte Seite ausspricht. Es wird verwendet, um zu verhindern, dass Ranking-Credits an die Zielseite weitergegeben werden.
Beispiel:
<a href="https://example.com" rel="nofollow">Besuche Beispielseite</a>
Seit 2020 behandelt Google nofollow
als Hinweis und nicht mehr als strikte Anweisung. Das bedeutet, dass Google entscheiden kann, diesen Links zu folgen oder sie für das Crawling und die Indexierung zu berücksichtigen.
3. rel="ugc"
Das ugc
-Attribut (User-Generated Content) wird verwendet, um Links zu kennzeichnen, die in nutzergenerierten Inhalten wie Blog-Kommentaren oder Forenbeiträgen enthalten sind. Es signalisiert Suchmaschinen, dass der Webseitenbetreiber keine vollständige Kontrolle über den verlinkten Inhalt hat.
Beispiel:
<a href="https://example.com" rel="ugc">Besuche Beispielseite</a>
Dieses Attribut kann helfen, eine Abstrafung durch Google zu vermeiden, da der Inhalt von Nutzern und nicht vom Webseitenbetreiber erstellt wurde.
4. rel="sponsored"
Das sponsored
-Attribut wird für Links verwendet, die bezahlte Anzeigen oder gesponserte Inhalte kennzeichnen. Es zeigt Suchmaschinen an, dass der Link Teil einer geschäftlichen Vereinbarung ist und keine redaktionelle Empfehlung darstellt.
Beispiel:
<a href="https://example.com" rel="sponsored">Besuche Beispielseite</a>
Die Verwendung von rel="sponsored"
hilft dabei, Missverständnisse bei Suchmaschinen zu vermeiden, insbesondere im Hinblick auf bezahlte Links, die andernfalls als unethische SEO-Praktik interpretiert werden könnten.
Das nofollow
-Attribut wurde bisher empfohlen, um bestimmte Arten von Links zu kennzeichnen, wie z. B. gesponserte Links oder nutzergenerierte Inhalte. Es teilt Suchmaschinen mit, dass der Link keine Empfehlung darstellt und keine Ranking-Credits weitergegeben werden sollen.
Obwohl das nofollow
-Attribut weiterhin zulässig ist, wird heute vorzugsweise das sponsored
-Attribut für gesponserte Links verwendet. Dies bietet eine klarere Unterscheidung und hilft Suchmaschinen, die Art des Links besser zu verstehen.
Die Verwendung von sponsored
anstelle von nofollow
ist besonders wichtig, um Transparenz zu schaffen und potenzielle Missverständnisse bei der Bewertung von Links durch Suchmaschinen zu vermeiden.
Wann sollte man Rel-Attribute verwenden?
Rel-Attribute sind nicht immer notwendig, aber in bestimmten Fällen unverzichtbar:
nofollow
: Verwenden Sie dieses Attribut, wenn Sie nicht möchten, dass Suchmaschinen dem Link folgen oder Ranking-Credits an die Zielseite weitergeben.ugc
: Verwenden Sie dieses Attribut für Links in nutzergenerierten Inhalten wie Kommentaren oder Forenbeiträgen.sponsored
: Verwenden Sie dieses Attribut für bezahlte oder gesponserte Links, um Transparenz gegenüber Suchmaschinen zu gewährleisten.noopener
: Verwenden Sie dieses Attribut immer dann, wenn Sie Links in einem neuen Tab öffnen lassen möchten, um die Sicherheit Ihrer Website zu erhöhen.
Codebeispiele für die Verwendung von Rel-Attributen
Hier sind einige praktische Beispiele, wie Sie Rel-Attribute in Ihrem HTML-Code verwenden können:
Beispiel 1: noopener
und nofollow
<a href="https://example.com" target="_blank" rel="noopener nofollow">Besuche Beispielseite</a>
In diesem Beispiel wird der Link in einem neuen Tab geöffnet, und Suchmaschinen werden angewiesen, dem Link nicht zu folgen.
Beispiel 2: ugc
<a href="https://example.com" rel="ugc">Besuche Beispielseite</a>
Dieser Link kennzeichnet nutzergenerierte Inhalte und signalisiert Suchmaschinen, dass der Webseitenbetreiber keine vollständige Kontrolle über den Inhalt hat.
Beispiel 3: sponsored
<a href="https://example.com" rel="sponsored">Besuche Beispielseite</a>
Dieser Link kennzeichnet einen gesponserten Inhalt und zeigt an, dass es sich um eine bezahlte Platzierung handelt.
Beispiel 4: Kombination mehrerer Rel-Attribute
<a href="https://example.com" target="_blank" rel="noopener noreferrer nofollow">Besuche Beispielseite</a>
Hier wird der Link in einem neuen Tab geöffnet, und es werden sowohl Sicherheits- als auch SEO-bezogene Attribute kombiniert.
Zusammenfassung
Rel-Attribute sind ein mächtiges Werkzeug, um Suchmaschinen dabei zu helfen, die Beziehungen zwischen verschiedenen Webseiten und deren Inhalten zu verstehen. Sie können die SEO-Performance verbessern, die Sicherheit Ihrer Website erhöhen und Missverständnisse bei Suchmaschinen vermeiden.
noopener
: Erhöht die Sicherheit, wenn Links in neuen Tabs geöffnet werden.nofollow
: Verhindert, dass Suchmaschinen dem Link folgen oder Ranking-Credits weitergeben.ugc
: Kennzeichnet nutzergenerierte Inhalte und schützt vor Abstrafungen.sponsored
: Zeigt an, dass es sich um bezahlte oder gesponserte Links handelt.
Indem Sie diese Attribute richtig einsetzen, können Sie nicht nur die SEO Ihrer Website optimieren, sondern auch ein sichereres und transparenteres Online-Erlebnis für Ihre Besucher schaffen.
Häufig gestellte Fragen zu Rel-Attributen
-
Was ist der Unterschied zwischen
rel="nofollow"
undrel="sponsored"
?nofollow
wird verwendet, um Suchmaschinen mitzuteilen, dass ein Link nicht aktiv für das Ranking berücksichtigt werden sollte, währendsponsored
speziell für bezahlte oder werbliche Links vorgesehen ist. -
Kann
rel="nofollow"
undrel="sponsored"
gleichzeitig verwendet werden?Ja, das ist möglich. Beispiel:
<a href="https://example.com" rel="nofollow sponsored">Gesponserter Link</a>
. -
Welche Auswirkungen hat
rel="noopener noreferrer"
auf SEO?Diese Attribute beeinflussen das Ranking nicht, sondern dienen nur der Sicherheit und Privatsphäre der Nutzer.
noopener
verhindert, dass die verlinkte Seite Zugriff auf daswindow.opener
-Objekt erhält, währendnoreferrer
-
Sollte
rel="nofollow"
für alle externen Links verwendet werden?Nein, nur wenn der Seite nicht vertraut wird oder keine SEO-Signale weitergegeben werden sollen.
-
Warum fügt WordPress automatisch
rel="noopener noreferrer"
hinzu?Zur Sicherheit, um Angriffe durch das
window.opener
-Objekt zu verhindern, insbesondere bei Links mittarget="_blank"
. -
Beeinflusst
rel="noreferrer"
Google Analytics-Daten?Ja, Referrer-Daten werden nicht weitergegeben, sodass der Traffic als „Direkt-Traffic“ erscheint.
-
Wie unterscheidet sich
rel="ugc"
vonrel="nofollow"
?ugc
kennzeichnet Links aus nutzergenerierten Inhalten, währendnofollow
-
Ist
rel="nofollow"
eine Garantie, dass Google dem Link nicht folgt?Nein, seit 2020 betrachtet Google
nofollow
nur noch als Hinweis (Hint) und kann dem Link trotzdem folgen, wenn es für das Crawling oder die Indexierung als relevant erachtet wird. -
Müssen interne Links auch
rel="nofollow"
haben?Normalerweise nicht, es sei denn, es soll verhindert werden, dass Google bestimmte Seiten indexiert. Hierfür ist jedoch eher
noindex
in derrobots.txt
oder im Meta-Tag geeignet. -
Können mehrere Rel-Attribute in einem Link kombiniert werden?
Ja, Beispiel:
<a href="https://example.com" target="_blank" rel="noopener nofollow noreferrer">Sicherer NoFollow-Link</a>
. -
Welche Kombination ist die beste für Werbelinks (grafisch & textlich)?
Für Werbelinks gilt:
Grafische Werbebanner:rel="sponsored noopener"
, um anzuzeigen, dass es sich um bezahlte Werbung handelt und um Sicherheitsrisiken zu minimieren.Textliche Werbelinks:rel="sponsored nofollow"
, um Suchmaschinen zu signalisieren, dass es sich um bezahlten Content handelt und kein SEO-Signal weitergegeben wird.Beispiel für einen Werbelink:
<a href="https://example.com" rel="sponsored noopener nofollow">Werbelink</a>
-
Wie sieht ein praktisches Beispiel für das
ugc
-Attribut aus?Beispiel:
<a href="https://example.com" rel="ugc">Nutzerkommentar</a>
. Dies kennzeichnet Links in nutzergenerierten Inhalten wie Blog-Kommentaren oder Forenbeiträgen.
Was bisher geschah
Wissenswertes aus dem Cyber-Ding namens Internet