WMP Sites

HTML rel: Das Schlüsselattribut für SEO und Linkaufbau

Lukas Fuchs vor 2 Jahren Frontend 3 Min. Lesezeit

Was ist das HTML-Attribut "rel"?

Das HTML-Attribut "rel" steht für "relationship" (Beziehung) und wird dazu verwendet, die Beziehung einer verlinkten Ressource zu dem Dokument, in dem sie vorkommt, zu definieren. Es handelt sich um ein wichtiges Attribut, das sowohl für die Suchmaschinenoptimierung (SEO) als auch für den Linkaufbau unerlässlich ist.

Funktionen des "rel"-Attributs

Das "rel"-Attribut ermöglicht es dir, die Art der Beziehung zwischen der verlinkten Ressource und dem Dokument anzugeben. Dies hilft Suchmaschinen dabei, den Kontext und die Bedeutung des Links zu verstehen und ihn entsprechend in ihren Ranking-Algorithmen zu berücksichtigen.

Zu den gängigsten Verwendungsmöglichkeiten des "rel"-Attributs gehören:

  • nofollow: Weist Suchmaschinen an, dem Link nicht zu folgen und keinen Linkaufbau-Wert weiterzugeben.
  • noopener noreferrer: Verhindert, dass das neue Browserfenster auf die Ressourcen des ursprünglichen Dokuments zugreifen kann.
  • sponsored: Kennzeichnet Links als bezahlte Werbung.
  • ugc: Weist darauf hin, dass der Link von einem Benutzer generiert wurde, z. B. in einem Kommentar oder Forum.

Wie wird 'rel' in HTML-Code verwendet?

Das HTML-Attribut 'rel' wird innerhalb des HTML-Tags "" platziert, der Links definiert. Es weist dem Browser Anweisungen zur Beziehung zwischen der aktuellen Seite und der verlinkten Seite an. Um 'rel' in HTML zu verwenden, musst du die folgenden Schritte ausführen:

  1. Ermittle den passenden 'rel'-Wert: Bestimme den spezifischen Wert, der die Beziehung zwischen deiner Seite und der verlinkten Seite am besten beschreibt.
  2. Füge 'rel' zum "" Tag hinzu: Füge das Attribut 'rel' zum öffnenden "" Tag hinzu, gefolgt vom von dir gewählten Wert. Das Attribut sollte wie folgt aussehen: rel="Wert"

Beispiel:

<a href="https://beispiel.com" rel="nofollow">Beispiel-Link</a>

Verwende 'rel' innerhalb des "" Elements

Zusätzlich zur Verwendung innerhalb des "" Tags kann das 'rel'-Attribut auch innerhalb des "" Elements verwendet werden, um Beziehungen zwischen Dokumenten anzugeben. Dies kann beispielsweise für die Angabe eines alternativen Stylesheets oder einer RSS-Feed-Datei verwendet werden.

Beispiel:

`

`

Tipps zur Verwendung von 'rel'

  • Verwende beschreibende Werte: Wähle 'rel'-Werte, die die Beziehung zwischen den Seiten eindeutig beschreiben.
  • Sei konsistent: Verwende für ähnliche Links konsistente 'rel'-Werte.
  • Überprüfe die Kompatibilität: Stelle sicher, dass der von dir gewählte 'rel'-Wert von allen relevanten Browsern unterstützt wird.

Verschiedene Werte des 'rel'-Attributs

Das 'rel'-Attribut verfügt über eine Reihe von Werten, die das Verhältnis zwischen der aktuellen Seite und der verlinkten Seite definieren. Die bekanntesten Werte sind:

h3 Canonical

Der Wert "canonical" wird verwendet, um die kanonische Version einer Seite zu deklarieren. Dies hilft Suchmaschinen, doppelten Inhalt zu identifizieren und die richtige Version einer Seite in den Suchergebnissen zu platzieren.

h3 Alternate

Der Wert "alternate" wird verwendet, um eine alternative Version einer Seite für verschiedene Sprachen oder Geräte anzugeben. Dies hilft Suchmaschinen, die richtige Version der Seite an den Benutzer zu liefern, je nach dessen Spracheinstellungen oder dem verwendeten Gerät.

h3 Noindex

Der Wert "noindex" weist Suchmaschinen an, die verlinkte Seite nicht zu indizieren. Dies ist nützlich für Seiten, die du nicht in den Suchergebnissen erscheinen lassen möchtest, wie z. B. Login-Seiten oder interne Suchergebnisseiten.

h3 Nofollow

Der Wert "nofollow" weist Suchmaschinen an, dem verlinkten Link nicht zu folgen. Dies bedeutet, dass die verlinkte Seite keinen Linkjuice von deiner Seite erhält, was sich auf ihr Suchmaschinenranking auswirken kann.

h3 Sponsored

Der Wert "sponsored" wird verwendet, um Werbelinks zu kennzeichnen. Dies hilft Suchmaschinen, bezahlte Links zu identifizieren und entsprechend zu berücksichtigen.

h3 UGC

Der Wert "ugc" wird verwendet, um von Nutzern generierte Inhalte zu kennzeichnen, wie z. B. Kommentare oder Forenbeiträge. Dies hilft Suchmaschinen, diese Inhalte zu identifizieren und angemessen zu bewerten.

Auswirkungen von 'rel'-Werten auf SEO

Die Verwendung verschiedener 'rel'-Werte hat tiefgreifende Auswirkungen auf die Suchmaschinenoptimierung (SEO) deiner Website. Indem du die richtigen 'rel'-Attribute festlegst, kannst du Folgendes erreichen:

Förderung relevanter Links

Durch Angabe des 'rel'-Attributs auf "nofollow" kannst du Suchmaschinen anweisen, den verlinkten Inhalt nicht in ihre Rankings einzubeziehen. Diese Praxis hilft, Spam und unbekannte Links zu reduzieren, die deine Website beeinträchtigen können.

Verbesserung des Seitenrankings

Die Verwendung des 'rel'-Attributs "sponsored" kennzeichnet bezahlte Links und Anzeigen, wodurch sichergestellt wird, dass Suchmaschinen diese nicht als organische Ergebnisse zählen. Dies verbessert die Integrität deiner Website und vermeidet Strafen wegen unnatürlichen Linkaufbaupraktiken.

Vermeidung von Duplikaten

Das 'rel'-Attribut "canonical" weist auf die Originalversion einer Seite hin, was Duplikaten hilft, die in den Suchergebnissen erscheinen. Dies trägt dazu bei, die Autorität deiner Website zu konsolidieren und irrelevante Rankings zu vermeiden.

Optimierung für lokale Suche

Die Verwendung des 'rel'-Attributs "local" in Verbindung mit lokalen Schema-Markup-Daten hilft Suchmaschinen, deine Website anhand ihres geografischen Standorts zu ranken. Dies verbessert deine Sichtbarkeit für lokale Suchanfragen.

Messung des Linkverkehrs

Das 'rel'-Attribut "ugc" (user-generated content) kennzeichnet von Benutzern erstellte Inhalte, während "sponsored" bezahlte Inhalte kennzeichnet. Diese Informationen sind wertvoll für die Analyse deiner Linkbuilding-Strategie und die Optimierung der Traffic-Qualität.

Darüber hinaus ermöglichen es dir 'rel'-Attribute wie "next" und "prev", Beziehungen zwischen Seiten herzustellen, was die Benutzerfreundlichkeit verbessert und die Indexierung durch Suchmaschinen erleichtert. Die Implementierung geeigneter 'rel'-Attribute ist daher ein wesentlicher Aspekt der Suchmaschinenoptimierung und des effektiven Linkaufbaus.

So optimierst du den Linkaufbau mit 'rel'-Attributen

Bedeutung des Linkaufbaus für SEO

Linkaufbau ist ein wesentlicher Bestandteil von SEO, da er dazu beiträgt, die Autorität und Glaubwürdigkeit deiner Website zu erhöhen. Durch die Verwendung des 'rel'-Attributs kannst du Google und anderen Suchmaschinen wertvolle Informationen über die Art und die Bedeutung der Links auf deiner Website liefern. Dies kann sich positiv auf dein Ranking in den Suchergebnissen auswirken.

Strategische Verwendung von 'rel'-Werten

Wenn du Links auf deiner Website einbaust, ist es wichtig, die entsprechenden 'rel'-Werte zu verwenden, um ihre Bedeutung und ihren Zweck zu kennzeichnen. Zu den gängigen 'rel'-Werten, die für den Linkaufbau verwendet werden, gehören:

  • nofollow: Weist Suchmaschinen an, dem Link nicht zu folgen. Dies kann verwendet werden, um Links zu externen Websites zu kennzeichnen, die du nicht unbedingt befürwortest, oder um interne Links zu steuern, die du nicht indexieren lassen möchtest.
  • sponsored: Kennzeichnet Links, die Teil einer bezahlten Werbekampagne sind. Dies hilft Suchmaschinen, bezahlte Links von natürlichen Links zu unterscheiden.
  • ugc: Weist darauf hin, dass ein Link von einem Benutzer erstellt wurde, z. B. in einem Kommentar oder einem Forum. Dies hilft Suchmaschinen, authentische Links von Spam-Links zu unterscheiden.

Auswirkungen auf SEO

Die Verwendung der richtigen 'rel'-Werte kann erhebliche Auswirkungen auf dein SEO haben:

  • Indem du 'nofollow' für irrelevante Links verwendest, verhinderst du, dass Google diesen Links folgt und deine Website als weniger relevant für bestimmte Suchanfragen einstuft.
  • Die Kennzeichnung bezahlter Links mit 'sponsored' kann verhindern, dass sie als Verstoß gegen die Richtlinien für Google Webmaster gewertet werden.
  • Die Verwendung von 'ugc' für benutzergenerierte Links hilft Google, diese Links zu bewerten, ohne deine Website für Spam- oder minderwertige Inhalte zu bestrafen.

Best Practices für den Linkaufbau mit 'rel'-Attributen

Um den Linkaufbau mit 'rel'-Attributen zu optimieren, befolge diese Best Practices:

  • Verwende 'rel="nofollow"' für Links zu Websites, denen du nicht vertraust oder die für deine Zielgruppe nicht relevant sind.
  • Verwende 'rel="sponsored"' für alle bezahlten Links, auch wenn sie in redaktionellen Inhalten eingebettet sind.
  • Verwende 'rel="ugc"' für Links, die von Benutzern erstellt wurden, wie z. B. in Kommentaren oder Foren.
  • Überprüfe deine Website regelmäßig auf irrelevante oder Spam-Links und entferne oder markiere sie entsprechend.

Best Practices für die Verwendung von 'rel'

Die korrekte Verwendung des 'rel'-Attributs ist entscheidend für eine effektive Suchmaschinenoptimierung (SEO) und Linkaufbau-Strategie. Hier sind einige Best Practices, die du befolgen solltest:

Wähle die richtigen Werte

Wähle die richtigen Werte für das 'rel'-Attribut aus, basierend auf der Beziehung zwischen der verlinkten Seite und deiner eigenen. Überprüfe die Liste der verfügbaren Werte, um die beste Option für jeden Link zu finden.

Verwende rel="canonical" mit Bedacht

Das 'rel="canonical"' Tag teilt Suchmaschinen mit, welche URL die Hauptversion einer Seite ist. Verwende dieses Tag nur, wenn mehrere URLs auf denselben Inhalt verweisen.

Vermeide übermäßige Rel-Werte

Übertreibe es nicht mit der Verwendung von 'rel'-Werten. Konzentriere dich darauf, die relevantesten Werte für deine Links zu verwenden. Eine übermäßige Verwendung kann zu Verwirrung der Suchmaschinen führen.

Nutze NoFollow-Werte, um Linkjuice zu kontrollieren

Verwende NoFollow-Werte ('rel="nofollow"') für Links, die du nicht an Suchmaschinen weitergeben möchtest. Dies kann hilfreich sein, um Linkspam und die Weitergabe von PageRank zu verhindern.

Verwende UTM-Parameter für Tracking

UTM-Parameter können zum Tracking von Kampagnen und Traffic-Quellen verwendet werden. Füge UTM-Parameter zu deinen Links hinzu, um die Leistung deiner Links zu analysieren.

Teste und überprüfe deine Links

Teste deine Links regelmäßig, um sicherzustellen, dass sie korrekt funktionieren und die erwarteten 'rel'-Werte verwenden. Überprüfe auch die Backlinks deiner Website mithilfe von Tools wie Google Search Console, um sicherzustellen, dass keine unerwünschten oder schädlichen Links vorhanden sind.

Troubleshooting häufiger Probleme im Zusammenhang mit 'rel'

Ich sehe keine Auswirkungen des 'rel'-Attributs auf mein SEO

Überprüfe Folgendes:

  • Ist das 'rel'-Attribut korrekt implementiert? Vergewissere dich, dass der Wert des 'rel'-Attributs gültig ist und in den HTML-Code eingefügt wurde.
  • Sind die verlinkten Seiten indexierbar? Wenn die verlinkten Seiten durch ein 'noindex'-Meta-Tag oder die robots.txt-Datei gesperrt sind, werden sie von Google nicht indexiert und das 'rel'-Attribut hat keine Auswirkungen.
  • Hast du genügend Zeit gewartet? Es kann einige Zeit dauern, bis Google den 'rel'-Wert erkennt und seine Auswirkungen auf die SEO übernimmt.

Ich habe das 'rel="nofollow"' verwendet, aber die Links werden immer noch verfolgt

Es gibt einige Gründe, warum dies passieren kann:

  • Verwendungsfehler: Hast du das 'rel="nofollow"' korrekt implementiert? Überprüfe, ob der Wert auf das Link-Element angewendet wurde.
  • Cloaking: Wenn du versuchst, die Links vor Google zu verbergen, indem du das 'rel="nofollow"' serverseitig hinzufügst, kann dies als Cloaking angesehen werden und zu Strafen führen.
  • Google-Tools: Google Search Console und andere Tools von Google können 'nofollow'-Links in bestimmten Situationen überschreiten, z. B. zur Erkennung von Spam.

Mein Link öffnet eine neue Registerkarte, obwohl ich 'rel="noreferrer"' verwendet habe

Dies kann daran liegen, dass der Link ein Attribut wie 'target="_blank"' enthält, das das Öffnen in einer neuen Registerkarte erzwingt. 'Rel="noreferrer"' hindert Google nur daran, den Referrer-Header an die Zielseite zu senden, es überschreibt nicht andere Link-Attribute.

Zusätzliche Ressourcen zum Thema 'rel'

Wenn du tiefer in die Materie eintauchen möchtest, findest du hier einige hilfreiche Ressourcen:

Webressourcen

Tools

Kurse und Schulungen

Diese Ressourcen sollen dir helfen, dein Wissen über das HTML-Attribut 'rel' zu erweitern und seine Effektivität für SEO und Linkaufbau zu maximieren.

Weitere Beiträge

Folge uns

Neue Beiträge

Frontend

HTML Tabellen erstellen: Der umfassende Leitfaden zur Erstellung und Verwendung

AUTOR • Jul 04, 2026
Frontend

Das Element in HTML: Bedeutung, Verwendung und Best Practices für sauberen Code

AUTOR • Jul 04, 2026
API & Webservices

HTTP Statuscodes: ein umfassender Überblick für bessere Websites und weniger Fehler

AUTOR • Jul 04, 2026
Frontend

Form action beim Formularsenden verstehen und optimieren: So holst du mehr aus jedem Formular heraus

AUTOR • Jul 04, 2026
Frontend

Anleitung zum Erstellen einer HTML-Seite von Grund auf: So baue ich eine Website ohne Framework

AUTOR • Jul 04, 2026
API & Webservices

Statuscode 401 verstehen: Bedeutung von „Nicht autorisiert“ einfach erklärt

AUTOR • Jul 04, 2026
Frameworks & Libraries

React Bootstrap Tabs: So erstellen Sie benutzerfreundliche Registerkarten-Schnittstellen

AUTOR • Jul 04, 2026
Frontend

Kreise mit CSS erzeugen: Runde Elemente auf Ihrer Website schnell und sauber umsetzen

AUTOR • Jul 04, 2026
Frontend

So formatieren Sie HTML E-Mails: Der umfassende Leitfaden für saubere, klickstarke Newsletter

AUTOR • Jul 04, 2026
Frontend

HTML Cleaner: Das Werkzeug zur Optimierung und Verbesserung Ihres Website-Codes

AUTOR • Jul 04, 2026
Frontend

CSS Padding vs Margin: Der wesentliche Unterschied und warum er wichtig ist

AUTOR • Jul 04, 2026
Frontend

Vom Figma Prototyp zur Wirklichkeit: So konvertiere ich Figma Designs in HTML und CSS

AUTOR • Jul 04, 2026
Frontend

Div Container: Der ultimative Leitfaden zur Strukturierung von Webinhalten

AUTOR • Jul 04, 2026
Frontend

Gestalte die perfekte HTML Navigationsleiste für deine Website: Struktur, UX und SEO

AUTOR • Jul 04, 2026
API & Webservices

HTTP Statuscode 400: Alles, was Sie über Bad Request wissen müssen

AUTOR • Jul 04, 2026
Frontend

HTML in MP4 konvertieren: Schritt-für-Schritt-Anleitung für schnelle Ergebnisse

AUTOR • Jul 04, 2026
Frontend

HTML Links in einem neuen Tab öffnen: So setzt du target="_blank" richtig ein

AUTOR • Jul 04, 2026
Frontend

Optimale Bildpositionierung mit HTML: So baust du effektive Layouts, die funktionieren

AUTOR • Jul 04, 2026
Frontend

Design in HTML: So konvertieren Sie Ihre Entwürfe in Code ohne Chaos

AUTOR • Jul 04, 2026
Frontend

SVG Bilder aus Dateien in HTML einbetten: So klappt es sauber, skalierbar und SEO-freundlich

AUTOR • Jul 04, 2026

Beliebte Beiträge

DevOps & Deployment

Erfolgreiche Strategien zur Optimierung Ihres Gigacube Netzwerks

AUTOR • Jun 16, 2025
Frontend

Kreative Wünsche zum Neuen Jahr: Inspiration für Deine Neujahrsgrüße

AUTOR • May 12, 2025
Frontend

Die Moral für Fabel: Lehren aus den Geschichten der Tiere

AUTOR • May 05, 2025
Backend

Autokennzeichen RH

AUTOR • Jul 23, 2024
Backend

BLK Kennzeichen: Alles, was Sie darüber wissen müssen

AUTOR • Jul 23, 2024
API & Webservices

Autokennzeichen ME: Alles, was Sie über das Kfz-Kennzeichen für Mainz wissen müssen

AUTOR • Jun 18, 2024
DevOps & Deployment

Finde ausschließen: Verborgene Elemente in Suchanfragen entdecken

AUTOR • May 06, 2024
DevOps & Deployment

Effektive Handhabung von ZIP-Dateien auf Linux-Systemen

AUTOR • May 06, 2024
DevOps & Deployment

Erstellung von Ubuntu-Diensten: Eine umfassende Anleitung

AUTOR • May 06, 2024
DevOps & Deployment

Partitionsverwaltung in Linux: Zeige deine Speicherbelegungen an

AUTOR • May 06, 2024
Backend

Entdecke das Kodachi: Die unsichtbare Klinge der Samurai

AUTOR • May 06, 2024
DevOps & Deployment

Linux-Befehle im Hintergrund ausführen: Eine umfassende Anleitung

AUTOR • May 06, 2024
DevOps & Deployment

Veeam Immutable Repository: Schutz Ihrer Daten vor Ransomware und Datenverlust

AUTOR • May 06, 2024
DevOps & Deployment

Die faszinierende Geschichte von Linux: Von bescheidenen Anfängen zur globalen Revolution

AUTOR • May 06, 2024
DevOps & Deployment

Digitale Nomaden: Ihr ultimativer Leitfaden für ein grenzenloses Leben

AUTOR • May 06, 2024
Backend

So richten Sie einen Webserver Schritt für Schritt ein

AUTOR • May 06, 2024
Frontend

HTML in E-Mails einbetten: Verbessern Sie Ihre E-Mail-Kommunikation

AUTOR • Apr 24, 2024
Frontend

CSS effektiv einbinden: Ein umfassender Leitfaden

AUTOR • Apr 24, 2024
Frontend

Anchor Links: Einfach erklärt und optimiert einsetzen

AUTOR • Apr 24, 2024
Frontend

Einfacher Einstieg: HTML-Webseiten erstellen für Anfänger

AUTOR • Apr 24, 2024