Vad är HTML-länkar?

HTML-länkar, skapade med taggen <a> (anchor), är grunden för webnavigering. De förbinder sidor, dokument och resurser över internet. Varje länk kan innehålla flera attribut: href (målwebbadressen), title (hovring-text), rel (relation till målet) och target (var länken ska öppnas). Att förstå länkstrukturen på en webbsida är väsentligt för SEO-analys, webbplatsrevisioner och webbutveckling.

Länkar kategoriseras efter sin måltyp. Externa länkar pekar på andra webbplatser med fullständiga webbadresser. Interna länkar navigerar inom samma webbplats med relativa sökvägar. Ankarlänkar hoppar till specifika avsnitt på samma sida. Särskilda protokoll som mailto: och tel: utlöser e-postklienter respektive telefonuppringare.

Verktygsbeskrivning

Det här verktyget analyserar HTML-kod och extraherar alla hyperlänkar med deras fullständiga attribut. Det klassificerar automatiskt varje länk efter typ (extern, intern, ankare, mailto, tel eller javascript) och visar dem i en sorterbar tabell. Statistiken visar fördelningen av länktyper på ett ögonblick, vilket gör det enkelt att analysera länkprofilen för en webbsida.

Exempel

Inmatnings-HTML:

<nav>
  <a href="https://example.com">External Site</a>
  <a href="/about" title="About Us">About</a>
  <a href="#contact">Contact Section</a>
  <a href="mailto:info@example.com">Email Us</a>
</nav>

Extraherade länkar:

Webbadress Text Typ Titel
https://example.com External Site extern
/about About intern About Us
#contact Contact Section ankare
mailto:info@example.com Email Us mailto

Funktioner

  • Extraherar alla länkattribut: webbadress, text, titel, rel och target
  • Automatisk länkklassificering i sex typer
  • Realtidsstatistik som visar länktypfördelning
  • Sorterbar resultatatabell för enkel analys
  • Stöd för bas-webbadress för att göra interna länkar klickbara
  • Filteralternativ för att dölja tomma länkar eller visa endast externa länkar

Användningsfall

  • SEO-revisioner: Analysera en sidas länkprofil för att identifiera bruten länkar, saknade rel-attribut eller överdriven extern länkning som kan påverka sökrankningen.
  • Webbplatsmigrering: Extrahera alla interna länkar från HTML för att säkerställa att inga sidor missas när du flyttar till en ny domän eller omstrukturerar webbplatsnavigering.
  • Konkurrensanalys: Granska konkurrenternas sidor för att förstå deras länkstrategi, inklusive vilka externa resurser de refererar till och hur de strukturerar intern navigering.

Alternativ förklarade

Alternativ Beskrivning
Bas-webbadress Ange webbplatsens bas-webbadress för att göra interna länkar klickbara i resultatatabellen
Visa tomma länkar Inkludera länkar som saknar href-attribut eller har tomma href-värden
Visa endast externa Filtrera resultaten för att visa endast länkar som pekar på externa domäner

Länktyper

Typ Beskrivning Exempel
Extern Fullständiga webbadresser som pekar på andra webbplatser https://example.com
Intern Relativa sökvägar inom samma webbplats /about, contact.html
Ankare Fragmentlänkar till sidsektioner #section-name
Mailto E-postadresslänkar mailto:user@example.com
Tel Telefonnummerlänkar tel:+1234567890
JavaScript Skriptutlösta länkar javascript:void(0)

Tips

  • Klistra in den fullständiga HTML-källan för en sida för korrekta resultat—partiell HTML kan missa länkar i utelämnade avsnitt
  • Använd bas-webbadressfältet när du analyserar interna länkar för att snabbt verifiera att de löses korrekt
  • Sortera efter kolumnen "typ" för att gruppera liknande länkar tillsammans för snabbare granskning
  • Aktivera "Visa endast externa" när du kontrollerar oönskade utgående länkar eller verifierar placering av affiliatelänkar