nextjs,tailwindcss,vercel

SEO canonical URLs and redirects ์˜๋ฏธ์™€ ์ด์œ 

์ฃผ์˜ ๐Ÿฑ 2024. 11. 4. 12:35
728x90
๋ฐ˜์‘ํ˜•

Canonical URL๊ณผ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ์˜ ๊ฐœ๋…๊ณผ ์ค‘์š”์„ฑ์„ ์„ค๋ช…ํ•ด๋“œ๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค:

Canonical URL์ด๋ž€?

  1. ์ •์˜:
    • ๋™์ผํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๊ฐ€์ง„ ์—ฌ๋Ÿฌ URL๋“ค ์ค‘ "๋Œ€ํ‘œ URL"์„ ์ง€์ •ํ•˜๋Š” ๊ฒƒ
    • ๊ฒ€์ƒ‰์—”์ง„์— "์ด๊ฒƒ์ด ์›๋ณธ ํŽ˜์ด์ง€์ž…๋‹ˆ๋‹ค"๋ผ๊ณ  ์•Œ๋ ค์ฃผ๋Š” ์‹ ํ˜ธ

ํ•„์š”ํ•œ ์ด์œ :
์˜ˆ์‹œ: ๋‹ค์Œ URL๋“ค์ด ๋ชจ๋‘ ๊ฐ™์€ ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ค€๋‹ค๋ฉด
https://www.turtleinvest.site/calculator
https://turtleinvest.site/calculator
https://www.turtleinvest.site/calculator/
https://www.turtleinvest.site/calculator?ref=google

 

  • ๊ฒ€์ƒ‰์—”์ง„์ด ์ด๋ฅผ ๊ฐ๊ฐ ๋‹ค๋ฅธ ํŽ˜์ด์ง€๋กœ ์ธ์‹ํ•˜๋ฉด "์ค‘๋ณต ์ฝ˜ํ…์ธ " ๋ฌธ์ œ ๋ฐœ์ƒ
  • SEO ์ ์ˆ˜๊ฐ€ ๋ถ„์‚ฐ๋˜์–ด ๊ฒ€์ƒ‰ ์ˆœ์œ„๊ฐ€ ๋‚ฎ์•„์งˆ ์ˆ˜ ์žˆ์Œ
  • ํฌ๋กค๋ง ์˜ˆ์‚ฐ(crawl budget)์ด ๋น„ํšจ์œจ์ ์œผ๋กœ ์†Œ๋น„๋จ

 

 

๋ฆฌ๋‹ค์ด๋ ‰ํŠธ๋ž€?

  1. ์ •์˜:
    • ํ•œ URL์—์„œ ๋‹ค๋ฅธ URL๋กœ ์ž๋™์œผ๋กœ ์ด๋™์‹œํ‚ค๋Š” ๊ฒƒ
    • ์ฃผ๋กœ 301(์˜๊ตฌ) ๋˜๋Š” 302(์ž„์‹œ) ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ ์‚ฌ์šฉ

์‚ฌ์šฉํ•˜๋Š” ์ด์œ :

์˜ˆ์‹œ: 
turtleinvest.site → http://www.turtleinvest.site๋กœ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ
/ko → /ko/ ๋กœ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ

์ผ๊ด€๋œ URL ๊ตฌ์กฐ ์œ ์ง€
์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ๊ฐœ์„ 
SEO ๊ฐ€์น˜ ์ „๋‹ฌ



ํ˜„์žฌ ์‚ฌ์ดํŠธ์˜ ๋ฌธ์ œ์ :

์บ๋…ธ๋‹ˆ์ปฌ URL ๋ฌธ์ œ:

const canonicalUrl = locale === 'en-us' 
  ? `${baseUrl}${cleanPath}`
  : `${baseUrl}/${locale}${cleanPath}`

์บ๋…ธ๋‹ˆ์ปฌ URL์ด ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ๋˜๋Š” URL์„ ๊ฐ€๋ฆฌํ‚ด
์ด๋Š” ๊ฒ€์ƒ‰์—”์ง„์— ํ˜ผ๋ž€์„ ์ค„ ์ˆ˜ ์žˆ์Œ


๋ฆฌ๋‹ค์ด๋ ‰ํŠธ ์ฒด์ธ:
ํ˜„์žฌ ํ๋ฆ„:
turtleinvest.site/ko 
→ http://www.turtleinvest.site/ko 
→ http://www.turtleinvest.site/ko/

์—ฌ๋Ÿฌ ๋‹จ๊ณ„์˜ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ๋Š” ์„ฑ๋Šฅ ์ €ํ•˜
๊ฒ€์ƒ‰์—”์ง„ ํฌ๋กค๋ง ํšจ์œจ์„ฑ ๊ฐ์†Œ



๊ถŒ์žฅํ•˜๋Š” ํ•ด๊ฒฐ๋ฐฉ์•ˆ:

์บ๋…ธ๋‹ˆ์ปฌ URL ์ˆ˜์ •:
// ์ˆ˜์ •๋œ ์ฝ”๋“œ
const canonicalUrl = `${baseUrl}${locale === 'en-us' ? '' : '/' + locale}${cleanPath}/`

์ตœ์ข… ๋ชฉ์ ์ง€ URL์„ ์บ๋…ธ๋‹ˆ์ปฌ๋กœ ์ง€์ •
trailing slash ์ผ๊ด€์„ฑ ์œ ์ง€


๋ฆฌ๋‹ค์ด๋ ‰ํŠธ ์ตœ์ ํ™”:
# Nginx ์„ค์ • ์˜ˆ์‹œ
server {
    server_name turtleinvest.site;
    return 301 https://www.turtleinvest.site$request_uri;
}

๋‹จ์ผ ๋‹จ๊ณ„ ๋ฆฌ๋‹ค์ด๋ ‰ํŠธ๋กœ ๋ณ€๊ฒฝ
์„ฑ๋Šฅ๊ณผ SEO ๊ฐœ์„ 


์ผ๊ด€๋œ URL ๊ตฌ์กฐ:

www ์‚ฌ์šฉ ํ†ต์ผ
trailing slash ์‚ฌ์šฉ ํ†ต์ผ
๋กœ์ผ€์ผ ์ฒ˜๋ฆฌ ๋ฐฉ์‹ ํ†ต์ผ



์ด๋Ÿฌํ•œ ๋ณ€๊ฒฝ์„ ํ†ตํ•ด:

๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ๊ฐœ์„ 
ํŽ˜์ด์ง€ ๋กœ๋“œ ์†๋„ ํ–ฅ์ƒ
ํฌ๋กค๋ง ํšจ์œจ์„ฑ ์ฆ๊ฐ€
์ „๋ฐ˜์ ์ธ ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ ๊ฐœ์„ 

 

๋ฐ˜์‘ํ˜•