Czym są linki HTML?

Linki HTML, tworzone za pomocą tagu <a> (anchor), stanowią fundament nawigacji internetowej. Łączą strony, dokumenty i zasoby w całym internecie. Każdy link może zawierać wiele atrybutów: href (docelowy URL), title (tekst wyświetlany po najechaniu), rel (relacja do celu) i target (gdzie otworzyć link). Zrozumienie struktury linków na stronie internetowej jest niezbędne do analizy SEO, audytów witryn i tworzenia stron internetowych.

Linki są kategoryzowane według typu ich celu. Linki zewnętrzne wskazują na inne witryny przy użyciu pełnych adresów URL. Linki wewnętrzne nawigują w obrębie tej samej witryny przy użyciu ścieżek względnych. Linki zakotwiczające przechodzą do określonych sekcji na tej samej stronie. Specjalne protokoły takie jak mailto: i tel: uruchamiają klientów poczty elektronicznej i wybierające numery telefonu.

Opis narzędzia

To narzędzie analizuje kod HTML i wyodrębnia wszystkie hiperlinki wraz z ich pełnymi atrybutami. Automatycznie klasyfikuje każdy link według typu (zewnętrzny, wewnętrzny, zakotwiczony, mailto, tel lub javascript) i wyświetla je w sortowanej tabeli. Statystyki pokazują podział typów linków na pierwszy rzut oka, ułatwiając analizę profilu linków dowolnej strony internetowej.

Przykłady

Wejściowy 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>

Wyodrębnione linki:

URL Tekst Typ Tytuł
https://example.com External Site external
/about About internal About Us
#contact Contact Section anchor
mailto:info@example.com Email Us mailto

Funkcje

  • Wyodrębnia wszystkie atrybuty linku: URL, tekst, tytuł, rel i target
  • Automatyczna klasyfikacja linków na sześć typów
  • Statystyki w czasie rzeczywistym pokazujące rozkład typów linków
  • Sortowana tabela wyników dla łatwej analizy
  • Obsługa podstawowego adresu URL, aby linki wewnętrzne były klikalne
  • Opcje filtrowania, aby ukryć puste linki lub wyświetlać tylko linki zewnętrzne

Przypadki użycia

  • Audyty SEO: Analizuj profil linków strony, aby zidentyfikować uszkodzone linki, brakujące atrybuty rel lub nadmierne linki zewnętrzne, które mogą wpłynąć na ranking w wyszukiwarkach.
  • Migracja witryny: Wyodrębnij wszystkie linki wewnętrzne z HTML, aby upewnić się, że żadne strony nie zostaną pominięte podczas przenoszenia do nowej domeny lub restrukturyzacji nawigacji witryny.
  • Analiza konkurencji: Przeanalizuj strony konkurentów, aby zrozumieć ich strategię linkowania, w tym które zasoby zewnętrzne odwołują się i jak strukturyzują nawigację wewnętrzną.

Wyjaśnienie opcji

Opcja Opis
Podstawowy URL Wprowadź podstawowy URL witryny, aby linki wewnętrzne były klikalne w tabeli wyników
Pokaż puste linki Dołącz linki, które nie mają atrybutu href lub mają puste wartości href
Pokaż tylko zewnętrzne Filtruj wyniki, aby wyświetlać tylko linki wskazujące na domeny zewnętrzne

Typy linków

Typ Opis Przykład
External Pełne adresy URL wskazujące na inne witryny https://example.com
Internal Ścieżki względne w obrębie tej samej witryny /about, contact.html
Anchor Linki fragmentów do sekcji strony #section-name
Mailto Linki adresów e-mail mailto:user@example.com
Tel Linki numerów telefonów tel:+1234567890
JavaScript Linki uruchamiane przez skrypty javascript:void(0)

Wskazówki

  • Wklej pełne źródło HTML strony, aby uzyskać dokładne wyniki—częściowy HTML może pominąć linki w pominętych sekcjach
  • Użyj pola podstawowego adresu URL podczas analizy linków wewnętrznych, aby szybko sprawdzić, czy się rozwiązują
  • Sortuj według kolumny „typ", aby pogrupować podobne linki razem dla szybszego przeglądu
  • Włącz opcję „Pokaż tylko zewnętrzne" podczas sprawdzania niechcianych linków wychodzących lub weryfikacji umieszczenia linków afiliacyjnych