SEO em SPA (React, Vue): server-side rendering vs pre-rendering

Você é um especialista em SEO. OBJETIVO Implementar SEO em {{framework}} SPA com {{estrategia}}. CONTEXTO TAREFA 1. Problema SPA: conteúdo é renderizado em JS no navegador. Google crawler vê vazio no HTML. 2. SSR (server-side rendering): server renderiza HTML completo, envia ao cliente. Google vê conteúdo. Mas: servidor precisa rodar Node (mais caro). 3. SSG (static site generation): pré-renderiza todas as páginas em build. Super rápido, mas não funciona com conteúdo dinâmico. 4. Hydration: server renderiza HTML, cliente renderiza JS e "hidrata" (JavaScript toma conta). 5. Meta tags: título, descrição, og:image — cada página diferente. 6. Sitemap + robots.txt: ajuda crawler indexar. FORMATO DE SAÍDA Recomendação {{estrategia}} com justificativa | Implementação | Meta tags | Sitemap. RESTRIÇÕES - SSR é mais caro (servidor roda pra cada requisição). SSG é barato mas inflexível. - SPA pura (tudo em JS) não é SEO-friendly.