rendering-strategies

name	rendering-strategies
description	When the user wants to choose or optimize rendering strategy for SEO. Also use when the user mentions "SSR," "SSG," "CSR," "ISR," "static rendering," "dynamic rendering," "server-side rendering," "client-side rendering," "JavaScript rendering," "pre-rendering," "prerender," "content in initial HTML," or "crawler visibility." For crawl issues, use site-crawlability.
metadata	{"version":"1.0.2"}

SEO Technical: Rendering Strategies

Guides rendering strategy selection and optimization for search engine and AI crawler visibility. Golden rule: Page data and metadata must be available on page load without JavaScript execution for optimal SEO.

When invoking: On first use, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On subsequent use or when the user asks to skip, go directly to the main output.

Scope (Technical SEO)

• Static vs dynamic: SSG, SSR, ISR, CSR; when to use each
• Crawler behavior: Googlebot renders JS (with delays); AI crawlers do not
• Component-level: Content in initial HTML; tabs, carousels, nav
• Dynamic rendering: Prerender for bots when full SSR/SSG is not feasible

Rendering Methods

Method	When HTML generated	SEO	Best for
SSG (Static Site Generation)	Build time	✅ Best