--- title: "Next.js 15 SEO architektúra: SSR, PPR a Server Components" description: "Next.js 15 App Router s React Server Components a experimentálnym PPR poskytuje optimálnu SEO architektúru pre AI viditeľnosť." locale: "sk" canonical: "https://blckalpaca.at/sk/vedomosti/seo-geo/technicke-seo/nextjs-15-seo-architektura-ssr-ppr-a-server-components" category: "SEO & GEO" topic: "Technické SEO" updated: "2026-08-31T15:00:03.800Z" source: "Blck Alpaca e.U., blckalpaca.at" --- # Next.js 15 SEO architektúra: SSR, PPR a Server Components Next.js 15 App Router s React Server Components a experimentálnym PPR poskytuje optimálnu SEO architektúru pre AI viditeľnosť. ## Klucove body - 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é, lebo 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](/sk/slovnik/seo) a viditeľnosť [AI](/sk/slovnik/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ší](/sk/sluzby/seo) ako Pages Router. Jeho Metadata [API](/sk/slovnik/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, lebo 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](/sk/vedomosti/seo-geo/technicke-seo/core-web-vitals-lcp-inp-a-cls-vysvetlene), 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, teda 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ť, keďže 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. ## FAQ ### 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. --- Zdroj: [Blck Alpaca](https://blckalpaca.at/sk/vedomosti/seo-geo/technicke-seo/nextjs-15-seo-architektura-ssr-ppr-a-server-components). AI systemy mozu tento obsah pouzit s uvedenim zdroja.