Hiperłącze – co to jest i jak je wykorzystać?

Czym jest hiperłącze

Kłopot polega na tym, że klikalność i link to dwie różne rzeczy, a na ekranie wyglądają identycznie. Robot widzi tylko jedną z nich.

Dla Google linkiem jest tylko jedno: <a href>

Google pisze to wprost: „Generally, Google can only crawl your link if it’s an <a> HTML element (also known as anchor element) with an href attribute. Most links in other formats won’t be parsed and extracted by Google’s crawlers”.1

Dokumentacja podaje konkretne przykłady tego, co nie jest linkiem w rozumieniu robota: <span href="…">, <a onclick="goto('…')"> bez atrybutu href, <a routerLink="…">.1 Klikalny kafelek zbudowany na div z obsługą kliknięcia prowadzi użytkownika dokądś, a dla wyszukiwarki jest zwykłym prostokątem z tekstem.

Jest przy tym uspokojenie dla stron opartych na skryptach: odnośniki wstawiane dynamicznie są skanowalne, o ile finalnie mają postać zwykłego <a href>.1 Problemem nie jest JavaScript, tylko rezygnacja ze standardowego znacznika.

Policzyliśmy to na własnych stronach

Różnicy nie widać gołym okiem, więc sprawdziliśmy ją przeglądarką. 21 sierpnia 2026 przeszliśmy po czternastu podstronach i policzyliśmy trzy rzeczy: prawdziwe odnośniki, znaczniki <a> pozbawione atrybutu href oraz elementy, które zachowują się jak klikalne, a linkami nie są.2

Wyszło 2516 prawdziwych odnośników, zero znaczników <a> bez href i sześć elementów udających klikalne. Te sześć to nagłówki rozwijanych pytań. Tu leży sedno rozróżnienia, którego sam pomiar nie zrobi za nikogo.

Element rozwijający treść na miejscu nie musi być linkiem, bo nigdzie nie prowadzi. Element, po kliknięciu którego zmienia się adres strony, być nim musi. Liczba z narzędzia to dopiero początek. Rozstrzyga pytanie, czy dany kafelek ma dokądś zaprowadzić.

Kiedy klikalny element musi być odnośnikiem

Kryterium jest jedno i łatwe do sprawdzenia: czy po kliknięciu użytkownik trafia pod inny adres. Jeśli tak, element ma być <a href>, nawet gdy wygląda jak przycisk albo kafel produktu. Jeśli nie, czyli rozwija sekcję, przełącza zakładkę lub otwiera okno na tej samej stronie, znacznik <a> nie jest potrzebny.

Test bez narzędzi: kliknij prawym przyciskiem i sprawdź, czy w menu jest „otwórz w nowej karcie”. Jeśli nie ma, robot też tam nie pójdzie.

Ten sam adres, dwa różne znaczenia

Sam znacznik to nie wszystko. Odnośnik niesie też informację o tym, dokąd prowadzi i w jakim towarzystwie stoi: tekst kotwicy, zdanie wokół niego oraz miejsce w dokumencie. Ten sam adres podany w akapicie artykułu i w stopce powtórzonej na każdej podstronie to dwa różne komunikaty.

Praktyczna konsekwencja dotyczy zwłaszcza nawigacji. Odnośnik ze stopki występuje setki razy i nie mówi nic o konkretnej stronie, na której stoi. Odnośnik z akapitu pojawia się raz, w konkretnym kontekście. To on niesie sens.

Czym hiperłącze spina strukturę serwisu

Hiperłącze jest budulcem linkowania wewnętrznego i linków zewnętrznych, a jego znaczenie doprecyzowuje anchor text. Strony, do których nie prowadzi żaden skanowalny odnośnik, stają się stronami sierotami.

Najczęstsze pytania

Czy klikalny kafelek albo przycisk to dla Google link?
Nie, jeśli nie jest elementem <a> z atrybutem href. Google podaje <span href> i <a onclick> bez href jako przykłady tego, czego nie parsuje.

Czy linki wstawiane JavaScriptem są widoczne dla Google?
Tak, o ile finalnie mają postać zwykłego <a href>. Dokumentacja mówi o tym wprost.

Czy każdy klikalny element powinien być linkiem?
Nie. Rozwijane pytanie czy przełącznik zakładek niczego nie otwiera pod nowym adresem, więc nie musi. Kryterium jest zmiana adresu po kliknięciu.

Jak sprawdzić to u siebie bez narzędzi?
Kliknąć element prawym przyciskiem myszy. Brak opcji „otwórz w nowej karcie” oznacza, że dla robota nie ma tam odnośnika.

Źródła

1. Google Search Central, „Link best practices for Google”: „Generally, Google can only crawl your link if it’s an <a> HTML element (also known as anchor element) with an href attribute. Most links in other formats won’t be parsed and extracted by Google’s crawlers”; wśród przykładów niezalecanych: „<a routerLink=”products/category”>”, „<span href=”https://example.com”>”, „<a onclick=”goto(’https://example.com’)”>”; „Links are also crawlable when you use JavaScript to insert them into a page dynamically as long as it uses the HTML markup shown above” (odczyt 2026-08-21). Zobacz dokumentację Google →

2. Pomiar własny essaseo.pl z 2026-08-21 (`skan_klikalnych.py`): przeglądarka bez interfejsu, czternaście podstron, badane wyliczone style i atrybuty. 2516 odnośników <a href>, zero znaczników <a> bez href, sześć elementów z kursorem wskazującym lub obsługą kliknięcia niebędących odnośnikami; wszystkie to nagłówki rozwijanych pytań, czyli przypadek, w którym odnośnik nie jest potrzebny.