S.
  • Usługi
  • Dla kogo
  • Rozwiązania
  • Realizacje
  • O mnie
  • Know-how
  • Blog
Rozpocznij projekt
EN/PL/RU
  • Usługi01
  • Dla kogo02
  • Rozwiązania03
  • Realizacje04
  • O mnie05
  • Know-how06
  • Blog07
Rozpocznij projekt
EN/PL/RU
Vlad Sedenko
Niezależny web product developer
UE / Polska / Warszawa
Produkty
  • NextWooStorefront w Next.js dla WooCommerce
© 2026. Wszelkie prawa zastrzeżone
Usługi
  • Product Discovery
  • Projektowanie UX/UI
  • Budowa MVP
  • Rozwój SaaS
  • Redesign strony
  • Bezpieczeństwo aplikacji webowych
  • Optymalizacja konwersji
  • Integracje API i automatyzacja biznesu
  • Wsparcie produktu
Odkryj
  • Usługi
  • Dla kogo
  • Realizacje
  • Rozwiązania
  • O mnie
  • Blog
  • Know-how
  • Kontakt
Rozpocznij projekt
  • vlad@sedenko.net
  • LinkedIn
  • Prywatność/Pliki cookie
Know-how/Checklista SEO dla Next.js: kompletny przewodnik po App Routerze (2026)

Część 9 z 22

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.

2026-07-15
Przekierowania, 404 i kody odpowiedzi

Wszystkie tematy przewodnika

Praktyczna checklista SEO dla Next.js, sekcja po sekcji: strategia renderowania, Metadata API, hreflang, dane strukturalne, Core Web Vitals i optymalizacja pod wyszukiwarki AI.

Wyszukiwarki czytają kody HTTP jak instrukcje. Złe kody wyciekają moc linków albo trzymają martwe strony w indeksie.

Trwałe przenosiny — w next.config.mjs (zwraca 308, traktowany przez Google jak 301):

// next.config.mjs
export default {
  async redirects() {
    return [
      {
        source: "/old-blog/:slug",
        destination: "/blog/:slug",
        permanent: true,
      },
    ];
  },
};

Przekierowania w aplikacji — wybierz funkcję zgodną z semantyką:

import { redirect, permanentRedirect, notFound } from "next/navigation";

// 307 — tymczasowe (bramki logowania, routing A/B)
redirect("/login");

// 308 — trwałe (slug się zmienił, stary URL ma przekazać moc)
permanentRedirect(`/blog/${post.newSlug}`);

// Prawdziwy 404 z twoim UI z not-found.tsx
if (!post) notFound();

Zasady czystego indeksu:

  • Zero łańcuchów przekierowań: stary → starszy → aktualny marnuje crawl budget i rozmywa sygnały. Zawsze przekierowuj prosto na końcowy URL.
  • Brakująca treść zwraca 404, a nie stronę „nic nie znaleziono" z kodem 200 (soft 404 — Google flaguje je w Search Console).
  • Wybierz jedną formę URL i egzekwuj ją: z ukośnikiem końcowym lub bez (trailingSlash w configu), małe litery, bez duplikatów www/bez-www (przekierowanie na poziomie edge/DNS).
  • Zmieniasz slug — dodaj przekierowanie w tym samym PR. Wsteczna archeologia przekierowań nie zdarza się nigdy.

Zmieniasz platformę? Pełny playbook — inwentarz, mapa przekierowań, kontrola parytetu i monitoring startu — w temacie Migracja SEO.

Checklista:

  • Wszystkie stare adresy przekierowują 308/301 prosto do miejsc docelowych (bez łańcuchów)
  • Własny not-found.tsx, który faktycznie zwraca 404
  • Jedna kanoniczna forma URL (ukośnik, wielkość liter, host) w całej witrynie
  • Zmiana sluga zawsze jedzie razem ze swoim przekierowaniem
← WsteczCore Web Vitals: trzy liczby, które mierzy GoogleDalej →Cache i świeżość treści

01—22

Wszystkie tematy przewodnika

  1. 01Strategia renderowania: co tak naprawdę widzi crawler?→
  2. 02Metadata API: tytuły, opisy i wzorzec szablonu→
  3. 03Canonical i hreflang: jedna strona, jeden adres→
  4. 04Open Graph i dynamiczne obrazki OG→
  5. 05sitemap.ts i robots.ts: konwencje plikowe zamiast ręcznego XML→
  6. 06Dane strukturalne: JSON-LD, który zarabia na rich results→
  7. 07Obrazki, fonty i skrypty: klasyczne trio wydajności→
  8. 08Core Web Vitals: trzy liczby, które mierzy Google→
  9. 09Przekierowania, 404 i kody odpowiedzi•
  10. 10Cache i świeżość treści→
  11. 11AEO/GEO: jak być cytowanym przez ChatGPT, Perplexity i Google AI Overviews→
  12. 12Monitoring: SEO to pętla, nie zadanie na start→
  13. 13Zaufanie i E-E-A-T: jak uczynić witrynę wiarygodną→
  14. 14Image SEO: jak zamienić obrazki w ruch→
  15. 15Linkowanie wewnętrzne i architektura witryny→
  16. 16Intencje wyszukiwania: strony pod to, czego ludzie naprawdę szukają→
  17. 17Programmatic SEO w Next.js: strony na skalę bez spamu→
  18. 18Migracja SEO: przejście na Next.js bez utraty ruchu→
  19. 19Paginacja i nawigacja fasetowa bez puchnięcia indeksu→
  20. 20Dostępność i SEO: jedna praca — dwie nagrody→
  21. 21Rozkład treści: odświeżyć, skonsolidować czy usunąć→
  22. 22Off-page dla developerów: linki, których się nie kupuje→

Wolisz, żeby ktoś zrobił to za Ciebie?

Audytuję i naprawiam techniczne SEO na stronach Next.js — indeksowanie, szybkość, hreflang i widoczność w AI.

Usługa technicznego SEO