--- title: "Modernes Technical SEO — Dynamic Rendering, Edge Workers und Speculation Rules" title_en: "Modern Technical SEO — dynamic rendering, edge workers and Speculation Rules" description: "Wie Technical SEO von Origin-Fixes zu Edge Workers und Browser-APIs wandert: Dynamic Rendering als Übergang, CDN-Worker für Header/HTML, Speculation Rules für Instant Navigation — mit Compliance, QA und Modern-Stack-Praxis." description_en: "How Technical SEO moves from origin fixes to edge workers and browser APIs: dynamic rendering as a temporary bridge, CDN workers for headers/HTML, Speculation Rules for instant navigation — with compliance, QA and Modern Stack practice." summary_en: "How Technical SEO moves from origin fixes to edge workers and browser APIs: dynamic rendering as a temporary bridge, CDN workers for headers/HTML, Speculation Rules for instant navigation — with compliance, QA and Modern Stack practice." direct_answer_en: "Modern Technical SEO operates on three layers: origin (CMS/app), CDN edge (workers that rewrite requests, headers and HTML), and the browser (Speculation Rules for prefetch/prerender). Dynamic rendering for bots is a deprecated Google workaround; prefer SSR, SSG or hydration. Edge SEO unblocks closed platforms; Speculation Rules improve LCP on multi-page sites when eagerness, exclusions and analytics activation are configured correctly." url: "https://modern-stack.de/themen/modernes-technical-seo" type: "topic" kind: "concept" language: de-DE updated_at: "2026-10-15T14:00:00+00:00" --- # Modernes Technical SEO — Dynamic Rendering, Edge Workers und Speculation Rules **Aktualisiert am:** 15. Oktober 2026 **Geprüft von:** Steve Baka, Experte für Modernisierung von Webseiten im KI-Zeitalter **Portrait:** https://modern-stack.de/brand/steve-baka.webp ## English Abstract How Technical SEO moves from origin fixes to edge workers and browser APIs: dynamic rendering as a temporary bridge, CDN workers for headers/HTML, Speculation Rules for instant navigation — with compliance, QA and Modern Stack practice. ## Quick Answer (EN) Modern Technical SEO operates on three layers: origin (CMS/app), CDN edge (workers that rewrite requests, headers and HTML), and the browser (Speculation Rules for prefetch/prerender). Dynamic rendering for bots is a deprecated Google workaround; prefer SSR, SSG or hydration. Edge SEO unblocks closed platforms; Speculation Rules improve LCP on multi-page sites when eagerness, exclusions and analytics activation are configured correctly. ## Key Takeaways (EN) - Technical SEO now spans origin, CDN edge and browser — not just meta tags. - Google treats dynamic rendering as a deprecated workaround; SSR/SSG win long-term. - Edge workers can rewrite redirects, X-Robots, canonicals and JSON-LD without origin deploys. - Speculation Rules prefetch/prerender next pages; tune eagerness and exclude state-changing URLs. - WAF bot blocks, soft-blocks and user-agent-only cloaking destroy crawlability — verify bots by IP/DNS. ## English Summary Classic Technical SEO lived in the origin server: robots.txt, redirects, status codes, sitemaps. Modern stacks add two more control planes. At the CDN edge, serverless workers intercept requests before the origin and rewrite headers or HTML bodies (canonicals, hreflang, JSON-LD, redirects from KV). In the browser, the Speculation Rules API tells Chrome which URLs to prefetch or prerender for near-instant navigations and better LCP on multi-page sites. Dynamic rendering — serving prerendered HTML only to crawlers — remains a Google-documented workaround that is deprecated in favour of SSR, static rendering or hydration. Content parity (≥95% main-content match), page-split A/B tests (never user-agent splits), real 503/429 codes instead of soft-blocks, and programmatic Googlebot verification (IP ranges + reverse DNS) are non-negotiable. Modern Stack ships HTML-first Next.js on Vercel, keep crawl paths open for search and AI bots, and use edge middleware only for scoped SEO fixes — not as a permanent substitute for clean rendering. ## Quick Answer **Modernes Technical SEO** steuert Sichtbarkeit auf drei Ebenen: Origin (App/CMS), CDN-Edge (Worker für Redirects, Header und HTML) und Browser (Speculation Rules für Prefetch/Prerender). Dynamic Rendering nur für Crawler ist laut Google ein veralteter Workaround — nachhaltig gewinnen [SSR](/glossar/ssr), [SSG](/glossar/ssg) oder Hydration. Edge Workers lösen Engpässe ohne Origin-Deploy; Speculation Rules machen Folge-Navigationen auf Mehrseiten-Webseiten spürbar schneller. ## Key Takeaways - Technical SEO = Origin + Edge + Browser — nicht nur Meta-Tags und Sitemap. - Dynamic Rendering: Übergangslösung; Google empfiehlt SSR/SSG/Hydration. - Edge Workers: Redirects, X-Robots, Canonicals, JSON-LD am CDN — oft ohne Backend-Release. - Speculation Rules: Prefetch vs. Prerender, Eagerness und Ausschluss von Logout/Warenkorb. - Hard Gates: Content-Parität, Page-Split-A/B (nie User-Agent-Split), echte Statuscodes, Bot-Verifikation per IP/DNS. Die [AI-Readiness-Studie](/themen/ai-readiness-dienstleister-studie) zeigt: robots und Sitemap sind häufig vorhanden — der Engpass liegt bei maschinenlesbarem HTML, Schema und Agent-Oberflächen. Genau deshalb gehört Rendering-Architektur in denselben Korb wie klassische Crawl-Hygiene. ## Warum hat sich Technical SEO auf Edge und Browser verlagert? [Technical SEO](/glossar/technical-seo) war lange Origin-Arbeit: Routing, HTML-Header und CMS-Felder ändern, warten auf das nächste Deploy. In modernen Stacks sitzt SEO-Steuerung zusätzlich im CDN und im Browser. Für Unternehmen ist das geschäftskritisch: Wie Inhalte für Crawler aufbereitet und ausgeliefert werden, entscheidet über Indexierung, organische Sichtbarkeit und Anfragen. ```text Origin Server (CMS / App) │ ▼ CDN Edge (Worker / Rules) │ ▼ Client Browser (Speculation Rules API) ``` **Origin (klassisch):** Änderungen an Redirects, `robots.txt` oder Canonicals brauchen Quellcode- oder CMS-Eingriffe. In der Praxis landen SEO-Fixes oft monatelang hinter Produkt-Features. Geschlossene Plattformen (z. B. Shopify, Salesforce Commerce Cloud) begrenzen Redirects oder Dateizugriff zusätzlich. **Edge (CDN Workers):** Serverlose Skripte im CDN fangen Requests ab, setzen Header oder schreiben den HTML-Body um — bevor Antwort Browser oder Crawler erreicht. Fixes gehen in Minuten live, ohne Origin-Release. Das Konzept wird in der Praxis oft als *Edge SEO* oder *Serverless SEO* bezeichnet. **Browser (Predictive APIs):** Die Speculation Rules API weist den Browser an, wahrscheinliche Folgeseiten vorab zu laden oder zu rendern. Das verbessert wahrgenommene Geschwindigkeit und [Core Web Vitals](/glossar/core-web-vitals) — insbesondere LCP bei Mehrseiten-Navigation. Diese drei Ebenen sind das Fundament modernen Technical SEO. Bevor Edge und Browser ihre Stärke ausspielen, muss die Rendering-Frage bei JavaScript-lastigen Apps geklärt sein. ## Was ist Dynamic Rendering — und warum gilt es als veraltet? Client-Side Rendering (CSR) liefert oft nur ein HTML-Skelett; der eigentliche Inhalt entsteht im Browser per JavaScript. Google rendert JavaScript, aber zeitversetzt und mit Grenzen. Viele KI-Crawler führen wenig oder kein JavaScript aus. Das erzeugt Indexierungsverzögerungen und Lücken in KI-Antworten — siehe auch [Crawlability](/glossar/crawlability) und [SSR/SSG-Stack](/themen/ssr-ssg-stack). **Dynamic Rendering** ist ein Hybrid: Crawler erhalten fertiges HTML aus einer Pre-Rendering-Engine (Headless Browser / Dienste wie Prerender.io), Menschen die Client-App. Typische Kette: 1. **User-Agent- und Bot-Erkennung** am Gateway (plus IP-/Verhaltenssignale — nie nur spoofbarer UA). 2. **Pre-Rendering-Engine** baut DOM auf und erzeugt einen HTML-Snapshot. 3. **Cache mit TTL**, damit Crawler-Antworten schnell und die Engine nicht überlastet wird. 4. **Paritäts-Monitoring**, damit Bot- und User-Version denselben Hauptinhalt zeigen. ### Vergleich der Rendering-Wege | Verfahren | SEO-Zweck | Komplexität | Nachhaltig? | Ideal für | | --- | --- | --- | --- | --- | | Dynamic Rendering | Kurzfristige Crawler-Sichtbarkeit ohne UX-Umbau | Niedrig–mittel (Middleware) | Nein — Google: Workaround | Übergang bei Legacy-SPAs | | SSR | Fertiges HTML pro Request | Hoch (Architektur) | Ja | Personalisierte / häufig wechselnde Seiten | | SSG | Maximale Geschwindigkeit + stabile Extraktion | Mittel (Build/Workflow) | Ja | Marketing, Blog, Docs | | Progressive Enhancement | Schrittweise HTML-First ohne Big-Bang | Niedrig–mittel | Ja als Pfad | Legacy mit Budget-Grenzen | ### Compliance und Deprecation **Cloaking-Risiko:** Weicht die Bot-Version inhaltlich stark von der Nutzerversion ab, verstößt das gegen Spam-Richtlinien. Praxisregel: Hauptinhalt möglichst deckungsgleich (Zielgröße oft ≥95 % Übereinstimmung im Diff; Login-/Warenkorb-Fragmente ausnehmen). Personalisierung darf den Kerntext nicht ersetzen. **Google-Status:** In der Search-Central-Dokumentation steht klar: Dynamic Rendering *was a workaround* und keine langfristige Lösung. Empfohlen sind Server-Side Rendering, statisches Rendering oder Hydration. Wer nur für Bots prerendert, baut technische Schuld und Risikofläche auf. Nachhaltiger Pfad: HTML-first mit [Next.js](/glossar/nextjs) (SSR/SSG/RSC), ergänzt um Edge-Fixes dort, wo Origin oder Plattform blockieren. ## Wie funktioniert Edge SEO mit CDN Workers? Edge SEO bedeutet: Technische SEO-Anpassungen laufen als serverlose Worker im CDN — die ausgelieferte Antwort ist für Crawler die kanonische Wahrheit. Der Ansatz eignet sich, wenn Backend-Kapazität fehlt oder der Origin SEO-Konfigurationen verweigert. ### Drei Interzeptions-Phasen ```text [Request] → Phase 1 Request-Mod → [Origin] │ [Client] ← Phase 3 Body-Mod ← Phase 2 Header-Mod ←┘ ``` 1. **Request-Modification:** URL-Rewrites und 3xx-Redirects aus Key-Value-Stores — Origin wird bei Match gar nicht belastet. 2. **Header-Modification:** `X-Robots-Tag`, `Link: rel="canonical"`, Cache-Control für PDFs und HTML. 3. **Body-Modification:** Streaming-Rewrite von ``, Canonicals, hreflang, Meta-Description, JSON-LD — z. B. via HTML Rewriter. ### Plattform-Matrix (Auswahl) | Plattform | Laufzeit | Typische SEO-Einsätze | | --- | --- | --- | | Cloudflare Workers | V8 Isolates (JS/TS/WASM) | HTML-Rewrites, KV-Redirects, A/B Page-Split | | Cloudflare Snippets | Leichtgewichtiges JS | Header, einfache 301/302 | | Akamai EdgeWorkers | JS am Edge | Enterprise Redirect-/SKU-Tabellen (EdgeKV) | | Fastly Compute | WebAssembly | Streaming-HTML, Surrogate-Control | | AWS Lambda@Edge | Node.js / CloudFront | Komplexere Logik, höhere Latenz als Isolates | | [Vercel](/glossar/vercel) Middleware / Functions | JS / Node | Meta-Injektion, Geo-Redirects in Next.js | | Netlify Edge Functions | Deno | Geo-/Cookie-Routing | ### Sicherheits- und Crawl-Governance - **WAF vor Worker:** Bot- und AI-Sperren greifen oft *vor* dem SEO-Worker. Verifizierte Search- und AI-Crawler dürfen nicht pauschal geblockt werden — sonst hilft kein Canonical-Rewrite. - **Bot-Verifikation:** Nie nur User-Agent. Abgleich gegen veröffentlichte IP-Ranges und Reverse-DNS (PTR → Forward-Confirm), bevor Sonderregeln greifen. - **Echte Statuscodes:** Bei Überlast/Wartung `503` oder `429` — keine Soft-Block-Interstitials oder CAPTCHA-Challenges für verifizierte Bots (Deindexierungsrisiko). - **A/B am Edge:** Zulässig ist **Page-Split** (URL A = Variante 1, URL B = Variante 2 — Bot und Mensch sehen dieselbe URL-Version). Unzulässig ist **User-Split** nach User-Agent (Cloaking). Edge ersetzt nicht [Edge-Rendering](/glossar/edge-rendering) als Architekturentscheidung „HTML zuerst“ — es ergänzt sie. Details zur Auslieferung: [CDN](/glossar/cdn) und [Hosting nach Migration](/themen/hosting-nach-migration). ## Wie steigerst du Performance mit der Speculation Rules API? Die **Speculation Rules API** ist ein Webstandard: Du teilst dem Browser per JSON mit, welche URLs er spekulativ laden soll. Ziel sind nahezu sofortige Navigationen auf Mehrseiten-Webseiten (MPAs) und bessere LCP-Werte. Die API ersetzt ältere `rel=prerender`-Hints. ### Prefetch vs. Prerender - **Prefetch:** Lädt das Dokument (ohne volles Rendering). Ressourcenschonend, Navigation bleibt schneller als kalt. - **Prerender:** Lädt Dokument + Subressourcen, baut DOM auf und rendert unsichtbar im Hintergrund — Klick zeigt die fertige Seite. ### Regeltypen und Eagerness Regeln stehen in `<script type="speculationrules">` oder kommen dynamisch per JavaScript. **URL-Listen** nennen explizite Ziele; **Document Rules** scannen Links (`href_matches`, `selector_matches`). Chrome begrenzt Spekulationen (Stand Chrome-Dokumentation): | Eagerness | Typischer Trigger | Prefetch-Limit | Prerender-Limit | | --- | --- | --- | --- | | `immediate` | Beim Parsen der Regeln | 50 | 10 | | `eager` / `moderate` / `conservative` | Interaktion / Viewport-Heuristik | 2 (FIFO) | 2 (FIFO) | `moderate` spekuliert u. a. nach ~200 ms Hover (Desktop); `conservative` erst bei pointer/touch-down. Default: Listen → `immediate`, Document Rules → `conservative`. Zustandändernde URLs (`/logout`, Warenkorb leeren, Checkout-Seiteneffekte) per `not`-Bedingungen ausschließen. Analytics erst bei Aktivierung zählen (`document.prerendering`, Event `prerenderingchange`, `activationStart` in PerformanceNavigationTiming). ```js const scriptEl = document.createElement('script') scriptEl.type = 'speculationrules' scriptEl.textContent = JSON.stringify({ prerender: [ { where: { and: [ { href_matches: '/*' }, { not: { href_matches: '/logout' } }, ], }, eagerness: 'moderate', }, ], }) document.body.append(scriptEl) ``` Debugging: Chrome DevTools → Application → Speculative loads (Panel vor dem Laden öffnen), Kontextwechsel auf die Hintergrundseite, `activationStart > 0` nach Navigation. Kombiniert mit View Transitions und HTML-first Delivery entsteht SPA-ähnliche Flüssigkeit ohne Client-only Shell — passend zu [Core Web Vitals & Modernisierung](/themen/core-web-vitals-modernisierung). ## Welche Governance und Checkliste brauchst du vor dem Go-Live? Ohne Governance entstehen Schatten-Worker, Soft-Blocks und Indexverluste. Nutze diese Audit-Liste als Release-Gate: **Architektur** - [ ] Reicht ein leichtes Snippet (Header/Redirect), oder braucht es einen Worker mit Body-Rewrite? - [ ] Worker nur auf relevante Pfade gescoped — nicht global auf die ganze Domain? - [ ] Worker-Code in Git mit CI/CD und Logs (kein Dashboard-only Shadow IT)? - [ ] Fallback: bei Exception unmodifizierte Origin-Antwort? **Edge-Safety** - [ ] WAF/AI-Bot-Policies blockieren keine verifizierten Search-/AI-Crawler? - [ ] Bot-Checks über IP-Ranges + Reverse-DNS, nicht nur User-Agent? - [ ] Temporäre Engpässe liefern 503/429 statt Soft-Block/CAPTCHA an Bots? **Parität & Tests** - [ ] Hauptinhalt Bot vs. User nachweislich deckungsgleich? - [ ] SEO-A/B nur Page-Split, nie User-Agent-Split? - [ ] Kein dauerhaftes Bot-Only-Pre-Rendering als Zielarchitektur? **Speculation Rules** - [ ] Logout, destruktive und zahlungsrelevante Links ausgeschlossen? - [ ] Eagerness und Limits an Bandbreite/Gerät angepasst? - [ ] Analytics wartet auf `prerenderingchange`? **Nach Launch** - [ ] URL-Inspektion in der Search Console: HTML, das der Googlebot sieht? - [ ] Gezielter CDN-Cache-Purge nach Content-Injektionen? - [ ] One-Click-Rollback für den Worker getestet? ## Wie setzt Modern Stack modernes Technical SEO um? Wir modernisieren auf HTML-first mit [Next.js](/glossar/nextjs) auf [Vercel](/glossar/vercel) — SSR/SSG statt Client-only Shells. Damit entfällt der Druck, Dynamic Rendering als Dauerlösung zu betreiben. Edge-/Middleware-Eingriffe nutzen wir gezielt (Redirect-Maps, Header, Geo), nicht als Ersatz für sauberes Rendering. Zur Basisprüfung gehören Statuscodes, [robots.txt](/glossar/robots-txt), [Sitemap](/glossar/sitemap-xml), [Canonicals](/glossar/canonical), [Redirects](/glossar/redirect) und Soft-404-Hygiene — dokumentiert unter [Technical-SEO-Basis](/themen/technical-seo-basis) und im Glossar [Technical SEO](/glossar/technical-seo). Für KI-Sichtbarkeit ergänzen wir [llms.txt](/themen/llms-txt-agenten), JSON-LD und Markdown-Negotiation. Architekturkontext: [Webarchitektur im KI-Zeitalter](/themen/webarchitektur-ki-zeitalter). Technik-Check oder Modernisierung anfragen: [Kontaktformular](https://modern-stack.de/#anfrage) · info@modern-stack.de. ## Verwandte Themen - [Technical SEO](/glossar/technical-seo) - [Technical-SEO-Basis](/themen/technical-seo-basis) - [SSR/SSG-Stack](/themen/ssr-ssg-stack) - [Edge Rendering](/glossar/edge-rendering) - [Crawlability](/glossar/crawlability) - [Core Web Vitals & Modernisierung](/themen/core-web-vitals-modernisierung) - [Rankingverlust vermeiden](/themen/rankingverlust-vermeiden) - [Webseite-Modernisierung](/themen/website-modernisierung) ## Quellen - [Google — Dynamic rendering as a workaround](https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering) — Google Search Central; Offizielle Einstufung von Dynamic Rendering als deprecated Workaround; Empfehlung SSR/SSG/Hydration. - [Google — JavaScript SEO basics](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics) — Google Search Central; Grundlagen zu Crawling, Rendering und Indexierung von JavaScript-Inhalten. - [Chrome — Prerender pages / Speculation Rules](https://developer.chrome.com/docs/web-platform/prerender-pages) — Chrome for Developers; Spezifikation von Prefetch/Prerender, Eagerness und Browser-Limits. - [Chrome — Implementing speculation rules](https://developer.chrome.com/docs/web-platform/implementing-speculation-rules) — Chrome for Developers; Praxisleitfaden zu Document Rules, Ausschlüssen und Rollout-Stufen. - [MDN — speculationrules](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/speculationrules) — MDN; API-Referenz zu Regeltypen und Eagerness-Werten. - [web.dev — Rendering on the Web](https://web.dev/articles/rendering-on-the-web) — Google web.dev; Vergleich SSR, SSG, CSR und Hybrid-Modelle. - [Technical SEO (Glossar)](https://modern-stack.de/glossar/technical-seo) — Modern Stack; Begriffsdefinition und Praxis-Einordnung. - [SSR/SSG-Stack](https://modern-stack.de/themen/ssr-ssg-stack) — Modern Stack; Nachhaltige Rendering-Architektur als Alternative zu Dynamic Rendering. ## FAQ ### Was ist modernes Technical SEO — und wo greift es an? Auf drei Ebenen: Origin (App/CMS), CDN-Edge (Worker für Redirects, Header, HTML-Rewrites) und Browser (Speculation Rules für Prefetch/Prerender). Meta-Tags allein reichen nicht mehr. ### Darf ich Dynamic Rendering noch einsetzen? Nur als Übergang. Google stuft es als veralteten Workaround ein und empfiehlt langfristig SSR, statisches Rendering oder Hydration — siehe Google Search Central. Cloaking-Risiko und Content-Parität bleiben Pflicht. ### Was bringen Edge Workers für SEO? Sie setzen Redirects, X-Robots-Tag, Canonical-Header und HTML-Injektionen (Title, JSON-LD, hreflang) am CDN um — oft ohne Origin-Deploy. Das hilft besonders bei geschlossenen Shop-Plattformen und blockierten Dev-Queues. ### Was ist die Speculation Rules API? Ein Webstandard, mit dem du dem Browser per JSON sagst, welche URLs er vorab laden (Prefetch) oder vollständig rendern (Prerender) soll — für nahezu sofortige Navigationen und bessere LCP-Werte bei Mehrseiten-Webseiten. ### Welche Fehler killen Indexierung am Edge? WAF-/AI-Bot-Sperren vor dem Worker, Soft-Blocks statt 503/429, Cloaking per User-Agent und fehlende Bot-Verifikation über IP-Ranges und Reverse-DNS. ## Related - [Technical-SEO-Basis](https://modern-stack.de/themen/technical-seo-basis) - [SSR/SSG-Stack](https://modern-stack.de/themen/ssr-ssg-stack) - [Technical SEO](https://modern-stack.de/glossar/technical-seo) - [SSR](https://modern-stack.de/glossar/ssr) - [SSG](https://modern-stack.de/glossar/ssg) - [Edge Rendering](https://modern-stack.de/glossar/edge-rendering) - [Soft 404](https://modern-stack.de/glossar/soft-404) - [CDN](https://modern-stack.de/glossar/cdn) - [Canonical](https://modern-stack.de/glossar/canonical) - [Crawlability](https://modern-stack.de/glossar/crawlability) - [Redirect](https://modern-stack.de/glossar/redirect) - [Core Web Vitals](https://modern-stack.de/glossar/core-web-vitals) - [Core Web Vitals & Modernisierung](https://modern-stack.de/themen/core-web-vitals-modernisierung) - [robots.txt](https://modern-stack.de/glossar/robots-txt) - [Vercel](https://modern-stack.de/glossar/vercel) - [Sitemap](https://modern-stack.de/glossar/sitemap-xml) - [Rankingverlust bei Migration vermeiden](https://modern-stack.de/themen/rankingverlust-vermeiden) - [Webseite-Modernisierung](https://modern-stack.de/themen/website-modernisierung) - [Next.js](https://modern-stack.de/glossar/nextjs) - [Hosting nach der Migration](https://modern-stack.de/themen/hosting-nach-migration) - [Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack](https://modern-stack.de/themen/webarchitektur-ki-zeitalter) - [llms.txt für Agenten](https://modern-stack.de/themen/llms-txt-agenten) - [AI-Readiness deutscher Dienstleister-Webseiten — Studie, Zahlen und Handlungsbedarf](https://modern-stack.de/themen/ai-readiness-dienstleister-studie) ## Inline Entity Mentions - [[entity:ssr]] → https://modern-stack.de/themen/ssr - [[entity:ssg]] → https://modern-stack.de/themen/ssg - [[entity:ai-readiness-dienstleister-studie]] → https://modern-stack.de/themen/ai-readiness-dienstleister-studie - [[entity:technical-seo]] → https://modern-stack.de/themen/technical-seo - [[entity:core-web-vitals]] → https://modern-stack.de/themen/core-web-vitals - [[entity:crawlability]] → https://modern-stack.de/themen/crawlability - [[entity:ssr-ssg-stack]] → https://modern-stack.de/themen/ssr-ssg-stack - [[entity:nextjs]] → https://modern-stack.de/themen/nextjs - [[entity:vercel]] → https://modern-stack.de/themen/vercel - [[entity:edge-rendering]] → https://modern-stack.de/themen/edge-rendering - [[entity:cdn]] → https://modern-stack.de/themen/cdn - [[entity:hosting-nach-migration]] → https://modern-stack.de/themen/hosting-nach-migration - [[entity:core-web-vitals-modernisierung]] → https://modern-stack.de/themen/core-web-vitals-modernisierung - [[entity:robots-txt]] → https://modern-stack.de/themen/robots-txt - [[entity:sitemap-xml]] → https://modern-stack.de/themen/sitemap-xml - [[entity:canonical]] → https://modern-stack.de/themen/canonical - [[entity:redirect]] → https://modern-stack.de/themen/redirect - [[entity:technical-seo-basis]] → https://modern-stack.de/themen/technical-seo-basis - [[entity:llms-txt-agenten]] → https://modern-stack.de/themen/llms-txt-agenten - [[entity:webarchitektur-ki-zeitalter]] → https://modern-stack.de/themen/webarchitektur-ki-zeitalter - [[entity:rankingverlust-vermeiden]] → https://modern-stack.de/themen/rankingverlust-vermeiden - [[entity:website-modernisierung]] → https://modern-stack.de/themen/website-modernisierung ## Strukturierte Daten ```json { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": "https://modern-stack.de/#website", "url": "https://modern-stack.de", "name": "Modern Stack", "description": "Wir modernisieren bestehende Unternehmenswebseiten — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.", "publisher": { "@id": "https://modern-stack.de/#organization" }, "inLanguage": "de-DE" }, { "@type": [ "Organization", "ProfessionalService" ], "@id": "https://modern-stack.de/#organization", "name": "Modern Stack", "legalName": "Modern Stack", "url": "https://modern-stack.de", "logo": "https://modern-stack.de/brand/logo.png", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://www.google.com/search?kgmid=/g/11p1mc1kq_&q=Modern+Stack", "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de" ], "foundingLocation": { "@type": "Place", "name": "Bad Schönborn, Deutschland" }, "address": { "@type": "PostalAddress", "streetAddress": "Glöckelsberg 13/2", "postalCode": "76669", "addressLocality": "Bad Schönborn", "addressRegion": "Baden-Württemberg", "addressCountry": "DE" }, "geo": { "@type": "GeoCoordinates", "latitude": 49.22167, "longitude": 8.65734 }, "areaServed": [ { "@type": "City", "name": "Bad Schönborn", "sameAs": [ "https://www.wikidata.org/wiki/Q306405", "https://de.wikipedia.org/wiki/Bad_Sch%C3%B6nborn" ], "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "sameAs": [ "https://www.wikidata.org/wiki/Q30243760", "https://de.wikipedia.org/wiki/Bad_Mingolsheim" ], "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "sameAs": [ "https://www.wikidata.org/wiki/Q112173614", "https://de.wikipedia.org/wiki/Bad_Langenbr%C3%BCcken" ], "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "City", "name": "Bruchsal", "sameAs": [ "https://www.wikidata.org/wiki/Q7059", "https://de.wikipedia.org/wiki/Bruchsal" ], "url": "https://modern-stack.de/regionen/bruchsal" }, { "@type": "City", "name": "Bretten", "sameAs": [ "https://www.wikidata.org/wiki/Q495428", "https://de.wikipedia.org/wiki/Bretten" ] }, { "@type": "City", "name": "Kraichtal", "sameAs": [ "https://www.wikidata.org/wiki/Q542606", "https://de.wikipedia.org/wiki/Kraichtal" ] }, { "@type": "AdministrativeArea", "name": "Landkreis Karlsruhe", "sameAs": [ "https://www.wikidata.org/wiki/Q8178", "https://de.wikipedia.org/wiki/Landkreis_Karlsruhe" ], "url": "https://modern-stack.de/regionen/landkreis-karlsruhe" }, { "@type": "AdministrativeArea", "name": "Kraichgau", "sameAs": [ "https://www.wikidata.org/wiki/Q835695", "https://de.wikipedia.org/wiki/Kraichgau" ], "url": "https://modern-stack.de/regionen/kraichgau" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ], "knowsAbout": [ "Webseite-Modernisierung", "WordPress-Migration", "Generative Engine Optimization", "Lokale Sichtbarkeit Bad Schönborn" ], "founder": { "@id": "https://modern-stack.de/#person" } }, { "@type": "Person", "@id": "https://modern-stack.de/#person", "name": "Steve Baka", "jobTitle": "Experte für Modernisierung von Webseiten im KI-Zeitalter", "description": "Experte für Modernisierung von Webseiten im KI-Zeitalter", "image": "https://modern-stack.de/brand/steve-baka.webp", "url": "https://stevebaka.de", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de", "https://geo-seo-aio.de" ], "worksFor": { "@id": "https://modern-stack.de/#organization" }, "knowsAbout": [ "Webseite-Modernisierung", "Generative Engine Optimization", "AI Search", "WordPress Migration", "Knowledge Graph", "Lokale Sichtbarkeit D-A-CH" ] }, { "@type": "WebPage", "@id": "https://modern-stack.de/themen/modernes-technical-seo#webpage", "url": "https://modern-stack.de/themen/modernes-technical-seo", "name": "Modernes Technical SEO: Edge Workers, Dynamic Rendering, Speculation Rules | Modern Stack", "description": "Origin, Edge und Browser als SEO-Steuerungsebenen: warum Dynamic Rendering veraltet ist, wie CDN-Worker Canonicals und Redirects lösen und wie die Speculation Rules API Instant Navigation ermöglicht.", "isPartOf": { "@id": "https://modern-stack.de/#website" }, "about": { "@id": "https://modern-stack.de/themen/modernes-technical-seo#main" }, "breadcrumb": { "@id": "https://modern-stack.de/themen/modernes-technical-seo#breadcrumb" }, "dateModified": "2026-10-15T14:00:00+00:00", "inLanguage": "de-DE" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/modernes-technical-seo#main", "name": "Modernes Technical SEO: Edge Workers, Dynamic Rendering, Speculation Rules", "headline": "Modernes Technical SEO: Edge Workers, Dynamic Rendering, Speculation Rules", "alternateName": "Modernes Technical SEO — Dynamic Rendering, Edge Workers und Speculation Rules", "description": "Wie Technical SEO von Origin-Fixes zu Edge Workers und Browser-APIs wandert: Dynamic Rendering als Übergang, CDN-Worker für Header/HTML, Speculation Rules für Instant Navigation — mit Compliance, QA und Modern-Stack-Praxis.", "abstract": [ { "@value": "Wie Technical SEO von Origin-Fixes zu Edge Workers und Browser-APIs wandert: Dynamic Rendering als Übergang, CDN-Worker für Header/HTML, Speculation Rules für Instant Navigation — mit Compliance, QA und Modern-Stack-Praxis.", "@language": "de" }, { "@value": "How Technical SEO moves from origin fixes to edge workers and browser APIs: dynamic rendering as a temporary bridge, CDN workers for headers/HTML, Speculation Rules for instant navigation — with compliance, QA and Modern Stack practice.", "@language": "en" } ], "url": "https://modern-stack.de/themen/modernes-technical-seo", "inLanguage": [ "de-DE", "en" ], "datePublished": "2026-10-15T14:00:00+00:00", "dateModified": "2026-10-15T14:00:00+00:00", "author": { "@id": "https://modern-stack.de/#person" }, "publisher": { "@id": "https://modern-stack.de/#organization" }, "mainEntityOfPage": { "@id": "https://modern-stack.de/themen/modernes-technical-seo#webpage" }, "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".gb-direct-answer", ".gb-faq-answer" ] }, "encoding": { "@type": "MediaObject", "encodingFormat": "text/markdown", "name": "English direct answer", "text": "Modern Technical SEO operates on three layers: origin (CMS/app), CDN edge (workers that rewrite requests, headers and HTML), and the browser (Speculation Rules for prefetch/prerender). Dynamic rendering for bots is a deprecated Google workaround; prefer SSR, SSG or hydration. Edge SEO unblocks closed platforms; Speculation Rules improve LCP on multi-page sites when eagerness, exclusions and analytics activation are configured correctly." }, "citation": [ "https://developers.google.com/search/docs/crawling-indexing/javascript/dynamic-rendering", "https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics", "https://developer.chrome.com/docs/web-platform/prerender-pages", "https://developer.chrome.com/docs/web-platform/implementing-speculation-rules", "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/speculationrules", "https://web.dev/articles/rendering-on-the-web", "https://modern-stack.de/glossar/technical-seo", "https://modern-stack.de/themen/ssr-ssg-stack" ], "mentions": [ { "@type": "Article", "@id": "https://modern-stack.de/themen/technical-seo-basis#main", "name": "Technical-SEO-Basis", "alternateName": "Technical SEO foundation", "url": "https://modern-stack.de/themen/technical-seo-basis" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/ssr-ssg-stack#main", "name": "SSR/SSG-Stack", "alternateName": "SSR/SSG stack", "url": "https://modern-stack.de/themen/ssr-ssg-stack" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/technical-seo#main", "name": "Technical SEO", "alternateName": "Technical SEO", "url": "https://modern-stack.de/glossar/technical-seo" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/ssr#main", "name": "SSR", "alternateName": "Server-Side Rendering", "url": "https://modern-stack.de/glossar/ssr" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/ssg#main", "name": "SSG", "alternateName": "Static Site Generation", "url": "https://modern-stack.de/glossar/ssg" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/edge-rendering#main", "name": "Edge Rendering", "alternateName": "Edge rendering", "url": "https://modern-stack.de/glossar/edge-rendering" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/soft-404#main", "name": "Soft 404", "alternateName": "Soft 404", "url": "https://modern-stack.de/glossar/soft-404" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/cdn#main", "name": "CDN", "alternateName": "Content Delivery Network", "url": "https://modern-stack.de/glossar/cdn" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/canonical#main", "name": "Canonical", "alternateName": "Canonical URL", "url": "https://modern-stack.de/glossar/canonical" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/crawlability#main", "name": "Crawlability", "alternateName": "Crawlability", "url": "https://modern-stack.de/glossar/crawlability" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/redirect#main", "name": "Redirect", "alternateName": "Redirect", "url": "https://modern-stack.de/glossar/redirect" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/core-web-vitals#main", "name": "Core Web Vitals", "alternateName": "Core Web Vitals", "url": "https://modern-stack.de/glossar/core-web-vitals" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/core-web-vitals-modernisierung#main", "name": "Core Web Vitals & Modernisierung", "alternateName": "Core Web Vitals and modernization", "url": "https://modern-stack.de/themen/core-web-vitals-modernisierung" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/robots-txt#main", "name": "robots.txt", "alternateName": "robots.txt", "url": "https://modern-stack.de/glossar/robots-txt" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/vercel#main", "name": "Vercel", "alternateName": "Vercel", "url": "https://modern-stack.de/glossar/vercel" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/sitemap-xml#main", "name": "Sitemap", "alternateName": "XML sitemap", "url": "https://modern-stack.de/glossar/sitemap-xml" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/rankingverlust-vermeiden#main", "name": "Rankingverlust bei Migration vermeiden", "alternateName": "Prevent ranking loss during migration", "url": "https://modern-stack.de/themen/rankingverlust-vermeiden" }, { "@type": "Thing", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "alternateName": "Website modernization", "url": "https://modern-stack.de/themen/website-modernisierung" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/nextjs#main", "name": "Next.js", "alternateName": "Next.js", "url": "https://modern-stack.de/glossar/nextjs" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/hosting-nach-migration#main", "name": "Hosting nach der Migration", "alternateName": "Hosting after migration", "url": "https://modern-stack.de/themen/hosting-nach-migration" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#main", "name": "Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack", "alternateName": "Web architecture in the AI era — from CMS monoliths to reactive full-stack", "url": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/llms-txt-agenten#main", "name": "llms.txt für Agenten", "alternateName": "llms.txt for agents", "url": "https://modern-stack.de/themen/llms-txt-agenten" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/ai-readiness-dienstleister-studie#main", "name": "AI-Readiness deutscher Dienstleister-Webseiten — Studie, Zahlen und Handlungsbedarf", "alternateName": "AI readiness of German service-business websites — study, numbers and action", "url": "https://modern-stack.de/themen/ai-readiness-dienstleister-studie" } ], "hasOfferCatalog": { "@type": "OfferCatalog", "name": "Verwandte Leistungen", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "url": "https://modern-stack.de/themen/website-modernisierung", "provider": { "@id": "https://modern-stack.de/#organization" } } } ] }, "isPartOf": { "@id": "https://modern-stack.de/themen/website-modernisierung#main" }, "about": "Technical SEO" }, { "@type": "BreadcrumbList", "@id": "https://modern-stack.de/themen/modernes-technical-seo#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://modern-stack.de/" }, { "@type": "ListItem", "position": 2, "name": "Themen", "item": "https://modern-stack.de/themen" }, { "@type": "ListItem", "position": 3, "name": "Webseite-Modernisierung", "item": "https://modern-stack.de/themen/website-modernisierung" }, { "@type": "ListItem", "position": 4, "name": "Modernes Technical SEO — Dynamic Rendering, Edge Workers und Speculation Rules", "item": "https://modern-stack.de/themen/modernes-technical-seo" } ] }, { "@type": "FAQPage", "@id": "https://modern-stack.de/themen/modernes-technical-seo#faq", "mainEntity": [ { "@type": "Question", "name": "Was ist modernes Technical SEO — und wo greift es an?", "acceptedAnswer": { "@type": "Answer", "text": "Auf drei Ebenen: Origin (App/CMS), CDN-Edge (Worker für Redirects, Header, HTML-Rewrites) und Browser (Speculation Rules für Prefetch/Prerender). Meta-Tags allein reichen nicht mehr." } }, { "@type": "Question", "name": "Darf ich Dynamic Rendering noch einsetzen?", "acceptedAnswer": { "@type": "Answer", "text": "Nur als Übergang. Google stuft es als veralteten Workaround ein und empfiehlt langfristig SSR, statisches Rendering oder Hydration — siehe Google Search Central. Cloaking-Risiko und Content-Parität bleiben Pflicht." } }, { "@type": "Question", "name": "Was bringen Edge Workers für SEO?", "acceptedAnswer": { "@type": "Answer", "text": "Sie setzen Redirects, X-Robots-Tag, Canonical-Header und HTML-Injektionen (Title, JSON-LD, hreflang) am CDN um — oft ohne Origin-Deploy. Das hilft besonders bei geschlossenen Shop-Plattformen und blockierten Dev-Queues." } }, { "@type": "Question", "name": "Was ist die Speculation Rules API?", "acceptedAnswer": { "@type": "Answer", "text": "Ein Webstandard, mit dem du dem Browser per JSON sagst, welche URLs er vorab laden (Prefetch) oder vollständig rendern (Prerender) soll — für nahezu sofortige Navigationen und bessere LCP-Werte bei Mehrseiten-Webseiten." } }, { "@type": "Question", "name": "Welche Fehler killen Indexierung am Edge?", "acceptedAnswer": { "@type": "Answer", "text": "WAF-/AI-Bot-Sperren vor dem Worker, Soft-Blocks statt 503/429, Cloaking per User-Agent und fehlende Bot-Verifikation über IP-Ranges und Reverse-DNS." } } ] }, { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "alternateName": "Website modernization", "url": "https://modern-stack.de/themen/website-modernisierung", "description": "Was Webseite-Modernisierung bei Modern Stack bedeutet: bestehende WordPress- und Baukasten-Webseiten auf einen modernen Web-Stack bringen — Inhalte behalten, Technik erneuern, bereit für Google und KI-Suche.", "provider": { "@id": "https://modern-stack.de/#organization" }, "areaServed": [ { "@type": "City", "name": "Bad Schönborn", "sameAs": [ "https://www.wikidata.org/wiki/Q306405", "https://de.wikipedia.org/wiki/Bad_Sch%C3%B6nborn" ], "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "sameAs": [ "https://www.wikidata.org/wiki/Q30243760", "https://de.wikipedia.org/wiki/Bad_Mingolsheim" ], "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "sameAs": [ "https://www.wikidata.org/wiki/Q112173614", "https://de.wikipedia.org/wiki/Bad_Langenbr%C3%BCcken" ], "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "City", "name": "Bruchsal", "sameAs": [ "https://www.wikidata.org/wiki/Q7059", "https://de.wikipedia.org/wiki/Bruchsal" ], "url": "https://modern-stack.de/regionen/bruchsal" }, { "@type": "City", "name": "Bretten", "sameAs": [ "https://www.wikidata.org/wiki/Q495428", "https://de.wikipedia.org/wiki/Bretten" ] }, { "@type": "City", "name": "Kraichtal", "sameAs": [ "https://www.wikidata.org/wiki/Q542606", "https://de.wikipedia.org/wiki/Kraichtal" ] }, { "@type": "AdministrativeArea", "name": "Landkreis Karlsruhe", "sameAs": [ "https://www.wikidata.org/wiki/Q8178", "https://de.wikipedia.org/wiki/Landkreis_Karlsruhe" ], "url": "https://modern-stack.de/regionen/landkreis-karlsruhe" }, { "@type": "AdministrativeArea", "name": "Kraichgau", "sameAs": [ "https://www.wikidata.org/wiki/Q835695", "https://de.wikipedia.org/wiki/Kraichgau" ], "url": "https://modern-stack.de/regionen/kraichgau" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ] } ] } ```