HTML-Link-Generator

HTML-Link-Generator: a-Tags mit rel und target | We.Inc

Kostenloser HTML-Link-Generator. Gib URL und Linktext ein, wähle neuer Tab, nofollow, sponsored oder ugc und kopiere ein sauberes a-Tag mit den richtigen rel-Attributen.

HTML-Link-Generator

Gib die Adresse und die Wörter ein, auf die Leute klicken sollen, wähle, ob der Link in einem neuen Tab öffnet und wie Suchmaschinen ihn behandeln sollen, und dieses Tool schreibt das a-Tag mit den richtigen rel-Werten. Sonderzeichen werden maskiert, damit Text mit Anführungszeichen oder kaufmännischem Und deine Seite nicht zerstört.

Füge die vollständige Zieladresse des Links ein, inklusive https://.
Gib den Linktext ein. Beschreibe, wohin der Link führt, statt hier klicken zu schreiben.
Wähle, ob er in einem neuen Tab öffnet, und markiere ihn bei Bedarf als gesponsert, nutzergeneriert oder nofollow.
Füge optional einen Titel oder eine Klasse hinzu und kopiere das Tag in deine Seite, deinen Blogbeitrag oder deine E-Mail.

Markiere bezahlte Links und Affiliate-Links als sponsored. Suchmaschinen verlangen das, und wenn es fehlt, kann es einer Website schaden.
Nutze ugc für Links, die Besucher in Kommentaren oder Forenbeiträgen hinzufügen, damit du nicht für sie bürgst.
Normale redaktionelle Links zu Quellen, denen du vertraust, brauchen gar keinen rel-Wert. Überall nofollow zu setzen ist nicht nötig.
Jeden Link in einem neuen Tab zu öffnen, kann Besucher nerven. Behalte das Links vor, die eine Aufgabe unterbrechen würden, etwa einer Hilfeseite in einem Formular.
Schreib Linktexte, die für sich allein verständlich sind. Screenreader-Nutzer springen oft von Link zu Link und hören nur den Text.

Häufige Fragen

Wie lautet der HTML-Code für einen Link?

Ein Link ist ein a-Tag: <a href="https://example.com">Example</a>. Das href enthält die Adresse, und der Text zwischen den Tags ist das, worauf Leute klicken.

Wie öffne ich einen Link in einem neuen Tab?

Füge target="_blank" hinzu. Das Tool ergänzt außerdem rel="noopener", das verhindert, dass die neue Seite die Kontrolle über die öffnende Seite bekommt. Aktuelle Browser tun das standardmäßig, aber es kostet nichts und schützt ältere.

Was ist der Unterschied zwischen nofollow, sponsored und ugc?

sponsored kennzeichnet bezahlte oder Affiliate-Links, ugc kennzeichnet von Nutzern hinzugefügte Links, und nofollow ist der allgemeine Hinweis für Links, für die du nicht bürgen willst. Du kannst sie kombinieren, etwa rel="sponsored nofollow".

Hält nofollow Suchmaschinen davon ab, die Seite zu besuchen?

Nicht unbedingt. Suchmaschinen behandeln diese Werte als Hinweise zum Link, nicht als Sperre. Um eine Seite aus den Ergebnissen herauszuhalten, nutze ein noindex-Tag auf dieser Seite.

Warum macht das Tool aus & ein &?

In HTML leitet & eine Zeichenreferenz ein, daher kann ein einzelnes & in einer Adresse oder einem Text falsch gelesen werden. & ist die sichere Schreibweise, und Browser verwandeln es beim Öffnen des Links wieder in &.

Was das rel-Attribut Suchmaschinen sagt

Ein einfacher Link ist ein Vertrauensvotum: Du sagst Lesern und Suchmaschinen, dass die Seite einen Besuch wert ist. Das rel-Attribut schränkt dieses Votum ein. sponsored sagt, dass der Link wegen einer Bezahlung existiert, ugc, dass ein Besucher ihn hinzugefügt hat, und nofollow, dass du lieber kein Vertrauen weitergibst.
Diese Werte richtig zu setzen, schützt deine Website. Links zu verkaufen, ohne sie zu kennzeichnen, verstößt gegen die Richtlinien der Suchmaschinen, und ungekennzeichnete Links in Kommentarbereichen ziehen Spam an. Kennzeichne, was gekennzeichnet werden muss, und lass normale redaktionelle Links sauber.

Links, die für alle funktionieren

Guter Linktext ist kurz und konkret: Preisliste herunterladen ist besser als hier klicken, weil es vor dem Klick sagt, was passiert. Außerdem gibt es Suchmaschinen eine klare Vorstellung von der verlinkten Seite.
Verwende vollständige Adressen mit https://, wenn du Links in E-Mails oder auf anderen Websites einfügst, denn eine relative Adresse funktioniert nur auf deinen eigenen Seiten. Führt der Link zu einer Datei, nenne Format und Größe im Text, etwa Preisliste (PDF, 200 KB), damit niemand von einem Download überrascht wird.

HTML-Link-Generator