Preskočiť na obsah
2.6Expert8 min

Next.js 15 SEO architektúra: SSR, PPR a Server Components

Lucas Blochberger··Updated 11. júna 2026
Definition

Next.js 15 App Router s React Server Components a experimentálnym PPR poskytuje optimálnu SEO architektúru pre AI viditeľnosť.

Key Takeaways

  • App Router je pre novú SEO-prácu preferovaný oproti Pages Routeru
  • Server Components posielajú nula Client-JavaScript — ideálne pre AI-crawlery
  • PPR pred-renduje statickú Shell počas Build, streamuje dynamický obsah ako HTML
  • Metadata API ponúka typovo-bezpečné, hierarchické metadáta s Auto-Deduplikáciou
  • sitemap.ts a robots.ts nahrádzajú Third-Party pluginy
  • metadataBase je kritické — bez neho budú OG-Image URLs relatívne
  • View Transitions API má nula Crawlability-Impact

Next.js 15 je preferovanou architektúrou frameworku pre SEO a viditeľnosť AI — za predpokladu, že správne používate App Router.

App Router verzus Pages Router

App Router je pre všetky nové SEO práce vhodnejší ako Pages Router. Jeho Metadata API (generateMetadata, metadata Export) ponúka typobezpečné hierarchické metadáta s automatickou deduplikáciou. Konvencie súborov sitemap.ts a robots.ts nahrádzajú pluginy tretích strán. Kritické: nastaviť metadataBase — bez neho budú adresy URL obrázkov Open Graph relatívne a sociálne platformy ich nebudú môcť načítať.

Čiastočné prerendering (PPR)

PPR je stále experimentálne v Next.js 15, ale najsľubnejšia inovácia renderovania. Prerendruje statickú HTML shell v čase stavby, pričom hranice Suspense ostávajú otvorené pre dynamický obsah, ktorý sa pri požiadavke pretransportuje ako HTML. Statická shell sa okamžite dodá z CDN (zlepšuje TTFB a LCP), zatiaľ čo transportovaný obsah ako HTML — nie klientske JavaScript — je viditeľný pre všetkých crawlery.

View Transitions API

View Transitions API dosiahla Baseline Newly Available v októbri 2025. Nemá žiadny vplyv na crawlovateľnosť — prechody sú čisto vizuálne CSS animácie, neviditeľné pre crawlery. Next.js 15.2+ ponúka experimentálnu integráciu cez experimental.viewTransition: true.

Údaje a štatistiky

Keiner der sechs großen KI-Crawler (GPTBot, ClaudeBot, Meta-ExternalAgent, PerplexityBot, Bytespider) rendert JavaScript; ChatGPT ruft 11,50 % und Claude 23,84 % der JS-Dateien ab, führt sie aber nicht aus

Vercel - The rise of the AI crawler [international] (2025)

GPTBot, Claude, AppleBot und PerplexityBot zusammen ~1,3 Mrd. Fetches/Monat, etwas mehr als 28 % von Googlebots 4,5 Mrd. Fetches/Monat

Vercel Blog - The rise of the AI crawler [international] (2025)

Google brauchte für JavaScript-gerenderte Seiten 313 Stunden gegenüber 36 Stunden für reines HTML (rund 9-mal so lange)

Onely - Google Needs 9X More Time To Crawl JS Than HTML [international] (2022)

Googlebot crawlt nur noch die ersten 2 MB pro Ressource statt zuvor 15 MB (Reduktion um 86,7 %)

PPC Land - Google slashes web crawl limit by 86.7% as cost pressures mount [international] (2026)

31,02 % der mehrsprachigen Websites enthalten widersprüchliche hreflang-Direktiven; 16,04 % der hreflang-Cluster ohne selbstreferenzierende Tags

Search Engine Land - Study: 31% of international websites contain hreflang errors (Dan Taylor, SALT.agency) [international] (2023)

JSON-LD ist 2024 auf 41 % aller Seiten verbreitet, plus 7 Prozentpunkte gegenüber 34 % im Jahr 2022

Web Almanac 2024 (HTTP Archive) - Structured Data [international] (2024)

Google hält in Österreich im Mai 2026 einen Suchmaschinen-Marktanteil von 81,87 %, Bing 9,01 %

StatCounter Global Stats - Search Engine Market Share Austria [Österreich] (2026)

IndexNow liefert 18 % aller geklickten neuen URLs in der Websuche; über 3,5 Mrd. URLs/Tag eingereicht

Bing Webmaster Blog - IndexNow Expands Adoption Across Industries [international] (2024)

48 % der mobilen und 56 % der Desktop-Origins bestehen alle drei Core Web Vitals; mobil LCP 62 %, INP 77 %, CLS 81 % im grünen Bereich (CrUX, Juli 2025)

Web Almanac 2025 (HTTP Archive) - Performance [international] (2025)

2024 hatten nur 43 % der mobilen Sites gute CWV unter INP gegenüber 48 % unter dem alten FID; INP ersetzte FID als Core Web Vital (März 2024)

Web Almanac 2024 (HTTP Archive) - Performance [international] (2024)

Next.js wird von 59 % der Befragten genutzt, bei 21 % positiver gegenüber 17 % negativer Stimmung

InfoQ - State of JavaScript Survey 2025 [international] (2026)

Často kladené otázky

Prečo je Server-Side Rendering v Next.js 15 dôležitý pre AI crawlery?
Pretože žiadny zo šiestich hlavných AI crawlerov (GPTBot, ClaudeBot, Meta-ExternalAgent, PerplexityBot, Bytespider) nevykonáva JavaScript. Claude síce sťahuje 23,84 % JS súborov, ale nevykonáva ich. Iba HTML renderované na serveri, ako ho poskytujú SSG, SSR a PPR, je pre tieto crawlery úplne čitateľné. Obsah načítaný na strane klienta zostáva pre ne neviditeľný.
Čo je Partial Prerendering (PPR) a ako pomáha SEO?
PPR kombinuje statické a dynamické renderovanie v jednej route. Statická shell sa predrenderuje pri builde a doručuje z CDN, čo znižuje TTFB a LCP. Dynamické časti v rámci Suspense hraníc sa streamujú zo servera ako HTML. Keďže streamovaný obsah je HTML a nie JavaScript na strane klienta, aj AI crawlery bez vykonávania JS získajú úplný obsah.
App Router alebo Pages Router pre SEO v Next.js 15?
Pre nové projekty je vhodnejší App Router. Prináša React Server Components (nulový klientsky JavaScript pre ich logiku, lepšie pre INP a crawl budget), typovo bezpečné Metadata API a konvenčné súbory ako sitemap.ts a robots.ts. PPR je dostupný výhradne v App Routeri.
Ako správne implementovať hreflang pre Rakúsko a DACH región v Next.js?
Cez pole alternates.languages v Metadata API zadávate de-AT, de-DE a x-default. Dôležité je, aby každá jazyková varianta odkazovala na seba samotnú aj na všetky ostatné. Medzinárodná štúdia zistila, že 31,02 % viacjazyčných webov má protichodné hreflang direktívy a 16,04 % klastrov nemá sebareferenčné tagy, preto sa treba vyhnúť práve týmto dvom chybám.
Ktorá renderovacia stratégia je vhodná pre ktorú route v Next.js 15?
Základné pravidlo: čo najstatickejšie, ako je možné, tak dynamicky, ako je potrebné. Obsahové stránky ako KB články, blog a stránky služieb patria na SSG alebo ISR. Personalizované alebo real-time stránky využívajú SSR alebo PPR s úzko vymedzenými Suspense hranicami, aby sa zachovala SEO-relevantná statická shell a streamovali sa iba skutočne dynamické časti.
Prečo je metadataBase v Next.js taký dôležitý?
Bez metadataBase generuje Metadata API relatívne URL pre Open-Graph a Twitter obrázky. Crawlery a sociálne platformy často nedokážu správne rozlíšiť relatívne URL obrázkov, čím sa náhľadové obrázky pokazia. metadataBase definuje absolútnu základnú URL a je preto povinný pre validné OG tagy.
Akú úlohu zohráva 2 MB crawl limit Googlebotu pre Next.js?
Googlebot crawluje už len prvých 2 MB na zdroj, čo je redukcia o 86,7 % oproti predchádzajúcim 15 MB. Limit platí pre HTML, JavaScript a CSS jednotlivé. Nafúknuté klientske bundly riskujú, že budú orezané. Server Components a code-splitting udržiavajú bundly malé a tým v rámci limitu.

Related Articles

Ako si stojí vaša stránka?

Získajte bezplatný SEO report vašej stránky e-mailom – technické SEO, on-page, kľúčové slová a konkurencia. Nezáväzne.

Vyžiadať bezplatný SEO audit