[TIL] 1117 LikeLion๐Ÿฆ FES 13

Favicon

๋ธŒ๋ผ์šฐ์ €์˜ ํƒญ์„ ๋ณด๋ฉด ํƒญ๋งˆ๋‹ค ๊ฐ ์‚ฌ์ดํŠธ๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ์กฐ๊ทธ๋งˆํ•œ ์ด๋ฏธ์ง€๊ฐ€ ์žˆ๋Š” ๊ฑธ ๋ณผ ์ˆ˜ ์žˆ๋Š”๋ฐ, ์ด๊ฑธ Favicon(favourites+icon)์ด๋ผ๊ณ  ํ•œ๋‹ค.

Favicon & App Icon Generator์—์„œ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

๋””๋ฐ”์ด์Šค๋“ค์„ ์ œ๋Œ€๋กœ ์ง€์›ํ•˜๋ ค๋ฉด Generate icons for Web, Android, Microsoft, and iOS (iPhone and iPad) Apps๋ฅผ ์„ ํƒํ•ด์•ผ ํ•˜๊ฒ ์ง€๋งŒ, ์›น์‚ฌ์ดํŠธ์— ๊ฐ„๋‹จํ•˜๊ฒŒ ์“ธ ํŒŒ๋น„์ฝ˜์„ ๋งŒ๋“œ๋Š” ๊ฒƒ์ด๋ฏ€๋กœ 16x16์„ ์„ ํƒํ•ด์„œ Create Favicon์„ ํด๋ฆญํ–ˆ๋‹ค.

์ƒ์„ฑ๋œ ํŒŒ๋น„์ฝ˜์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„์„œ ์›น์‚ฌ์ดํŠธ์˜ ๋ฃจํŠธ ํด๋”์— ์ €์žฅํ•œ ๋’ค, HTML๋ฌธ์„œ <head>์— ์ฝ”๋“œ๋ฅผ ๋ถ™์—ฌ ๋„ฃ์–ด์ฃผ๋ฉด ๋์ด๋‹ค.

    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
        <link rel="icon" href="./favicon.ico" type="image/x-icon" />
        <title></title>
    </head>

Netlify๋กœ ๋ฐฐํฌ

Netlify๋Š” ์›น ํ˜ธ์ŠคํŒ… ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์—…์ฒด๋กœ

  • ์‚ฌ์šฉ๋ฒ•์ด ๊ฐ„๋‹จํ•˜๊ณ 
  • GitHub, GitLab, BitBucket๊ณผ ์—ฐ๋™์ด ๋˜๋ฉฐ
  • Https๋ฅผ ์ง€์›ํ•˜๊ธฐ์—

์ •์  ์›น์‚ฌ์ดํŠธ๋ฅผ ๋ฐฐํฌํ•˜๊ธฐ ์•„์ฃผ ์ ํ•ฉํ•˜๋‹ค. ์‹ฌ์ง€์–ด ๋ฌด๋ฃŒ๋‹ค.

๋ฐฐํฌ๊ณผ์ •

  1. New Site from Git์„ ํด๋ฆญํ•œ๋‹ค.

  2. ์—ฐ๋™ํ•˜๊ณ  ์‹ถ์€ Git Provider๋ฅผ ์„ ํƒํ•œ๋‹ค.

  3. ์ธ์ฆ ๊ณผ์ •์„ ๋งˆ์น˜๊ณ  ๋‚˜๋ฉด ๋ฐฐํฌํ•  ์‚ฌ์ดํŠธ์˜ ์ฝ”๋“œ๊ฐ€ ์žˆ๋Š” ์ €์žฅ์†Œ๋ฅผ ์„ ํƒํ•œ๋‹ค.

  4. ์‚ฌ์ดํŠธ์˜ ์ฃผ์ธ๊ณผ ๋ฐฐํฌํ•  ๋ธŒ๋žœ์น˜๋ฅผ ์„ ํƒํ•œ ๋‹ค์Œ, ์ •์ ์‚ฌ์ดํŠธ ์ƒ์„ฑ๊ธฐ๋‚˜ ๋นŒ๋“œํˆด์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์ง€ ์•Š๋‹ค๋ฉด ๋ฐ”๋กœ Deploy site๋ฅผ ํด๋ฆญํ•œ๋‹ค.

  5. ํ‘œ์‹œ๋œ url๋กœ ๋ฐฐํฌ๊ฐ€ ์™„๋ฃŒ๋˜์—ˆ์Œ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

์‚ฌ์ดํŠธ ์ด๋ฆ„ ๋ณ€๊ฒฝ

Netlify์—์„œ ์ œ๊ณตํ•œ ์‚ฌ์ดํŠธ ์ด๋ฆ„์€ ๋„ˆ๋ฌด ๊ธธ๊ณ  ๋ณต์žกํ•ด์„œ ์ ‘๊ทผ์„ฑ์ด ๋–จ์–ด์ง€๋Š”๋ฐ, ์ด๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ๋„ ์ œ๊ณตํ•œ๋‹ค.

  1. ํ•ด๋‹น ์‚ฌ์ดํŠธ์˜ Domain settings์— ๋“ค์–ด๊ฐ„ ๋’ค, Edit site name์„ ํด๋ฆญํ•œ๋‹ค.

  2. ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ์‚ฌ์ดํŠธ ์ด๋ฆ„์„ ์ž…๋ ฅํ•˜๊ณ  saveํ•˜๋ฉด ๋ฐ”๋€ ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

ํ•˜์ง€๋งŒ ์ด ๋ฐฉ๋ฒ•๋„ ๋‹จ์ ์ด ์žˆ๋Š”๋ฐ ๋’ค์— .netlify.app์ด ํ•„์ˆ˜๋กœ ๋ถ™๋Š”๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์ด๊ฒƒ๋„ ์‹ซ๋‹คํ•˜๋ฉด ์•„๋ž˜์˜ ์ปค์Šคํ…€ ๋„๋ฉ”์ธ ์„ค์ •์„ ๋”ฐ๋ฅด๋ฉด ๋œ๋‹ค.


์ปค์Šคํ…€ ๋„๋ฉ”์ธ ์„ค์ •

๊ฐ€๋น„์•„์—์„œ ์ตœ์ € 550์›(์ˆ˜์ˆ˜๋ฃŒ ํฌํ•จ)์ด๋ฉด 1๋…„๊ฐ„ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ๋„๋ฉ”์ธ์„ ๊ตฌ๋งคํ•  ์ˆ˜ ์žˆ๋‹ค.

๋„๋ฉ”์ธ ๊ตฌ๋งค

  1. ๊ฐ€๋น„์•„์—์„œ ๊ตฌ๋งคํ•˜๊ณ  ์‹ถ์€ ๋„๋ฉ”์ธ ์ด๋ฆ„์„ ๊ฒ€์ƒ‰ํ•˜๋ฉด ์‚ฌ์šฉ๊ฐ€๋Šฅํ•œ ๋„๋ฉ”์ธ์„ ์ถ”์ฒœํ•ด์ฃผ๋Š”๋ฐ, ๊ทธ ์ค‘ ๋งˆ์Œ์— ๋“œ๋Š” ๊ฑธ ์„ ํƒํ•˜๊ณ  ์‹ ์ฒญํ•˜๊ธฐ๋ฅผ ๋ˆ„๋ฅธ๋‹ค.

  2. ์‹ ์ฒญ ์ •๋ณด ๋‹จ๊ณ„๋กœ ๋„˜์–ด๊ฐ€๋ฉด ์•ž์˜ ํŽ˜์ด์ง€์™€ ๊ฐ€๊ฒฉ์ด ๋‹ค๋ฅด๊ฒŒ ๋‚˜์˜ฌํ…๋ฐ ๊ธฐ๊ฐ„์„ 1๋…„์œผ๋กœ ์„ค์ •ํ•˜๋ฉด ๊ธˆ์•ก์ด ์ œ๋Œ€๋กœ ๋‚˜์˜จ๋‹ค. ์–‘์‹์„ ๋ชจ๋‘ ์ฑ„์šฐ๊ณ  ๋‹ค์Œ ๋‹จ๊ณ„๋กœ ๋„˜์–ด๊ฐ„๋‹ค.

  3. ๊ฒฐ์ œ ๋ฐฉ์‹์„ ์„ ํƒํ•ด์„œ ๊ฒฐ์ œ๊ฐ€ ์™„๋ฃŒ๋œ ๋’ค ๊ตฌ๋งค๊ฐ€ ์„ฑ๊ณต์ ์œผ๋กœ ์ด๋ค„์กŒ๋‹ค๋ฉด, ์–ผ๋งˆ ํ›„ ๋„๋ฉ”์ธ ๋“ฑ๋ก์ด ์™„๋ฃŒ๋๋‹ค๋Š” ๋ฌธ์ž์™€ ์ด๋ฉ”์ผ์ด ์˜จ๋‹ค.

๋„๋ฉ”์ธ ์—ฐ๊ฒฐ

  1. Netlify์—์„œ ์‚ฌ์ดํŠธ ์ด๋ฆ„์„ ๋ณ€๊ฒฝํ•  ๋•Œ ๋“ค์–ด๊ฐ„ ๋ฉ”๋‰ด์—์„œ Add custom domain์„ ํด๋ฆญํ•œ๋‹ค.

  2. ๊ฐ€๋น„์•„์—์„œ ๊ตฌ๋งคํ•œ ๋„๋ฉ”์ธ์„ ์ž…๋ ฅํ•˜๊ณ  Verify๋ฅผ ํด๋ฆญํ•œ๋‹ค.

  3. ์•„๋งˆ ์•„๋ž˜์™€ ๊ฐ™์ด ๋“ฑ๋กํ•  ์ˆ˜ ์—†๋‹ค๋Š” ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜์˜ฌํ…๋ฐ ๋‹นํ™ฉํ•˜์ง€ ๋ง๊ณ  Add domain์„ ํด๋ฆญํ•œ๋‹ค.

  4. ์•„๋ž˜์˜ ์ด๋ฏธ์ง€๋Š” ์ด๋ฏธ ์—ฐ๊ฒฐ์ด ์„ฑ๊ณต๋œ ํ›„๋ผ์„œ Options ๋ฒ„ํŠผ ์˜†์— Netlify DNS ๋ฐฐ์ง€๊ฐ€ ๋‚˜์˜ค๋Š”๋ฐ ์›๋ž˜๋Œ€๋กœ๋ผ๋ฉด Check DNS configuration์ด๋ผ๋Š” ๊ฒฝ๊ณ ๋ฌธ์ด ๋‚˜์˜ฌ ๊ฒƒ์ด๋‹ค.
    ๊ทธ๋ ‡๋‹ค๋ฉด Options์˜ Go to DNS panel์„ ํด๋ฆญํ•œ๋‹ค.

  5. ์Šคํฌ๋กค์„ ์‚ด์ง ๋‚ด๋ ค์„œ Name Servers๋ฅผ ๋ณด๋ฉด custom hostname 4๊ฐœ๊ฐ€ ์žˆ์„ ๊ฒƒ์ด๋‹ค. ์ด ์ฐฝ์„ ๊ทธ๋Œ€๋กœ ๋„์›Œ๋†“๊ณ  ๊ฐ€๋น„์•„์— ์ ‘์†ํ•œ๋‹ค.

  6. ๊ฐ€๋น„์•„ ๋ฉ”์ธ ํŽ˜์ด์ง€์—์„œ ์„œ๋น„์Šค ๊ด€๋ฆฌ๋กœ ๋“ค์–ด๊ฐ„ ๋’ค, ๊ตฌ๋งคํ•œ ๋„๋ฉ”์ธ์˜ ๊ด€๋ฆฌํˆด์„ ํด๋ฆญํ•œ๋‹ค.

  7. ๋„ค์ž„ ์„œ๋ฒ„์˜ ์„ค์ •์„ ํด๋ฆญํ•œ๋‹ค.

  8. 5๋ฒˆ ํ•ญ๋ชฉ์—์„œ ์•Œ์•„๋‚ธ custom hostname 4๊ฐœ๋ฅผ ์ฐจ๋ก€๋กœ ์ž…๋ ฅํ•œ ๋’ค, ์†Œ์œ ์ž ์ธ์ฆ์„ ๋งˆ์น˜๊ณ  ์ ์šฉ์„ ํด๋ฆญํ•œ๋‹ค.

  9. ์–ผ๋งˆ ํ›„, Check DNS configuration์ด Netlify DNS๋กœ ๋ฐ”๋€Œ๋ฉด ์„ฑ๊ณตํ•œ ๊ฒƒ์ด๋‹ค.

  10. ๊ตฌ๋งคํ•œ ๋„๋ฉ”์ธ์œผ๋กœ ์ ‘์†๋˜๋Š” ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.


SNS ๊ณต์œ  ๊ธฐ๋Šฅ

addThis์„ ์ด์šฉํ•˜๋ฉด ์‚ฌ์šฉ์ž๊ฐ€ ํ˜„์žฌ ํŽ˜์ด์ง€๋ฅผ sns์— ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ๋ฒ„ํŠผ์„ ์‰ฝ๊ฒŒ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค.

  1. ์‚ฌ์ดํŠธ์— ์ ‘์†ํ•ด Get started, it's free๋ฅผ ํด๋ฆญํ•œ๋‹ค

  2. Share Buttons๋ฅผ ํด๋ฆญํ•œ๋‹ค

  3. ์›ํ•˜๋Š” ์Šคํƒ€์ผ์„ ๊ณ ๋ฅธ๋‹ค.

  4. Selected by You๋ฅผ ์„ ํƒํ•˜๋ฉด ์–ด๋–ค sns์˜ ๊ณต์œ ๋ฒ„ํŠผ์„ ๋„ฃ๊ณ  ๋บ„์ง€ ๊ฒฐ์ •ํ•  ์ˆ˜ ์žˆ๋‹ค.

  5. ๋””์ž์ธ์„ ์ปค์Šคํ…€ ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ฒ„ํŠผ์„ ๋™๊ทธ๋ž—๊ฒŒ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ๊ณ  sns ์ด๋ฆ„์„ ์ˆจ๊ธธ ์ˆ˜๋„ ์žˆ๋‹ค. ๊ฒฐ์ •๋์œผ๋ฉด Activate Tool์„ ํด๋ฆญํ•œ๋‹ค.

  6. Install Code๋Š” <body>์˜ ๋งˆ์ง€๋ง‰ ๋ผ์ธ์— ๋ถ™์—ฌ๋„ฃ๊ณ  Inline์˜ ์ฝ”๋“œ๋Š” ๊ณต์œ ๋ฒ„ํŠผ์„ ๋ณด์—ฌ์ฃผ๊ณ  ์‹ถ์€ ์œ„์น˜์— ๋ถ™์—ฌ๋„ฃ๋Š”๋‹ค.

  7. ํ•ด๋‹น ํŽ˜์ด์ง€ ํ•˜๋‹จ์— ๊ณต์œ ๋ฒ„ํŠผ์ด ์ƒ๊ธด ๊ฒƒ์ด ํ™•์ธ๋œ๋‹ค.


๊ด‘๊ณ  ๋ถ€์ฐฉ

์นด์นด์˜ค ์• ๋“œํ•์œผ๋กœ ์‚ฌ์ดํŠธ์— ๊ด‘๊ณ ๋ฅผ ๋‹ฌ ์ˆ˜ ์žˆ๋‹ค.

  1. ๋กœ๊ทธ์ธ์„ ํ•œ ๋’ค ๊ด‘๊ณ ๊ด€๋ฆฌ ํƒญ์— ๋“ค์–ด๊ฐ€ ์ƒˆ ๋งค์ฒด๋ฅผ ๋“ฑ๋กํ•œ๋‹ค.

  2. ๋งค์ฒด๋ช…์— ์‚ฌ์ดํŠธ์˜ ์ด๋ฆ„, ๋งค์ฒด๊ณ ์œ ๊ฐ’์— ์‚ฌ์ดํŠธ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•œ ๋’ค ๊ด‘๊ณ ๋‹จ์œ„ ๋“ฑ๋ก์„ ํด๋ฆญํ•œ๋‹ค.

  3. ๋ถ€์ฐฉํ•˜๋ ค๋Š” ๊ด‘๊ณ ์˜ ์ด๋ฆ„์„ ์ •ํ•ด์ฃผ๊ณ  ๊ฐ์ข… ์„ค์ •์„ ์›ํ•˜๋Š”๋Œ€๋กœ ํ•ด์ค€ ๋’ค ์Šคํฌ๋ฆฝํŠธ/SDK ๋ฐœ๊ธ‰์„ ํด๋ฆญํ•œ๋‹ค.

  4. ํ•ด๋‹น ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๊ด‘๊ณ ๋ฅผ ๋ถ€์ฐฉํ•˜๊ณ  ์‹ถ์€ ํŽ˜์ด์ง€์— ๋ถ™์—ฌ๋„ฃ๋Š”๋‹ค.
    ๋ ˆ์ด์•„์›ƒ์„ ์œ„ํ•ด <div class="kakao-ad">๋กœ ๊ฐ์‹ธ์„œ ๋„ฃ์—ˆ๋‹ค.

  1. ์‚ฌ์ดํŠธ ํ•˜๋‹จ์— ๊ด‘๊ณ ๋ฐฐ๋„ˆ๊ฐ€ ์ƒ๊ธด ๊ฑธ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.


๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ ๋…ธ์ถœ

์•„๋ฌด๋ฆฌ ๋ฉ‹์ง„ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ๋‹ค ํ•œ๋“ค ์‚ฌ๋žŒ๋“ค์ด ์ฐพ์•„์˜ฌ ์ˆ˜ ์—†์œผ๋ฉด ์†Œ์šฉ ์—†์„ ๊ฒƒ์ด๋‹ค. ๊ฒ€์ƒ‰์—”์ง„์˜ ํฌ๋กค๋Ÿฌ๊ฐ€ ์šฐ๋ฆฌ์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ์ž˜ ์ฐพ์•„์˜ฌ ์ˆ˜ ์žˆ๋„๋ก ํ•ด์•ผํ•œ๋‹ค.

robots.txt

Robots.txt ์†Œ๊ฐœ
์–ด๋–ค ๊ฒ€์ƒ‰๋กœ๋ด‡์—๊ฒŒ ์–ด๋–ค url์„ ํฌ๋กค๋ง ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ—ˆ๋ฝํ• ์ง€ ์ ์–ด๋‘” ํŒŒ์ผ์ด๋‹ค.

๋„ค์ด๋ฒ„ ์„œ์น˜ ์–ด๋“œ๋ฐ”์ด์ €์—์„œ ๋กœ๊ทธ์ธ ํ•œ ๋’ค, ์›น๋งˆ์Šคํ„ฐ ๋„๊ตฌ๋ฅผ ํด๋ฆญํ•œ๋‹ค.

๋“ฑ๋กํ•œ ์‚ฌ์ดํŠธ์˜ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•œ๋‹ค.

์•ž์—์„œ ์ž…๋ ฅํ•œ ์ฃผ์†Œ์˜ ์‚ฌ์ดํŠธ๊ฐ€ ๋ณธ์ธ์˜ ์†Œ์œ ์ธ์ง€ ํ™•์ธํ•˜๋Š” ๋‹จ๊ณ„๋‹ค. ๋ณธ์ธ์˜ ์†Œ์œ ๋ผ๋ฉด ์‚ฌ์ดํŠธ์˜ ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— ํŒŒ์ผ์„ ์—…๋กœ๋“œํ•˜๊ฑฐ๋‚˜ ์‚ฌ์ดํŠธ HTML ํŒŒ์ผ์„ ์ˆ˜์ •ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค. ๋„ค์ด๋ฒ„๋Š” ๋‹น์‚ฌ๊ฐ€ ์ œ๊ณตํ•œ ํŒŒ์ผ์ด๋‚˜ ๋ฉ”ํƒ€ํƒœ๊ทธ๊ฐ€ ์žˆ๋Š”์ง€ ํ™•์ธ๋˜๊ณ , ํ˜„์žฌ ์‚ฌ์ดํŠธ๋ฅผ ๋“ฑ๋กํ•˜๋ ค๋Š” ์‚ฌ๋žŒ์ด ํ•ด๋‹น ์‚ฌ์ดํŠธ์˜ ์†Œ์œ ์ž์ธ์ง€ ์•Œ์•„๋‚ผ ์ˆ˜ ์žˆ๋‹ค.

์‚ฌ์ดํŠธ์˜ ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— HTML ํ™•์ธ ํŒŒ์ผ์„ ์—…๋กœ๋“œ ํ•˜๊ณ  Git์˜ ์ €์žฅ์†Œ์— pushํ•œ๋‹ค.

์‚ฌ์ดํŠธ ์†Œ์œ ๊ฐ€ ํ™•์ธ๋˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์€ alert ์ฐฝ์ด ๋œฌ๋‹ค.

ํ™•์ธ ๋ฒ„ํŠผ์„ ๋ˆ„๋ฅด๋ฉด ๋“ฑ๋กํ•  ์‚ฌ์ดํŠธ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•˜๋Š” ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๋Š”๋ฐ, ์•„๋ž˜์˜ ์‚ฌ์ดํŠธ ๋ชฉ๋ก์— ์šฐ๋ฆฌ๊ฐ€ ๋“ฑ๋กํ•œ ์‚ฌ์ดํŠธ๊ฐ€ ์ถ”๊ฐ€๋œ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. ์ฃผ์†Œ๋ฅผ ํด๋ฆญํ•˜์ž.

์ฃผ์†Œ๋ฅผ ํด๋ฆญํ•˜๋ฉด ์‚ฌ์ดํŠธ ๊ด€๋ฆฌ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๊ณ  ์—ฌ๊ธฐ์—์„œ ๊ฒ€์ฆ ํƒญ์˜ robots.txt๋ฅผ ํด๋ฆญํ•œ๋‹ค.

ํด๋ฆญํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์€ alert์ฐฝ์ด ๋œฌ๋‹ค. ์ˆ˜์ง‘ ์š”์ฒญ์„ ํ•ด๋‹ฌ๋ผ๋‹ˆ ํ•ด๋ณด์ž

์Šคํฌ๋กค์„ ์‚ด์ง ๋‚ด๋ ค์„œ ์ˆ˜์ง‘์š”์ฒญ์„ ํด๋ฆญํ•œ๋‹ค.

์ˆ˜์ง‘์š”์ฒญ์ด ๋˜์—ˆ๋‹ค๋Š” alert์ฐฝ์ด ๋œจ๊ณ  ํ™•์ธ์„ ๋ˆ„๋ฅด๋ฉด robots.txt ์ •๋ณด๊ฐ€ ์ƒˆ๋กœ๊ณ ์นจ ๋˜๋ฉฐ ์ˆ˜์ง‘ํ•œ robots.txt์˜ ์ •๋ณด๊ฐ€ ๋‚˜์˜ฌ ๊ฒƒ์ด๋‹ค...๋งŒ?

์•„๋ฌด ๊ฒƒ๋„ ๋œจ์ง€ ์•Š๋Š”๋‹ค. ์™œ๋ƒ๋ฉด ํ•ด๋‹น ์‚ฌ์ดํŠธ์˜ ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— robots.txt ํŒŒ์ผ์ด ์—†๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.

์Šคํฌ๋กค์„ ์กฐ๊ธˆ๋งŒ ๋” ๋‚ด๋ ค๋ณด๋ฉด robots.txt๋ฅผ ๊ฐ„๋‹จํžˆ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.
๊ธฐ๋ณธ๊ฐ’์€ ๋„ค์ด๋ฒ„ ๊ฒ€์ƒ‰๋กœ๋ด‡, ์ˆ˜์ง‘์„ ํ—ˆ์šฉํ•ฉ๋‹ˆ๋‹ค๋กœ ๋˜์–ด์žˆ์ง€๋งŒ ๋„ค์ด๋ฒ„์˜ ๊ฒ€์ƒ‰๋กœ๋ด‡(Yeti)๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๋ชจ๋“  ๊ฒ€์ƒ‰๋กœ๋ด‡์ด ์ˆ˜์ง‘์„ ํ•  ์ˆ˜ ์žˆ๋„๋ก ์„ค์ •ํ•ด์ฃผ์—ˆ๋‹ค. User-agent๋Š” ์–ด๋–ค ๊ฒ€์ƒ‰๋กœ๋ด‡์—๊ฒŒ ์ˆ˜์ง‘์„ ํ—ˆ์šฉํ• ์ง€๋ฅผ ์˜๋ฏธํ•˜๊ณ  Allow๋Š” ์ˆ˜์ง‘์„ ํ—ˆ์šฉํ•  ํŒŒ์ผ ๊ฒฝ๋กœ๋ฅผ ์˜๋ฏธํ•œ๋‹ค.๋‹ค์šด๋กœ๋“œ๋ฅผ ํด๋ฆญํ•˜๋ฉด robots.txt๊ฐ€ ๋‹ค์šด๋กœ๋“œ ๋œ๋‹ค.

HTML ํ™•์ธํŒŒ์ผ๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์€ robots.txt ํŒŒ์ผ์„ ์‚ฌ์ดํŠธ์˜ ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— ์—…๋กœ๋“œ ํ•œ ๋’ค, Git ์ €์žฅ์†Œ์— pushํ•œ๋‹ค.

๊ทธ๋ฆฌ๊ณ  ๋‹ค์‹œ ์ˆ˜์ง‘์š”์ฒญ์„ ํ•˜๋ฉด ์•„๋ž˜์™€ ๊ฐ™์ด ์ œ๋Œ€๋กœ ์ˆ˜์ง‘๋œ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

sitemap.xml

์‚ฌ์ดํŠธ๋งต์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”?
sitemap.xml์€ ๊ฒ€์ƒ‰๋กœ๋ด‡์—๊ฒŒ ์šฐ๋ฆฌ ์‚ฌ์ดํŠธ์˜ ์ง€๋„๋ฅผ ๋ณด์—ฌ์คŒ์œผ๋กœ์จ ์ˆ˜์ง‘์„ ์›ํ™œํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” ํŒŒ์ผ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋œ๋‹ค.
XML Sitemaps์—์„œ ์†์‰ฝ๊ฒŒ sitemap.xml ํŒŒ์ผ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค.

sitemap์„ ์ƒ์„ฑํ•˜๋ ค๋Š” ์‚ฌ์ดํŠธ์˜ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  START๋ฅผ ํด๋ฆญํ•œ๋‹ค.

์‚ฌ์ดํŠธ๋ฅผ ํฌ๋กค๋งํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์—ฌ์ค€๋‹ค. ๋‘ ๊ฐœ์˜ ํŽ˜์ด์ง€๊ฐ€ ์Šค์บ”๋๋‹ค๋Š” ๊ฑธ ์•Œ ์ˆ˜ ์žˆ๋‹ค. VIEW SITEMAP DETAILS๋ฅผ ํด๋ฆญํ•˜์ž

sitemap.xml์„ ๋‹ค์šด๋กœ๋“œ ํ•  ์ˆ˜ ์žˆ๊ณ  ํฌ๋กค๋ง ๋œ ์‚ฌ์ดํŠธ์˜ ๊ฐ ํŽ˜์ด์ง€ url๊ณผ ์ตœ์ข… ์ˆ˜์ •์ผ, ์šฐ์„ ๋„๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.

ํ•ด๋‹น ์‚ฌ์ดํŠธ๋Š” ์ด 7๊ฐœ์˜ ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋˜์–ด ์žˆ๋Š”๋ฐ 2๊ฐœ์˜ ํŽ˜์ด์ง€๋งŒ ํฌ๋กค๋ง ๋์œผ๋ฏ€๋กœ ๋‚˜๋จธ์ง€ ํŽ˜์ด์ง€์˜ ์ •๋ณด๋Š” ์ง์ ‘ ๋„ฃ์–ด์ฃผ๊ธฐ๋กœ ํ–ˆ๋‹ค. ์•„๋งˆ 5๊ฐœ์˜ ํŽ˜์ด์ง€๋Š” ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ๊ฐ€ ์•„๋‹ˆ๋ผ results๋ผ๋Š” ํด๋”์— ๋“ค์–ด๊ฐ€์žˆ๊ธฐ ๋•Œ๋ฌธ์ธ ๊ฒƒ ๊ฐ™๋‹ค. VSC์—์„œ sitemap.xml์„ ์—ด์–ด์„œ 5๊ฐœ์˜ url์„ ์ง์ ‘ ์ถ”๊ฐ€ํ•ด์คฌ๋‹ค.

์ˆ˜์ •๋œ sitemap.xml ํŒŒ์ผ์„ ๋ฃจํŠธ ๋””๋ ‰ํ† ๋ฆฌ์— ์—…๋กœ๋“œ ํ•œ ๋’ค Git ์ €์žฅ์†Œ์— push ํ•œ๋‹ค.

๋„ค์ด๋ฒ„ ์›น๋งˆ์Šคํ„ฐ ๋„๊ตฌ์— ๊ฐ€์„œ ์š”์ฒญ ๋ฉ”๋‰ด์˜ ์‚ฌ์ดํŠธ๋งต ์ œ์ถœ ํƒญ์œผ๋กœ ๋“ค์–ด๊ฐ„๋‹ค.

์‚ฌ์ดํŠธ๋งต URL์„ ์ž…๋ ฅํ•˜๊ณ  ํ™•์ธ์„ ํด๋ฆญํ•˜๋ฉด ์‚ฌ์ดํŠธ๋งต์ด ์ œ์ถœ๋œ ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.


SEO

Search Engine Optimization(๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”)๋Š” ์‚ฌ์ดํŠธ๊ฐ€ ๊ฒ€์ƒ‰์—”์ง„์˜ ๊ฒ€์ƒ‰๊ฒฐ๊ณผ์— ์ž˜ ๋‚˜์˜ฌ ์ˆ˜ ์žˆ๋„๋ก ์ตœ์ ํ™”ํ•˜๋Š” ๊ฒƒ์„ ๋งํ•œ๋‹ค.

SEO Site Check Up

SEO Site Check Up์—์„œ SEO๊ฐ€ ์–ผ๋งˆ๋‚˜ ์ž˜ ๋˜์–ด์žˆ๋Š”์ง€ ํ‰๊ฐ€๋ฅผ ๋ฐ›์•„๋ณผ ์ˆ˜ ์žˆ๋‹ค.

์‚ฌ์ดํŠธ์— ์ ‘์†ํ•œ ๋’ค ํ‰๊ฐ€๋ฐ›์„ ์‚ฌ์ดํŠธ์˜ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•˜๊ณ  CheckUp์„ ํด๋ฆญํ•œ๋‹ค.

์‚ฌ์ดํŠธ์˜ SEO ์ ์ˆ˜๋ฅผ ์ ์ˆ˜๋กœ ์ˆ˜์น˜ํ™” ํ•ด์„œ ๋ณด์—ฌ์ฃผ๋Š”๋ฐ ๋ฌผ๋ก  ๋†’์„์ˆ˜๋ก ์ข‹๋‹ค.

SEO ์ ์ˆ˜๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด์„œ ๊ณ ์ณ์•ผ ํ•  ์ ๋“ค์„ ์•„์ฃผ ์ƒ์„ธํ•˜๊ฒŒ ๋ณด์—ฌ์ค€๋‹ค.

๋‹จ์ ์€ ์œ ๋ฃŒ์‚ฌ์ดํŠธ๋ผ ๊ทธ๋Ÿฐ์ง€, ํ•˜๋‚˜์˜ ์‚ฌ์ดํŠธ๋ฅผ ํ‰๊ฐ€๋ฐ›์€ ๋’ค์— ์–ผ๋งˆ๊ฐ„์˜ ์‹œ๊ฐ„์ด ์ง€๋‚˜์•ผ ๋‹ค๋ฅธ ์‚ฌ์ดํŠธ๋„ ํ‰๊ฐ€๋ฐ›์„ ์ˆ˜ ์žˆ๋‹ค๋Š” ์ ์ด๋‹ค.

๋„ค์ด๋ฒ„ ์›น๋งˆ์Šคํ„ฐ ๋„๊ตฌ

๋„ค์ด๋ฒ„์—์„œ๋„ SEO ํ‰๊ฐ€๋ฅผ ํ•ด์ค€๋‹ค. robots.txt์™€ sitemap.xml์„ ๋“ฑ๋กํ–ˆ๋˜ ์›น๋งˆ์Šคํ„ฐ ๋„๊ตฌ์˜ ๊ฒ€์ฆ ๋ฉ”๋‰ด์—์„œ ์›นํŽ˜์ด์ง€ ์ตœ์ ํ™” ํƒญ์œผ๋กœ ๋“ค์–ด๊ฐ€์ค€๋‹ค.

ํ‰๊ฐ€ํ•  ์‚ฌ์ดํŠธ ์ฃผ์†Œ๋ฅผ ์ž…๋ ฅํ•˜๋ฉด ๊ฒฐ๊ณผ๊ฐ€ ๋‚˜์˜ค๋Š”๋ฐ SEO Site Check Up์— ๋น„ํ•˜๋ฉด ๋‚ด์šฉ์ด ๋งŽ์ด ๋ถ€์‹คํ•œ ๊ฑธ ๋ณผ ์ˆ˜ ์žˆ์ง€๋งŒ ์•„๋ž˜์˜ ๋ฌธ์ œ์ ๋งŒ ๊ฐœ์„ ํ•ด๋„ ๊ฒ€์ƒ‰์— ๋” ์ž˜ ๊ฑธ๋ฆด ์ˆ˜ ์žˆ์„ ๊ฒƒ์ด๋‹ค.

SEO์— ์˜ํ–ฅ์„ ์ฃผ๋Š” ์š”์ธ

  • ์—ญ๋งํฌ
    ๋‹ค๋ฅธ ์‚ฌ์ดํŠธ(ex. naver.com)์— ๊ฒŒ์‹œ๋œ ํŠน์ • ์‚ฌ์ดํŠธ(ex. cool-jjin.shop)์˜ ๋งํฌ๋ฅผ ์—ญ๋งํฌ๋ผ๊ณ  ํ•œ๋‹ค. ์˜ํ–ฅ๋ ฅ์ด ๋†’์€ ์‚ฌ์ดํŠธ ํ•˜๋‚˜์— ๊ฑธ๋ ค์žˆ๋Š” ๊ฒƒ์ด ์ž์ž˜ํ•œ ์‚ฌ์ดํŠธ ์—ฌ๋Ÿฌ ๊ณณ์— ๊ฑธ๋ ค์žˆ๋Š” ๊ฒƒ๋ณด๋‹ค SEO์— ํฐ ์˜ํ–ฅ์„ ์ค€๋‹ค๊ณ  ํ•œ๋‹ค.
  • ๋ฐฉ๋ฌธ์ž ์ˆ˜
    ๋ฐฉ๋ฌธ์ž ์ˆ˜๊ฐ€ ๋งŽ์„์ˆ˜๋ก ์˜ํ–ฅ๋ ฅ์ด ๋†’์€ ์‚ฌ์ดํŠธ์ด๋ฏ€๋กœ SEO์— ์ข‹์€ ์˜ํ–ฅ์„ ๋ผ์นœ๋‹ค.
  • ์‹œ๋ฉ˜ํ‹ฑ ๋งˆํฌ์—…
    ์‚ฌ์ดํŠธ์˜ ๋งˆํฌ์—…์ด ์‹œ๋ฉ˜ํ‹ฑํ•˜๊ฒŒ ์งœ์—ฌ์žˆ์„์ˆ˜๋ก SEO์— ์ข‹์€ ์˜ํ–ฅ์„ ์ค€๋‹ค.
  • ๋ฉ”ํƒ€ํƒœ๊ทธ
    ๋ฉ”ํƒ€ํƒœ๊ทธ๋Š” ์‚ฌ์ดํŠธ์— ๊ด€ํ•œ ์ •๋ณด๋“ค์„ ์ œ๊ณตํ•ด์ฃผ๋Š” ํƒœ๊ทธ๋กœ "์ด ์‚ฌ์ดํŠธ๊ฐ€ ์–ด๋–ค ์‚ฌ์ดํŠธ์ž…๋‹ˆ๋‹ค~"๋ผ๊ณ  ์•Œ๋ ค์ฃผ๋Š” ์ •๋ณด๊ฐ€ ๋งŽ์„ ์ˆ˜๋ก ๊ฒ€์ƒ‰์—”์ง„์— ์ž˜ ๊ฑธ๋ฆฐ๋‹ค.

์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ