jquery.app
Deutsch
EnglishDeutschFrancaisEspanol日本語Nederlands

HTML-Tools

Kostenlose Externer-Link-Attribut-Generator

Generiere externes Link-Markup mit korrekten rel-Attributen für Sicherheit und SEO.

Tool wird geladen...

Was ist Externer-Link-Attribut-Generator?

Externe Links sollten target='_blank' mit rel='noopener noreferrer' aus Sicherheitsgründen verwenden. Für SEO verwenden Blogger rel='nofollow' für nicht vertrauenswürdige Links, rel='sponsored' für bezahlte oder Affiliate-Links und rel='ugc' für benutzergenerierte Inhalte. Die richtigen rel-Werte helfen sowohl der Sicherheit als auch Suchmaschinen, die Link-Intention zu verstehen.

Kurze Antwort

Externe Links sollten rel='noopener noreferrer' aus Sicherheitsgründen verwenden. Für SEO verwenden Sie rel='nofollow' für nicht vertrauenswürdige Links, rel='sponsored' für bezahlte Links und rel='ugc' für benutzergenerierte Inhalte.

Last updated: 2026-06-11

Einschränkungen

  • rel-Attribute sind Hinweise an Suchmaschinen, keine Anweisungen. Suchmaschinen können verlinkte Seiten dennoch crawlen.
  • Einige Plattformen wie soziale Medien und CMS-Editoren entfernen oder ignorieren benutzerdefinierte rel-Attribute.
  • Social-Media-Plattform-Links benötigen möglicherweise zusätzliche Attribute wie aria-label für Barrierefreiheit.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

So nutzt du dieses Tool

  1. Wählen Sie den Link-Typ, der Ihrem Anwendungsfall entspricht.
  2. Geben Sie die Ziel-URL und den Link-Text ein.
  3. Das Tool generiert das Anker-Tag mit den korrekten Attributen.
  4. Kopieren Sie das Anker-Tag in Ihr HTML.

Wofür du es nutzen kannst

  • Erstellen Sie sichere externe Links mit noopener und noreferrer.
  • Markieren Sie Affiliate-Links mit sponsored und nofollow.
  • Taggen Sie benutzergenerierte Links mit ugc.

Anwendungsfalle

Praxisbeispiele

Beispiel

Sicherer externer Referenzlink

Ein Blogbeitrag verlinkt auf eine externe Referenz mit target='_blank' und rel='noopener noreferrer'.

Beispiel

Offenlegung von Affiliate-Links

Eine Affiliate-Offenlegungsseite verwendet rel='sponsored nofollow' für alle Affiliate-Links.

Haufige Fehler

  • target='_blank' ohne noopener zu verwenden, was ein Sicherheitsrisiko darstellt.
  • nofollow auf interne Links anzuwenden und die interne Link-Equity zu beeinträchtigen.
  • sowohl nofollow als auch sponsored zu verwenden, wenn sponsored allein ausreicht.

Überprüfung

  1. Prüfen Sie das generierte Anker-Tag im HTML-Quelltext auf korrekte target-, rel- und aria-label-Attribute.
  2. Klicken Sie den Link auf der veröffentlichten Seite und prüfen Sie, ob er in einem neuen Tab ohne Sicherheitswarnungen öffnet.

FAQ

Fragen zu Externer-Link-Attribut-Generator

Sollte jeder externe Link noopener verwenden?

Jeder target='_blank'-Link sollte rel='noopener' enthalten. Es verhindert den Zugriff auf window.opener durch die geöffnete Seite.

Beeinträchtigt rel='nofollow' SEO?

Es teilt Suchmaschinen mit, keinen Ranking-Credit an die verlinkte Seite weiterzugeben. Verwenden Sie es für nicht vertrauenswürdige oder bezahlte Links.

Was ist der Unterschied zwischen nofollow und sponsored?

nofollow teilt Suchmaschinen mit, aus keinem Grund Ranking-Credit weiterzugeben. sponsored ist speziell für bezahlte oder Affiliate-Links.

Beeinträchtigt noopener den Zurück-Button?

Nein. noopener trennt nur die window.opener-Beziehung. Es hat keine Auswirkungen auf den Verlauf, den Zurück-Button, Session Storage oder Cookies.

Verwandte Tools

Weitere html-tools

Auch ausprobieren

Auch ausprobieren