Know-how / Tematy: 22
Checklista SEO dla Next.js: kompletny przewodnik po App Routerze (2026)
Next.js daje wszystkie narzędzia do wysokich pozycji w wyszukiwarce — ale żadne z nich nie działa „przypadkiem". Ta checklista przechodzi przez każdą warstwę SEO w App Routerze: od strategii renderowania po dane strukturalne, aż po nową granicę — bycie cytowanym przez silniki odpowiedzi AI.
Dlaczego SEO w Next.js to checklista, a nie wtyczka
W WordPressie instalujesz wtyczkę SEO i wypełniasz pola. W Next.js SEO to zestaw decyzji inżynierskich: jak renderuje się strona, jaki HTML dostaje crawler, jak szybko się ładuje i jak jasno tłumaczy się maszynom. Pomyl jedną warstwę — na przykład wyrenderuj opisy produktów po stronie klienta — i żadne meta tagi już nie pomogą.
Ten przewodnik omawia każdą warstwę po kolei. Każda sekcja kończy się konkretnymi punktami do odhaczenia.
Indeks / 01—22
Tematy przewodnika
- 01→
Strategia renderowania: co tak naprawdę widzi crawler?
Jak SSG, ISR, SSR i CSR wpływają na indeksowanie w Next.js, dlaczego treść renderowana na kliencie jest niewidzialna dla crawlerów i jak sprawdzić, co widzą boty.
- 02→
Metadata API: tytuły, opisy i wzorzec szablonu
Poprawne użycie Metadata API w Next.js: metadataBase, szablony tytułów, generateMetadata dla treści z CMS i deduplikacja zapytań przez React cache().
- 03→
Canonical i hreflang: jedna strona, jeden adres
Canonical i hreflang w Next.js: walka z duplikatami, wzajemne linki językowe, zlokalizowane slugi i poprawny x-default.
- 04→
Open Graph i dynamiczne obrazki OG
Open Graph i dynamiczne obrazki OG w Next.js przez ImageResponse: automatyczne podglądy 1200×630 dla każdej strony.
- 05→
sitemap.ts i robots.ts: konwencje plikowe zamiast ręcznego XML
sitemap.ts i robots.ts w App Routerze: uczciwy lastModified, dzielenie dużych sitemap i dlaczego robots.txt nie usuwa stron z indeksu.
- 06→
Dane strukturalne: JSON-LD, który zarabia na rich results
Dane strukturalne JSON-LD w Next.js: serwerowa schema dla artykułów, breadcrumbów, FAQ i produktów — typowana przez schema-dts.
- 07→
Obrazki, fonty i skrypty: klasyczne trio wydajności
Optymalizacja obrazków, fontów i skryptów zewnętrznych w Next.js: priority i sizes w next/image, self-hosting przez next/font i strategie ładowania.
- 08→
Core Web Vitals: trzy liczby, które mierzy Google
LCP, INP i CLS w Next.js: konkretne poprawki dla każdej metryki, dane laboratoryjne vs terenowe i monitoring realnych użytkowników przez useReportWebVitals.
- 09→
Przekierowania, 404 i kody odpowiedzi
Przekierowania i kody odpowiedzi w Next.js: 308 vs 307, permanentRedirect, prawdziwe 404 przez notFound() i indeks bez łańcuchów oraz soft 404.
- 10→
Cache i świeżość treści
Jak cache wpływa na SEO w Next.js: ISR plus rewalidacja webhookiem — natychmiastowa świeżość bez opóźnienia SSR przy każdym crawlu.
- 11→
AEO/GEO: jak być cytowanym przez ChatGPT, Perplexity i Google AI Overviews
AEO/GEO dla Next.js: jak uczynić treść czytelną i cytowalną dla ChatGPT, Perplexity i Google AI Overviews — robots, llms.txt i format odpowiedzi.
- 12→
Monitoring: SEO to pętla, nie zadanie na start
Monitoring SEO w Next.js: praca z Search Console, budżety Lighthouse CI, logowanie wizyt crawlerów AI i smoke testy po wydaniach.
- 13→
Zaufanie i E-E-A-T: jak uczynić witrynę wiarygodną
Sygnały E-E-A-T na stronie Next.js: prawdziwe autorstwo, schema Person i Organization, uczciwe daty, cytowane źródła i dowody doświadczenia — dla Google i silników AI.
- 14→
Image SEO: jak zamienić obrazki w ruch
Obrazy jako kanał ruchu w Next.js: unikalne wizualizacje zamiast stocka, alt i nazwy plików, schema ImageObject z licencją, image sitemap i oznaczanie obrazów AI.
- 15→
Linkowanie wewnętrzne i architektura witryny
Strategia linków wewnętrznych dla witryn Next.js: klastry tematyczne, opisowe anchory, głębokość crawlu, strony osierocone i generowanie bloków powiązanych treści z danych.
- 16→
Intencje wyszukiwania: strony pod to, czego ludzie naprawdę szukają
Mapowanie intencji wyszukiwania na typy stron w Next.js: zapytania informacyjne vs komercyjne, strategia long-tail, tytuły pod CTR i życie w erze zero-click.
- 17→
Programmatic SEO w Next.js: strony na skalę bez spamu
Programmatic SEO przez generateStaticParams: strony z szablonu i danych, próg unikalnej wartości oddzielający je od doorway spamu, darmowe narzędzia jako magnesy linków.
- 18→
Migracja SEO: przejście na Next.js bez utraty ruchu
Playbook migracji na Next.js: inwentaryzacja URL-i, mapa przekierowań, kontrola parytetu na stagingu, weryfikacja w dniu startu i co jest normą w pierwszych tygodniach.
- 19→
Paginacja i nawigacja fasetowa bez puchnięcia indeksu
Paginacja i filtry w Next.js zrobione dobrze: samoodnoszące się canonicale stron, infinite scroll z prawdziwymi URL-ami i które kombinacje filtrów zasługują na indeksację.
- 20→
Dostępność i SEO: jedna praca — dwie nagrody
Dlaczego praca nad dostępnością w Next.js to jednocześnie SEO: semantyczny HTML, nagłówki, alt i nazwy linków — plus termin EAA, który czyni ją obowiązkową w UE.
- 21→
Rozkład treści: odświeżyć, skonsolidować czy usunąć
Pozycje erodują domyślnie: jak wykrywać gasnące strony w Search Console i decydować per strona — zaktualizować, scalić z mocniejszą czy usunąć całkiem.
- 22→
Off-page dla developerów: linki, których się nie kupuje
Link building z nieuczciwą przewagą developera: darmowe narzędzia, oryginalne dane, open source, komentarze eksperckie i syndykacja z canonicalem — oraz czego nie robić nigdy.
Praktyczna checklista
Praktyczna checklista SEO dla Next.js, sekcja po sekcji: strategia renderowania, Metadata API, hreflang, dane strukturalne, Core Web Vitals i optymalizacja pod wyszukiwarki AI.
Skondensowana checklista
Wersja do druku — jeśli odhaczysz wszystkie punkty, jesteś przed ~95% witryn na Next.js:
- Indeksowalne trasy to SSG/ISR; treść widoczna przez
curl -
metadataBase+ szablon tytułu + unikalne title/description na każdej stronie - Samoodnoszące się canonicale; wzajemny hreflang z
x-default - Tagi OG + obrazek 1200×630 (gdzie się da, generowany przez
ImageResponse) -
sitemap.tsz uczciwymlastModified;robots.tsbez przypadkowych blokad - JSON-LD: Organization, Article, BreadcrumbList (+ FAQ/Product gdzie trzeba), render na serwerze
-
next/imagezpriorityna hero,next/font, skrypty zewnętrzne odroczone - Terenowe CWV na zielono: LCP < 2,5 s, INP < 200 ms, CLS < 0,1
- Czyste przekierowania (bez łańcuchów), prawdziwe 404, jedna forma URL
- ISR + rewalidacja webhookiem dla świeżości treści
- Los crawlerów AI rozstrzygnięty w robots; treść serwerowa i w formie odpowiedzi
- Search Console pod obserwacją; Lighthouse CI pilnuje regresji
- Nazwani autorzy, schema Person z sameAs, uczciwe daty, cytowane źródła (E-E-A-T)
- Każda istotna strona ma unikalne obrazy z prawdziwym altem
- Zero stron osieroconych; wszystko w 3 kliknięciach; opisowe anchory
- Jedna intencja na stronę; tytuły przepisane tam, gdzie CTR odstaje od wyświetleń
- Strony programmatic niosą realną wartość; cienkie warianty pod noindexem
- Migracje jadą z przetestowaną jednoskokową mapą przekierowań i kontrolą parytetu
- Strony paginacji z canonicalem na siebie; fasety podzielone (indeks / noindex / blok)
- Główne ścieżki spełniają WCAG 2.1 AA; bramka a11y w CI (zgodność z EAA)
- Kwartalny przegląd rozkładu: aktualizuj, konsoliduj albo usuwaj spadające strony
- Co najmniej jedno linkowalne aktywo działa; wzmianki bez linku skonwertowane
Potrzebujesz wsparcia? Robimy audyty technicznego SEO i optymalizację szybkości dla witryn na Next.js — łącznie z wielojęzycznością i widocznością w AI, które większość audytów pomija.