Next.js a SEO — dlaczego frontend Next.js indeksuje się 5x lepiej niż SPA

01Tradycyjny React SPA wysyła do Google pusty <div id='root'> i bundle JavaScriptu. Google bot uruchamia JS (z opóźnieniem 7+ dni od pierwszego crawl), renderuje stronę, dopiero wtedy indexuje. Wynik: nowe podstrony wchodzą do indeksu w 2-4 tygodnie zamiast godzin.

02Next.js z Server Components renderuje HTML na serwerze (SSR/SSG/ISR). Google bot dostaje gotowy HTML w pierwszej odpowiedzi, treść indeksuje natychmiast. Wpływ: pierwsza indeksacja w godziny, nie tygodnie. Re-crawl po update treści — w minuty (z ISR webhook).

03Drugi czynnik: Core Web Vitals. Google używa Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS) jako sygnały rankingowe od 2021. Next.js z next/image, next/font, RSC dostarcza LCP <1.5s vs typowe SPA 3-5s. Konkretna przewaga na rankingach.

04Trzeci: schema.org. Next.js łatwo wstrzykuje JSON-LD per route (Person, Organization, Service, Article, FAQPage, BreadcrumbList). Google rich snippets + ChatGPT/Perplexity entity recognition działają.

05Czwarty: dynamic metadata. Każda strona ma własny title, description, OG image generowany przez next/og. Social sharing wygląda profesjonalnie, CTR z social mediów rośnie.

06Konkretne case study: stronę usługową klienta migrowaliśmy z WordPress (Lighthouse 47, indexed 200/350 stron) na Next.js (Lighthouse 96, indexed 350/350 stron). Po 6 miesiącach: ruch organiczny +180%, średnia pozycja kluczowych fraz z 14 → 5.

07Mit do obalenia: 'Next.js to overkill dla małych stron'. Nieprawda. Mała strona Next.js + Vercel = 0 zł hosting + lepsze SEO + szybsze wdrożenie niż walka z WordPress hosting + cache plugins + Yoast.

08Konkretna konfiguracja pod SEO w Next.js: app/layout.tsx z generateMetadata, app/sitemap.ts auto-generated, app/robots.ts, schema.org JSON-LD per route, next/og dla dynamicznych OG images, internal linking między usługami i blogiem.