CSR์ ๋ํ์ ์ธ ๋จ์ ์ค ํ๋์ธ ์ทจ์ฝํ SEO ์ ์์ ๋ชจ๋ ์ฌ๋๋ค์ด ์ฌ์ฉํ ์ ์๋ ์๋น์ค๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์น ์ ๊ทผ์ฑ ๊ฐ์ ์์
์ ์ํํด์ผํ๋ค. ์น ์ ๊ทผ์ฑ๊ณผ SEO์ ๊ฐ์ ํ๊ธฐ ์ด์ ์ ์ ์์ด๋ค.์ ๊ทผ์ฑ์ ํ์ด์ง ๋ง๋ค ์์ดํ์ง๋ง, ๊ฐ์ฅ ๋ฎ์ ๋ฉ์ธํ์ด์ง์ ์ ์๊ฐ 69์ , SEO ์ ์๋ 83์ ์ ๊ธฐ๋กํ์๋ค. SEO : ๊ฒ์์์ง ์ต์ ํ๐ React์ SEO๋ฆฌ์กํธ์ ๊ฐ์ SPA๋ SSR๊ณผ๋ ๋ฌ๋ฆฌ, ์ด๊ธฐ์ HTML์ด ์ต์ํ์ ๋ด์ฉ์ ํฌํจํ๊ณ , ๋๋ถ๋ถ์ ์ฝํ
์ธ ๋ JS๋ฅผ ํตํด ํด๋ผ์ด์ธํธ์ธก์์ ๋ ๋๋ง์ด ๋๋ ๋ฐฉ์์ด๋ค. ๋ชจ๋ ํฌ๋กค๋ฌ๊ฐ ์๋ ๋ง์ ํฌ๋กค๋ฌ๋ค์ด JS๋ฅผ ์ง์ํ์ง ์๊ธฐ ๋๋ฌธ์ ์ด์ ๊ฐ์ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ค๊ณ ํ๋ค.(๊ตฌ๊ธ๋ด์ JS๋ฅผ ์ง์ํด์ SEO๊ฐ ๋์์ง ์๋ค๊ณ ํจ)Next.js๋ฅผ ์ด์ฉํ ํ๋ก์ ํธ์์๋ ๋ณ๋ค๋ฅธ ์์
์ ..
SEO
SSR์ CSR์ SEO CSR (React.js) CSR(ClientSide Rendering)์ ๊ฒฝ์ฐ ์ด๊ธฐ์ ๋น html ๋ฌธ์๋ฅผ ์ ๋ฌํ๊ธฐ ๋๋ฌธ์, ๋ด์ด ๋ฐ์ดํฐ๋ฅผ ์์งํ๊ธฐ ์ด๋ ต๊ธฐ๋๋ฌธ์ SEO์ ๋ถ๋ฆฌํ๋ค. SSR(Next.js)ํ์ง๋ง, SSR(ServerSide Rendering)์ ํด๋ผ์ด์ธํธ๊ฐ ์์ฒญํ ํ์ด์ง๋ฅผ ์๋ฒ์์ ๋์ ์ผ๋ก ์์ฑํด ๋ธ๋ผ์ฐ์ ์ ๋ณด๋ด๋ ๋ฐฉ์์ผ๋ก, ์ด๋ฏธ ์๋ฒ์ชฝ์์ ๋ง๋ค์ด์ง ์์ฑ๋ html์ ๊ฒ์์์ง๋ค์ด ํฌ๋กค๋ง์ด ๊ฐ๋ฅํ๊ธฐ๋๋ฌธ์ ๊ฒ์์ ์ ๋ฆฌํด์ง๋ค. SEO ์ง๋จโ
SSR์ ์ฅ์ ์ธ SEO ์ฑ๋ฅ ์ต์ ํ ์์
ํ๊ธฐ ์ , SEO checkup์ ํด๋ณด์๋ค.https://pagespeed.web.dev/analysis/https-balanco-vercel-app/hxv2uh2yl9?form_factor..