rendering-strategies

Guide selection of SSG, SSR, ISR, or CSR rendering for SEO crawlers.

872|122|Updated Feb 26, 2026

Search Tags:#rendering #seo #ssr #ssg #crawler #technical seo #csr

Ready to run

npx skills add https://github.com/kostja94/marketing-skills --skill rendering-strategies

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: rendering-strategies
Source: https://github.com/kostja94/marketing-skills/tree/main/skills/seo/technical/rendering-strategies
Command: npx skills add https://github.com/kostja94/marketing-skills --skill rendering-strategies

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you choose and optimize rendering strategies for your website to ensure optimal SEO and visibility for both traditional search engines and AI crawlers.

Core Features & Use Cases

Rendering Strategy Guidance: Understand and select the best method (SSG, SSR, ISR, CSR, Dynamic Rendering) based on your content type and SEO needs.
Crawler Visibility: Ensures content is accessible to AI crawlers, which do not execute JavaScript.
Component Optimization: Guides on making dynamic components like tabs and carousels SEO-friendly.
Use Case: A developer building a new marketing website needs to decide between SSG and SSR for their product pages to maximize SEO and performance.

Quick Start

Guide me on choosing the best rendering strategy for a blog with frequently updated content.

Frequently Asked Questions about rendering-strategies

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I choose the best rendering strategy for SEO?▼

To optimize SEO for AI crawlers, you must avoid relying solely on Client-Side Rendering (CSR), because AI crawlers do not execute JavaScript and will miss dynamically generated content in the initial HTML.

How do I make dynamic components like tabs and carousels SEO-friendly?▼

Making dynamic components like tabs and carousels SEO-friendly requires ensuring their content is visible in the initial HTML payload, allowing crawlers that do not execute JavaScript to index the hidden content.

What is the difference between SSR and SSG for website crawling?▼

The difference between SSR and SSG for website crawling is that Server-Side Rendering generates HTML on demand per request, while Static Site Generation pre-builds pages, both ensuring crawler visibility without JavaScript execution.

Does my website need dynamic rendering to be indexed by search engines?▼

Your website needs dynamic rendering to be indexed by search engines only if it heavily relies on Client-Side Rendering (CSR), ensuring search and AI crawlers receive fully rendered HTML instead of empty JavaScript placeholders.

Why are AI crawlers not indexing my JavaScript-rendered content?▼

AI crawlers are not indexing your JavaScript-rendered content because they do not execute JavaScript, meaning they only see the initial HTML payload and miss any content loaded dynamically via CSR.