Kostenloser HTML-Anker-Tag-Generator
Generieren Sie saubere HTML-Ankertags mit benutzerdefinierten rel-, target-, class- und ID-Attributen. Sofortige Code-Vorschau.
Enter a URL and Link Text to generate custom HTML anchor tags.
Was ist ein HTML-Ankertag?
Der HTML-Ankertag <a href="..."> ist der Baustein des Webs - er erstellt Hyperlinks zwischen Seiten, Dokumenten und Ressourcen. Während das Schreiben einfacher Links nur einen Moment dauert, erfordert die korrekte Zuordnung von Links zu den richtigen SEO-Signalen, Sicherheitsattributen und Metadaten zur Barrierefreiheit das Verständnis mehrerer HTML-Spezifikationen, die sich im Laufe der Jahre weiterentwickelt haben.
Linkattribute, die für SEO wichtig sind
- rel="nofollow": Weist Google an, diesem Link nicht zu folgen oder PageRank (Link-Equity) darüber weiterzugeben. Verwenden Sie diese Option für nicht vertrauenswürdige Inhalte, Kommentarbereiche oder Links, für die Sie keine Garantie übernehmen können. Erforderlich für kostenpflichtige Links und Anzeigen gemäß den Webmaster-Richtlinien von Google.
- rel="sponsored": Das moderne, spezifischere Signal für Affiliate-Links, bezahlte Platzierungen und Werbung. Google hat dies 2019 als klarere Alternative zu Nofollow für kommerzielle Links eingeführt. Verwenden Sie dies für alle Affiliate-Links anstelle oder neben nofollow.
- rel="ugc": Markiert Links, die in benutzergenerierten Inhalten (Kommentare, Forenbeiträge, Rezensionen) erscheinen. Signalisiert Google, dass Sie diesen Link nicht manuell kuratiert haben.
Link Attributes That Matter for Security
- rel="noopener noreferrer" with target="_blank": Any link that opens in a new tab (
target="_blank") creates a security vulnerability - the new page can access the opening page'swindowobject via JavaScript and redirect it. Das Attributrel="noopener noreferrer"schließt diese Schwachstelle. Unser Tool fügt dies automatisch hinzu, wenn Sie die Option „In neuem Tab öffnen“ aktivieren.
Best Practices für Ankertexte
Der sichtbare anklickbare Text eines Links (Ankertext) ist eines der stärksten Signale von Google, um zu verstehen, worum es auf der verlinkten Seite geht. Beschreibender Ankertext wie „Beste CRM-Software für kleine Unternehmen“ ist deutlich wertvoller als allgemeiner Text wie „Hier klicken“ oder „Weitere Informationen“. Verwenden Sie für interne Links schlüsselwortreichen Ankertext, variieren Sie jedoch die Formulierung, um eine Überoptimierung zu vermeiden.
Häufig gestellte Fragen
Wann sollte ich nofollow vs. sponsored verwenden?
Verwenden Sie rel="nofollow" für allgemeine nicht vertrauenswürdige Inhalte (z. B. Benutzerkommentare, Forenbeiträge). Verwenden Sie rel="sponsored" speziell für kostenpflichtige kommerzielle Links, Affiliate-Links und Werbung. Google behandelt beides als Hinweise und nicht als Anweisungen - es kann sich dafür entscheiden, Nofollow-Links zu folgen oder auch nicht - aber die Verwendung des richtigen Attributs sendet klarere Signale.
Ist es sicher, Links in einem neuen Tab ohne Noopener zu öffnen?
Ältere Browserversionen, die nicht unterstützt werden Das implizite Noopener-Verhalten kann anfällig für Tabnapping-Angriffe über window.opener sein. Fügen Sie immer rel="noopener noreferrer" in jeden Link mit target="_blank" ein. Unser Tool fügt dies automatisch für Sie hinzu - es ist nicht optional.
Wofür wird das Titelattribut verwendet?
Das Titelattribut zeigt einen kleinen Tooltip an, wenn ein Benutzer mit der Maus über den Link fährt. Es fügt außerdem Kontext für Bildschirmleseprogramme hinzu und verbessert so die Zugänglichkeit. Es sollte jedoch nicht den beschreibenden Ankertext ersetzen - Benutzer von Bildschirmleseprogrammen hören je nach ihren Einstellungen möglicherweise nicht immer das Titelattribut.
Entwickler-Tools kostenlos geliefert
Deep-Link-Anleitungen, Open-Graph-Tipps und neue Dev-Tools - direkt in Ihren Posteingang.
Related Tools
Explore other free tools to build, test, and optimize your links and QR codes.
Barcode (1D)
Generieren Sie 1D-Barcodes (Code128, EAN-13, UPC usw.), zeigen Sie sie in der Vorschau an und laden Sie sie sofort in Ihrem Browser herunter.
GA4 Cross-Domain-Tracker
Generieren Sie domänenübergreifende Google Analytics 4 (GA4)-Tracking-Code-Snippets, um Benutzersitzungen über mehrere Websites hinweg aufrechtzuerhalten.
Smart App Deep Link
Generieren Sie intelligente Routing-Skripte, die das Betriebssystem des Benutzers erkennen und zu nativen mobilen Apps weiterleiten, wobei auf Web-URLs zurückgegriffen wird.
Öffnen Sie das Graph-Meta-Tag
Generieren Sie die perfekten Open Graph- und Twitter Card-HTML-Meta-Tags für die Optimierung der Linkfreigabe in sozialen Medien.
Amazon Affiliate Link Builder
Bereinigen Sie unübersichtliche Amazon-URLs und generieren Sie mithilfe Ihres Affiliate-Tags perfekte Partner-Links.
Link-Ablauf- und Countdown-Snippet
Generieren Sie ein Javascript-Snippet, um einen Link automatisch ablaufen zu lassen und den Datenverkehr nach einem bestimmten Datum und einer bestimmten Uhrzeit umzuleiten.