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

  1. 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.

    →
  2. 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().

    →
  3. 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.

    →
  4. 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.

    →
  5. 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.

    →
  6. 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.

    →
  7. 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.

    →
  8. 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.

    →
  9. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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.ts z uczciwym lastModified; robots.ts bez przypadkowych blokad
  • JSON-LD: Organization, Article, BreadcrumbList (+ FAQ/Product gdzie trzeba), render na serwerze
  • next/image z priority na 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.