Was ist rel?

Das rel-Attribut in HTML spezifiziert die Beziehung zwischen der aktuellen Seite und der verlinkten Ressource. Es ist ein wichtiges Attribut für Suchmaschinenoptimierung (SEO) und Zugänglichkeit.

Wichtige Werte für rel:

  • noopener: Verhindert, dass die neu geöffnete Seite Zugriff auf die window.opener Eigenschaft der ursprünglichen Seite hat. Dies ist eine wichtige Sicherheitsmaßnahme, um Phishing-Angriffe zu vermeiden. Mehr Informationen finden Sie hier: noopener.

  • noreferrer: Verhindert, dass die Referrer-Informationen an die neu geöffnete Seite gesendet werden. Dies erhöht die Privatsphäre des Nutzers. Mehr Informationen finden Sie hier: noreferrer. Oftmals wird noreferrer zusammen mit noopener verwendet, um maximale Sicherheit zu gewährleisten.

  • nofollow: Weist Suchmaschinen an, den Link nicht zu verfolgen oder als Empfehlung zu werten. Wird häufig für gesponserte Links oder Links zu Inhalten verwendet, die man nicht uneingeschränkt unterstützt. Mehr Informationen finden Sie hier: nofollow.

  • alternate: Kennzeichnet einen alternativen Link zur aktuellen Seite, z.B. eine andere Sprache oder ein anderes Format. Nützlich für mehrsprachige Webseiten.

  • canonical: Gibt die bevorzugte URL für eine Seite an, wenn es mehrere URLs mit gleichem oder ähnlichem Inhalt gibt. Hilft Suchmaschinen, Duplicate Content zu vermeiden. Mehr Informationen finden Sie hier: canonical.

  • stylesheet: Definiert die verknüpfte Ressource als Stylesheet. Wird hauptsächlich in <link>-Tags verwendet, um CSS-Dateien einzubinden.

  • author: Kennzeichnet den Autor der aktuellen Seite.

  • license: Gibt die Lizenz für die aktuelle Seite oder Ressource an.

  • tag: Kennzeichnet ein Schlagwort (Tag) für die aktuelle Seite.

Die korrekte Verwendung des rel-Attributs ist wichtig für:

  • SEO: Hilft Suchmaschinen, die Beziehung zwischen Webseiten zu verstehen und die Relevanz der verlinkten Inhalte einzuschätzen.
  • Sicherheit: Schützt Nutzer vor potenziellen Sicherheitsrisiken, insbesondere bei externen Links.
  • Zugänglichkeit: Verbessert die Zugänglichkeit für Menschen mit Behinderungen, da Browser die Beziehung zwischen den Seiten besser interpretieren können.