HTML Werkzeuge

HTML-Link-Extraktor

Liest href, sichtbaren Text, rel und target aus HTML-Markup aus.

Gut geeignet fuer: Link-Check in Vorlagen, Weiterleitungen und Tracking prüfen

Schnelle Antwort

Füge HTML ein, um sofort eine Linkliste mit href, Text, rel und target zu erhalten.

Hub

HTML-Tools-Hub

Entdecke Formatter, Extraktoren und Helfer fuer saubere HTML-Workflows.

Ueberblick

Dieses Tool analysiert eingefügtes HTML und gibt jeden Link mit den Feldern zurück, die wirklich relevant sind: href, sichtbarer Text, rel-Tokens und target. Es eignet sich für Template-Checks, den Vergleich von Link-Sets zwischen Seiten und dafür, aus Markup eine saubere Linkliste zu machen. Es verarbeitet vollständigen Seitenquelltext, kurze Ausschnitte und kopierte Fragmente aus CMS- oder E-Mail-Vorlagen. Das Ergebnis hilft dabei, leere Links, unerwartete Zieladressen, fehlende Attribute und Linktexte zu erkennen, die nicht zum Ziel passen.

Anwendungsfaelle

  • Link-Check in VorlagenNavigation, Footer oder Inhaltsbausteine vor der Veröffentlichung prüfen, um falsche Ziele und Platzhalter zu erkennen.
  • Weiterleitungen und Tracking prüfenSchnell sehen, wohin Links mit Tracking-Parametern oder Weiterleitungsketten tatsächlich führen.
  • rel-Attribute kontrollierenPrüfen, ob ein Link nofollow, sponsored oder ugc trägt, bevor redaktionelle oder Partner-Inhalte live gehen.
  • Linkinventar für MigrationenAlle Links aus altem HTML auflisten und Ziele für einen Website-Umzug vorbereiten.
  • Linktexte gegen Ziele abgleichenSichtbaren Text mit dem Ziel vergleichen und Abweichungen, leere Labels oder Dopplungen finden.

So funktioniert es

  1. 1

    HTML-Snippet, Seitenquelltext oder kopierten Block ins Eingabefeld einfügen.

  2. 2

    Das Tool analysiert Anchor-Tags und speichert href, Text, rel, target und ähnliche Linkdaten.

  3. 3

    Ergebnis prüfen und die Liste bei Bedarf für Berichte oder Arbeitsabläufe kopieren.

Beispiele

Ein gesponserter Link

Eingabe: <a href="https://shop.example.com/produkt/42" rel="sponsored" target="_blank">Modell kaufen</a>

Ausgabe: 1 Link href: https://shop.example.com/produkt/42 text: Modell kaufen rel: sponsored target: _blank

Zeigt einen externen Link mit erhaltenen rel- und target-Werten.

Mehrere interne Links

Eingabe: <div><a href="/anleitung/montage">Montageanleitung</a><a href="/hilfe">Hilfe</a></div>

Ausgabe: 2 Links 1. /anleitung/montage — Montageanleitung 2. /hilfe — Hilfe

Praktisch, wenn ein Ausschnitt mehrere interne Links für eine Übersicht enthält.

Leerer Link und fehlendes href

Eingabe: <p><a href="">Weiterlesen</a> <a>Ohne Ziel</a></p>

Ausgabe: 2 Links 1. href: [leer] text: Weiterlesen 2. href: [fehlt] text: Ohne Ziel

Hilft, Anker ohne nutzbares Ziel schnell zu erkennen.

FAQ

Liest das Tool nur a-Tags?

Ja, es konzentriert sich auf Standardlinks in <a>-Elementen und zeigt deren href sowie zugehörige Attribute an. Andere Navigationsmuster werden nicht als normale HTML-Links behandelt.

Wie werden mehrere rel-Werte dargestellt?

Wenn rel mehrere Tokens enthält, bleibt die komplette Liste erhalten, damit keine wichtigen Hinweise zum Link verloren gehen.

Was passiert mit relativen URLs?

Relative hrefs bleiben genau so erhalten, wie sie im Code stehen, etwa /ueber-uns oder ../kontakt. Das Tool wandelt sie nicht in absolute URLs um.

Erkennt es Links ohne href?

Ja, solche Elemente werden als ohne Ziel oder mit leerem Ziel markiert. So lassen sich dekorative oder unvollständige Links aufspüren.

Kann fehlerhaftes HTML das Ergebnis zerstören?

Der Parser überspringt ungültige Linkelemente und versucht, den restlichen Code zu erfassen. Bei beschädigten Tags können die Linkdaten unvollständig bleiben.