# [[Nuxt SPA SEO]] ## ๐ Brief Summary Nuxt SPA SEO๋ Vue.js ๊ธฐ๋ฐ ํ๋ ์์ํฌ์ธ Nuxt๋ฅผ ํ์ฉํ์ฌ ๋จ์ผ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ (SPA)์ด ๊ฐ์ง ๊ฒ์ ์์ง ์ต์ ํ(SEO)์ ๊ธฐ์ ์ ํ๊ณ๋ฅผ ๊ทน๋ณตํ๋ ์ ๋ต์ ๋๋ค. ๊ธฐ์กด์ ์์ SPA๋ ํด๋ผ์ด์ธํธ ์ฌ์ด๋ ๋ ๋๋ง(CSR)์ ์์กดํ์ฌ ๊ฒ์ ๋ด๊ณผ AI ์์ด์ ํธ์ ํฌ๋กค๋ง ์ง์ฐ ๋ฐ ์ฝํ ์ธ ๋๋ฝ ๋ฌธ์ ๋ฅผ ๋ฐ์์ํค์ง๋ง, Nuxt๋ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR) ๋ฐ ์ ์ ์ฌ์ดํธ ์์ฑ(SSG)์ ํตํด '๊ธฐ๋ณธ์ ์ผ๋ก SEO๊ฐ ์ ์ฉ๋(SEO-by-default)' ํ๊ฒฝ์ ์ ๊ณตํฉ๋๋ค [1-5]. ์ด๋ฅผ ํตํด ์น ์ฑ๋ฅ(Core Web Vitals)์ ๊ฐ์ ํ๊ณ ๊ฒ์ ์์ง ๊ฐ์์ฑ์ ํจ๊ณผ์ ์ผ๋ก ํ๋ณดํ ์ ์์ต๋๋ค [5, 6]. ## ๐ Core Content * **์์ SPA์ SEO ํ๊ณ (CSR Gap):** * **ํฌ๋กค๋ง ๋ฐ ๋ ๋๋ง ์ง์ฐ:** SPA๋ ์๋ฒ๋ก๋ถํฐ ๋น HTML ์ ธ(`
`)๋ง ๋จผ์ ์ ๋ฌ๋ฐ๊ณ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํตํด ์ฝํ ์ธ ๋ฅผ ๋ ๋๋งํฉ๋๋ค [1]. ๊ตฌ๊ธ๋ด์ ์ด๊ธฐ HTML์ ๋จผ์ ์์งํ ๋ค ์๋ฐ์คํฌ๋ฆฝํธ ์คํ์ ์ํ ๋ ๋๋ง ํ(Queue) ๋๊ธฐ ๋จ๊ณ๋ฅผ ๊ฑฐ์น๊ธฐ ๋๋ฌธ์ ์ค์ ์ฝํ ์ธ ๊ฐ ์ธ๋ฑ์ฑ๋๊ธฐ๊น์ง ๋ฉฐ์น ์ด ์์๋ ์ ์์ต๋๋ค [1]. * **AI ์์ด์ ํธ์ ์ ๊ทผ ํ๊ณ:** GPT-4, Claude, Gemini์ ๊ฐ์ AI ๋ชจ๋ธ์ ํ๋ จํ๋ ๋๊ท๋ชจ ํฌ๋กค๋ฌ(GPTBot, ClaudeBot ๋ฑ)๋ ๋น์ฉ ๋ฌธ์ ๋ก ์๋ฐ์คํฌ๋ฆฝํธ ์คํ์ ๊ฑด๋๋ฐ๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค [2]. ๋ฐ๋ผ์ ์์ SPA๋ก ๊ตฌ์ฑ๋ ์ฝํ ์ธ ๋ AI ๊ฒ์ ์์ง์ ์ธ์ฉ์ด๋ AI ์ค๋ฒ๋ทฐ์ ํฌํจ๋๊ธฐ ์ด๋ ต์ต๋๋ค [2]. * **์ฑ๋ฅ ๋ฐ Soft 404 ๋ฌธ์ :** ๋ฌด๊ฑฐ์ด ์๋ฐ์คํฌ๋ฆฝํธ ๋ฒ๋ค์ ๋ค์ด๋ก๋ํ๊ณ ์คํํ๋ 'ํ์ด๋๋ ์ด์ ๋น๋ํ(Hydration Bloat)'๋ ๋ฉ์ธ ์ค๋ ๋๋ฅผ ์ฐจ๋จํ์ฌ INP(Interaction to Next Paint) ์ ์๋ฅผ ์ ํ์ํต๋๋ค [6]. ๋ํ, ์กด์ฌํ์ง ์๋ ํ์ด์ง ์์ฒญ์ ๋ํด์๋ ์๋ฒ๊ฐ 200 OK ์ํ ์ฝ๋์ ํจ๊ป ๊ธฐ๋ณธ ์ ธ์ ๋ฐํํ๋ฏ๋ก ๊ฒ์ ์์ง ํ์ง ์ ์์ ์ ์ํฅ์ ๋ฏธ์น๋ ์ํํธ 404(Soft 404) ๋ฌธ์ ๊ฐ ๋ฐ์ํฉ๋๋ค [6]. * **Nuxt๋ฅผ ํ์ฉํ SEO ์ต์ ํ ์ ๋ต:** * **๋ ๋๋ง ๋ฐฉ์์ ์ ํ:** Nuxt๋ ์๋ฒ ์ฌ์ด๋ ๋ ๋๋ง(SSR), ์ ์ ์ฌ์ดํธ ์์ฑ(SSG), ์ ์ง์ ์ ์ ์ฌ์์ฑ(ISR)์ ์ง์ํ์ฌ ๋ด๊ณผ ์ฌ์ฉ์์๊ฒ ์์ฑ๋ HTML์ ์ฆ์ ์ ๊ณตํจ์ผ๋ก์จ SPA์ ๊ตฌ์กฐ์ ํ๊ณ๋ฅผ ํด๊ฒฐํฉ๋๋ค [3-5]. * **Nuxt SEO ๋ชจ๋ ์ ์ฉ:** ์ฌ์ดํธ๋งต(Sitemap), Robots, Schema.org, OG ์ด๋ฏธ์ง ์์ฑ ๊ธฐ๋ฅ์ด ํ๋๋ก ํตํฉ๋ Nuxt SEO ๋ชจ๋์ ์ฌ์ฉํ์ฌ SEO ์ค์ ์ ๊ฐ์ํํ๊ณ ์๋ํํฉ๋๋ค [5]. * **๋ฉํ๋ฐ์ดํฐ ๊ด๋ฆฌ:** `useSeoMeta()` ์ปดํฌ์ ๋ธ์ ํ์ฉํ์ฌ ํ๋ฉด์ ์ด๊ณ ํ์ ์ด ์์ ํ(typesafe) ๋ฐฉ์์ผ๋ก ๋์ ๋ฉํ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํฉ๋๋ค [5]. * **Vapor Mode๋ฅผ ํตํ INP ๊ฐ์ :** Vue 3.5 ์ด์์์ ์ง์ํ๋ Vapor Mode๋ฅผ ์ฌ์ฉํ์ฌ ํ์ด๋๋ ์ด์ ์ค๋ฒํค๋๋ฅผ ์ค์ด๊ณ , ๊ตฌ๊ธ์ ํต์ฌ ์ฑ๋ฅ ์งํ์ธ INP์์ ๋์ ์ ์๋ฅผ ๋ฌ์ฑํ ์ ์์ต๋๋ค [5]. ## ๐ Knowledge Connections - **Related Topics:** [[Single Page Application (SPA)]], [[Server-Side Rendering (SSR)]], [[Client-Side Rendering (CSR)]], [[Core Web Vitals]], [[Interaction to Next Paint (INP)]] - **Projects/Contexts:** [[AI Answer Engines Optimization]], [[Web Performance Optimization]], [[Vue.js Development]] - **Contradictions/Notes:** ๊ณผ๊ฑฐ SPA์ SEO ์ฐํ์ฑ ์ผ๋ก ๋ด์๊ฒ๋ง ์ ์ HTML์ ์ ๊ณตํ๊ณ ์ฌ์ฉ์์๊ฒ๋ SPA๋ฅผ ์ ๊ณตํ๋ ๋์ ๋ ๋๋ง(Dynamic Rendering) ๋ฐฉ์์ด ์ฐ์์ผ๋, 2026๋ ๊ธฐ์ค ๊ตฌ๊ธ์ ์ด๋ฅผ ํด๋กํน(Cloaking)์ผ๋ก ๊ฐ์ฃผํ์ฌ ์๋ ํ๋ํฐ๋ฅผ ๋ถ๊ณผํ ์ ์์ผ๋ฏ๋ก ์ ๋ ๊ถ์ฅํ์ง ์์ต๋๋ค [7]. --- *Last updated: 2026-04-26*