๐ ๋ธ๋ก๊ทธ URL ๊ตฌ์กฐ ๋๊ฐํธ! ๊ธ๋ก๋ฒ ์ง์ถ ์์? ๐
์๋ ํ์ธ์! ๋ง๋ฐ๋ณด์ด์ ๋๋ค. ๐
์ค๋์ ์ ๊ธฐ์ ๋ธ๋ก๊ทธ์ ๋๋์ ์ธ URL ๊ตฌ์กฐ ๊ฐํธ๊ณผ ์๋ฌธ ์ง์ ์ ๋ฐ์ดํธ ์์์ ๋ค๊ณ ์์ต๋๋ค!
๊ฐ๋ฐ์๋ผ๋ฉด ๋๊ตฌ๋ ๊ฟ๊พธ๋ ๊ธ๋ก๋ฒ ๋ธ๋ก๊ทธ, ์ ๋ ๋๋์ด ์ฒซ๋ฐ์ ๋ด๋๋ ์ต๋๋ค. (๋๊ทผ๋๊ทผ)
๐ ๏ธ ์ ๋ฐ๊ฟจ๋์? (SEO & ๊ตฌ์กฐํ)
๊ธฐ์กด์๋ ๋ชจ๋ ๊ธ์ด ๋จ์ํ๊ฒ /blog/[๊ธ์ ๋ชฉ] ํํ๋ก ๋์ด ์์ด์, ๊ธ์ด ๋ง์์ง์๋ก ์นดํ ๊ณ ๋ฆฌ๋ณ๋ก ๊ด๋ฆฌํ๊ธฐ๊ฐ ์ฝ์ง ์์์ด์.
๊ฒ์ ์์ง(SEO) ์ ์ฅ์์๋ "์ด ๊ธ์ด ์ฌํ ๊ธ์ธ์ง, ๊ฐ๋ฐ ๊ธ์ธ์ง" URL๋ง ๋ณด๊ณ ์๊ธฐ ์ด๋ ต๋ค๋ ๋จ์ ์ด ์์์ฃ .
๊ทธ๋์ ๊ณผ๊ฐํ๊ฒ ๊ฒฐ๋จ์ ๋ด๋ ธ์ต๋๋ค!
"์นดํ ๊ณ ๋ฆฌ๋ฅผ URL์ ํฌํจ์ํค์!"
โจ ๋ฌด์์ด ๋ฌ๋ผ์ก๋์?
1. ์ง๊ด์ ์ธ URL ๊ตฌ์กฐ (/[์นดํ ๊ณ ๋ฆฌ]/[์ ๋ชฉ])
์ด์ URL๋ง ๋ฑ ๋ด๋ ์ด๋ค ์ฃผ์ ์ ๊ธ์ธ์ง ์ ์ ์์ด์.
- Before: manbalboy.com/blog/jeju-trip (์ด๊ฒ ์ฌํ์ธ๊ฐ?)
- After: manbalboy.com/travel/jeju-trip (์ํ! ์ฌํ ๊ธ์ด๊ตฌ๋!)
2. ๊ธ๋ก๋ฒ ์ง์ ์์ (/en/...) ๐บ๐ธ
์์ด๊ถ ๋ ์๋ค์ ์ํด ์๋ฌธ ํ์ด์ง๋ ๋ณ๋๋ก ๋ถ๋ฆฌํ์ต๋๋ค.
์ด์ /en/tech/nextjs-tutorial ์ฒ๋ผ ์์ /en๋ง ๋ถ์ด๋ฉด ์๋ฌธ ๋ฒ์ ์ผ๋ก ์~ ์ด๋ํฉ๋๋ค. โ๏ธ
- ํ๊ตญ์ด: manbalboy.com/tech/react-hooks
- English: manbalboy.com/en/tech/react-hooks
3. ๋๋ํ ๋ฆฌ๋ค์ด๋ ํธ (Redirect) ๐
"์ด? ์์ ๋งํฌ๋ก ๋ค์ด์ค๋ฉด ์ด๋กํ์ฃ ?"
๊ฑฑ์ ๋ง์ธ์! ๊ธฐ์กด ๋งํฌ๋ก ์ ์ํด๋ ์๋์ผ๋ก ์๋ก์ด ์ฃผ์๋ก ์น์ ํ๊ฒ ์๋ด(Redirect) ํด๋๋ฆฝ๋๋ค.
์ฌ์ง์ด ์๋ฌธ ๊ธ์ด ์์ผ๋ฉด ํ๊ตญ์ด ์๋ฌธ์ผ๋ก ์ฐ๊ฒฐํด์ฃผ๋ ์ผ์ค๊น์ง! ๐
๐ป ๊ฐ๋ฐ ๋นํ์ธ๋ (Next.js & Notion API)
์ด๋ฒ ์์ ์ Next.js 14์ ๊ฐ๋ ฅํ ๋ผ์ฐํ ๊ธฐ๋ฅ๊ณผ Notion API๋ฅผ ํ์ฉํ์ต๋๋ค.
ํนํ Dynamic Routes์ Middleware ์์ด category ํ๋ผ๋ฏธํฐ๋ฅผ ์ ์ฐํ๊ฒ ์ฒ๋ฆฌํ๋ ๋ถ๋ถ์์ ๊ฝค๋ ๋จธ๋ฆฌ๋ฅผ ์ผ๋ต๋๋ค. ๐คฏ
- Canonical URL: SEO ์ค๋ณต์ ๋ง๊ธฐ ์ํด ํ์ค ์ฃผ์(Canonical) ์ค์ ๋ ๊ผผ๊ผผํ๊ฒ ์ฑ๊ฒผ๊ณ ์.
- Sitemap: ๊ตฌ๊ธ ๋ก๋ด์ด ์ ๊ธ์ด๊ฐ๋๋ก ์ฌ์ดํธ๋งต(sitemap.xml)๋ ์๋์ผ๋ก ์ ๋ฐ์ดํธ๋๋๋ก ๋ง๋ค์์ต๋๋ค. ์ด์ ๋ ๊น๋ํ๊ณ ์ฒด๊ณ์ ์ธ ๋ธ๋ก๊ทธ์์ ์์ง์ ์ฝํ ์ธ ๋ก ์ฐพ์๋ต๊ฒ ์ต๋๋ค!
ํน์ ๋ฒ๊ทธ๋ฅผ ๋ฐ๊ฒฌํ์๋ฉด ์ด์ง ์๋ ค์ฃผ์ธ์~ ๐
#Nextjs #Blog #SEO #WebDevelopment #Global #Refactoring #Manbalboy
โฌ๏ธ ์ด ๊ธ์ด ๋์์ด ๋์ จ๋ค๋ฉด, ์๋ ๊ด๊ณ ๋ฅผ ํ ๋ฒ๋ง ํด๋ฆญํด์ฃผ์ธ์! ์ ์๊ฒ ํฐ ํ์ด ๋ฉ๋๋ค ๐โโ๏ธ โฌ๏ธ