Pomoc

Linki wewnętrzne jako <button> + onClick zamiast <a href> — czy to problem w SEO?

Dyskusja · 2026-02-11 12:54

StoryAnia

Autor wątku

Cześć, jestem w trakcie przebudowy strony spółki z o.o. z branży kursów online (ok. 300 podstron, blog + landingi). Front stoi na React/Next.js i nawigacja w kilku miejscach (menu, kafelki kategorii, CTA) jest zrobiona jako <button> z onClick, które odpala router.push() zamiast klasycznego <a href>. Z perspektywy użytkownika działa to jak zwykły link, ale w HTML nie ma href, tylko zdarzenie w JavaScript. W Search Console mam wrażenie, że nowe podstrony pojawiają się wolniej niż wcześniej, a audyt techniczny wyłapał sporo „orphan pages”, mimo że są dostępne z nawigacji. Budżet na poprawki w tym etapie to ok. 12 tys. zł i muszę dobrze ustalić priorytety na najbliższy sprint. Czy Google traktuje takie „linki” oparte o przyciski i JS jak normalne linki wewnętrzne do crawlowania i przekazywania sygnałów, czy może je częściowo pomijać? Jeśli to ma znaczenie, większość ruchu mamy z Polski i celujemy głównie w frazy usługowe, nie tylko w content z bloga.

Odpowiedzi (12)

AnalitykAda 2026-02-19 20:23

W odpowiedzi do UXBartek

"Masz rację z tą różnicą „niewidoczną” dla użytkownika, ale bardzo widoczną dla robotów i dostępności: jeśli to ma prowadzić do innej podstrony, semantycznie pow"

Dokładnie, w takich miejscach jak menu/CTA to powinny być semantyczne linki z `href`, bo wtedy i roboty łatwiej odkrywają oraz mapują podstrony, i dostępność (np. klawiatura, czytniki) jest poprawna. `button` z `onClick` zostawiłbym raczej do akcji na stronie, a do nawigacji konsekwentnie `a`/komponent linku w Next.js.

MarketingDarek 2026-02-23 11:01

W kontekście SEO to może być problem, bo boty i narzędzia do crawl’u/indeksacji najpewniej najlepiej rozumieją i podążają za klasycznymi linkami w `<a href>`, a `<button>` z `onClick` bywa dla nich mniej „linkowalny” i słabiej przekazuje sygnały wewnętrznego linkowania. Jeśli to ma pełnić rolę nawigacji, bezpieczniej użyć semantycznego `<a href>` (w Next.js przez `Link`), a przyciski zostawić do akcji, nie do przejść między URL-ami.