Linki HTML użyte poprawnie: użyteczność, protokoły i SEO

Linki HTML łączą treści, uruchamiają działania na urządzeniach i wysyłają czytelne sygnały do wyszukiwarek. Cztery bloki obejmują najczęstsze typy linków w projektach webowych.

Wyraźne linkowanie celów wewnętrznych

html

Tutaj najważniejszy jest tekst linku. Cel albo działanie powinny być jasne od razu.

Bezpośrednie otwieranie telefonu, poczty i map

html

tel:, mailto: i geo: pasują do bezpośrednich działań. aria-label dodaje czytelny kontekst do krótkich etykiet.

Świadome otwieranie odnośników zewnętrznych

html

Nowa karta pasuje głównie do referencji, narzędzi albo oddzielnych kontekstów pracy. noopener noreferrer dodatkowo zabezpiecza nawigację.

Skakanie po długich stronach za pomocą kotwic

html

Linki kotwiczące prowadzą od razu do sekcji i nadają długim stronom wyraźny kierunek.

Najważniejsze punkty

  • Tekst linku jasno nazywa cel albo działanie
  • Protokół pasuje do oczekiwanego działania
  • Nowe karty są używane świadomie
  • Numery telefonów mają poprawny format
  • Linki pozostają zrozumiałe dla czytników ekranu

Zobacz także