๋ฐœํ–‰์ผ:

์ˆ˜์ •์ผ:

ํ‹ฐ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ๋ฐ ํ’ˆ์งˆ ์ €ํ•˜ ๋ฌธ์ œ ์ด์ •๋ฆฌ

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์—์„œ ์ด๋ฏธ์ง€๊ฐ€ ํ๋ฆฌ๊ฒŒ ๋ณด์ด๊ฑฐ๋‚˜ ๊ณฐ๋Œ์ด ์•„์ด์ฝ˜์œผ๋กœ ํ‘œ์‹œ๋  ๋•Œ, ์›์ธ ๋ถ„์„๋ถ€ํ„ฐ ์‹ค์ „ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•๊นŒ์ง€ ์™„๋ฒฝ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ์—†์ด ๋ธ”๋กœ๊ทธ ํ’ˆ์งˆ์„ ์œ ์ง€ํ•˜์„ธ์š”.


ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์šด์˜์ž๋ผ๋ฉด ํ•œ ๋ฒˆ์ฏค์€ ๋ธ”๋กœ๊ทธ์— ์ด๋ฏธ์ง€๊ฐ€ ์ œ๋Œ€๋กœ ์ถœ๋ ฅ๋˜์ง€ ์•Š๊ฑฐ๋‚˜, ํ๋ฆฟํ•˜๊ฒŒ ๋ณด์ด๋Š” ๋ฌธ์ œ๋ฅผ ๊ฒช์–ด๋ณธ ๊ฒฝํ—˜์ด ์žˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ฒ˜์Œ์—” ๋‹จ์ˆœํžˆ ๋ธŒ๋ผ์šฐ์ € ๋ฌธ์ œ๋ผ๊ณ  ์ƒ๊ฐํ–ˆ๋‹ค๊ฐ€, ์ƒˆ๋กœ๊ณ ์นจ์„ ํ•ด๋„ ๊ทธ๋Œ€๋กœ๋ผ๋ฉด ๋‹นํ™ฉ์Šค๋Ÿฌ์šธ ์ˆ˜๋ฐ–์— ์—†์Šต๋‹ˆ๋‹ค.

์‚ฌ์‹ค ์ด๋Ÿฐ ๋ฌธ์ œ๋Š” ๋‹จ์ˆœํžˆ ๋ณด๊ธฐ ์•ˆ ์ข‹์€ ๊ฒƒ์„ ๋„˜์–ด, ๊ฒ€์ƒ‰ ๋…ธ์ถœ(SEO), ๋ฐฉ๋ฌธ์ž์˜ ์‹ ๋ขฐ๋„, ๊ทธ๋ฆฌ๊ณ  ๋ธ”๋กœ๊ทธ ์ „๋ฐ˜์˜ ํ’ˆ์งˆ๊นŒ์ง€ ๋ฌด๋„ˆ๋œจ๋ฆด ์ˆ˜ ์žˆ์–ด์š”.
์˜ค๋Š˜์€ ํ‹ฐ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜์™€ ํ’ˆ์งˆ ์ €ํ•˜ ๋ฌธ์ œ๋ฅผ ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ์ •๋ฆฌํ•˜๊ณ , ์ง์ ‘ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ด…๋‹ˆ๋‹ค.


ํ‹ฐ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ์ฃผ์š” ์ฆ์ƒ

์•„๋ž˜๋Š” ์ผ๋ฐ˜์ ์œผ๋กœ ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ๋ฐœ์ƒํ•˜๋Š” ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜์˜ ๋Œ€ํ‘œ์ ์ธ ์ฆ์ƒ์ž…๋‹ˆ๋‹ค.

  • ์ด๋ฏธ์ง€ ์ž๋ฆฌ์— ๊ณฐ๋Œ์ด ์•„์ด์ฝ˜ ๋“ฑ ๋Œ€์ฒด ์ด๋ฏธ์ง€ ๊ณฐ๋Œ์ด(Fallback) ์ถœ๋ ฅ
  • ์ด๋ฏธ์ง€ ๊ณต๊ฐ„๋งŒ ๋‚จ๊ณ  ๋‚ด์šฉ์ด ๋น„์–ด ์žˆ์Œ
  • ํŠน์ • ํŽ˜์ด์ง€์—์„œ ์ด๋ฏธ์ง€๊ฐ€ ๊ฐ„ํ—์ ์œผ๋กœ ๋ˆ„๋ฝ
  • ์ธ๋„ค์ผ์ด ํ๋ฆฟํ•˜๊ฒŒ ํ‘œ์‹œ๋˜๊ฑฐ๋‚˜ ์ €ํ•ด์ƒ๋„๋กœ ๋ณด์ž„

์ด๋Ÿฐ ํ˜„์ƒ์ด ๊ณ„์†๋œ๋‹ค๋ฉด, ๋‹จ์ˆœ ์˜ค๋ฅ˜๊ฐ€ ์•„๋‹ˆ๋ผ ๊ตฌ์กฐ์ ์ธ ๋ฌธ์ œ์ผ ๊ฐ€๋Šฅ์„ฑ์ด ๋†’์Šต๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ์›์ธ

1. ์ „๊ธฐํ†ต์‹ ์‚ฌ์—…๋ถ€ ๋ฐ ์‹œํ–‰๋ น ์—ฌ๋ถ€ ๊ฒ€ํ† ์ค‘

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

ํ‹ฐ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•
์ „๊ธฐํ†ต์‹ ์‚ฌ์—…๋ฒ• ๊ด€๋ จ ์˜ค๋ฅ˜๋Š” ๊ฐ„ํ˜น ์ƒˆ๋กœ ๊ณ ์นจ๋งŒ์œผ๋กœ ํ•ด๊ฒฐ๋˜๊ธฐ๋„ ํ•˜์ง€๋งŒ, ํ•ด๊ฒฐ๊นŒ์ง€ ์ƒ๋‹นํ•œ ์‹œ๊ฐ„์ด ์†Œ์š”๋˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค.

์ด ๋ฐฉ๋ฒ•์€ ์ƒ๊ฐ๋ณด๋‹ค ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค. ์•ฝ๊ฐ„์˜ ๋ณ€์น™์„ ์‚ฌ์šฉํ•˜๋ฉด ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋™์ผํ•œ ์ด๋ฏธ์ง€๋ฅผ ๋‘ ๋ฒˆ ์ €์žฅํ•œ ํ›„, ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•œ ์ด๋ฏธ์ง€๋ฅผ ์‚ญ์ œํ•˜๊ณ  ์ธ๋„ค์ผ ๋“ฑ๋ก ์ด๋ฏธ์ง€๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค.

๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•
ํ‹ฐ์Šคํ† ๋ฆฌ์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๋Œ€์ฒด ์ด๋ฏธ์ง€ ๋ฌธ์ œ์™€ ์ „๊ธฐํ†ต์‹ ์‚ฌ์—…๋ฒ• ๋ฐ ๋ถˆ๋ฒ•์ดฌ์˜๋ฌผ ์—ฌ๋ถ€ ๊ฒ€ํ†  ์˜ค๋ฅ˜

2. ์ด๋ฏธ์ง€ ๋กœ๋”ฉ ์˜ค๋ฅ˜ (Parsing Failure)

๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง ์—”์ง„์ด img ํƒœ๊ทธ์˜ src ์†์„ฑ์„ ์ •์ƒ์ ์œผ๋กœ ํŒŒ์‹ฑํ•˜์ง€ ๋ชปํ•˜๋ฉด, ํ•ด๋‹น ๋…ธ๋“œ๊ฐ€ ๋ Œ๋”๋ง ํŠธ๋ฆฌ์— ํฌํ•จ๋˜์ง€ ์•Š์œผ๋ฉฐ ๊ธฐ๋ณธ ๋Œ€์ฒด ์ด๋ฏธ์ง€(Fallback Icon)๊ฐ€ ๋…ธ์ถœ๋ฉ๋‹ˆ๋‹ค.

์ฆ‰ ๊ณฐ๋Œ์ด ์•„์ด์ฝ˜ ๋“ฑ์žฅ ๋กœ๋”ฉ ์‹คํŒจ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ๊ฐ€์žฅ ํ”ํ•œ ์›์ธ์€ ๋ฐ”๋กœ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ด๋ฏธ์ง€๋ฅผ ๋ถˆ๋Ÿฌ์˜ค์ง€ ๋ชปํ–ˆ์„ ๋•Œ์ž…๋‹ˆ๋‹ค.

์ฃผ์š” ์›์ธ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค:

  • ์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช…์ด ํ•œ๊ธ€ ๋˜๋Š” ๊ณต๋ฐฑ์„ ํฌํ•จํ•œ ๊ฒฝ์šฐ, URL ์ธ์ฝ”๋”ฉ ์˜ค๋ฅ˜๋กœ ์ธํ•ด ํŒŒ์‹ฑ ์‹คํŒจ
  • JPEG 2000, HEIC ๋“ฑ ๋ธŒ๋ผ์šฐ์ € ๋ฏธ์ง€์› ํฌ๋งท ์‚ฌ์šฉ ์‹œ ๋กœ๋”ฉ ์‹คํŒจ
  • ์—…๋กœ๋“œ ๋„์ค‘ ๋„คํŠธ์›Œํฌ ์˜ค๋ฅ˜๋กœ ํŒŒ์ผ ์ผ๋ถ€ ์†์ƒ CDN ์—…๋กœ๋“œ ์‹คํŒจ

3. ์™ธ๋ถ€ ์ด๋ฏธ์ง€ ๋งํฌ ์‚ฌ์šฉ (Cross-Origin Resource Access)

์™ธ๋ถ€ ๋„๋ฉ”์ธ์˜ ์ด๋ฏธ์ง€ ๋ฆฌ์†Œ์Šค๋ฅผ ์ง์ ‘ ์ฐธ์กฐํ•˜๋Š” ๊ฒฝ์šฐ, ํ•ด๋‹น ์„œ๋ฒ„์—์„œ ํ•ซ๋งํฌ(hotlink) ์ฐจ๋‹จ ์ •์ฑ…์ด๋‚˜ CORS ๋ณด์•ˆ ์ •์ฑ…์„ ์ ์šฉํ•˜๊ณ  ์žˆ๋‹ค๋ฉด ์š”์ฒญ์ด ์ฐจ๋‹จ๋˜์–ด ์ด๋ฏธ์ง€๊ฐ€ ๋กœ๋”ฉ๋˜์ง€ ์•Š์„์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • HTTP 403 (Forbidden), HTTP 404 (Not Found) ์˜ค๋ฅ˜ ๋ฐœ์ƒ
  • CORS ํ—ค๋” ๋ฏธ์„ค์ •์œผ๋กœ ์ธํ•ด ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋ฆฌ์†Œ์Šค๋ฅผ ๋ธ”๋ก ์ฒ˜๋ฆฌ

4 HTML ๊ตฌ์กฐ ์˜ค๋ฅ˜ (HTML Syntax , DOM Parsing Error)

HTML ๋‚ด img ์š”์†Œ๊ฐ€ ๊ตฌ์กฐ์ ์œผ๋กœ ์˜ฌ๋ฐ”๋ฅด์ง€ ์•Š์œผ๋ฉด, ํŒŒ์„œ๊ฐ€ ํ•ด๋‹น ๋ธ”๋ก์„ ๊ฑด๋„ˆ๋›ฐ๊ฑฐ๋‚˜ ๋ Œ๋”๋ง ๋„์ค‘ ์˜ค๋ฅ˜๋ฅผ ๋ฐœ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.

  • img ํƒœ๊ทธ ๋‚ด src ๋ˆ„๋ฝ, alt ์ƒ๋žต, ํƒœ๊ทธ ๋ฏธ๋‹ซํž˜ ๋“ฑ์œผ๋กœ ์ธํ•ด DOM ํŒŒ์„œ๊ฐ€ ํ•ด๋‹น ๋…ธ๋“œ๋ฅผ ๋ฌด์‹œ
  • ํŠนํžˆ src="" ํ˜•ํƒœ๋Š” ๋ Œ๋”๋ง ํŒŒ์ดํ”„๋ผ์ธ ์ค‘๋‹จ ๋˜๋Š” ๋ฆฌ์†Œ์Šค ์ ‘๊ทผ ์˜ค๋ฅ˜๋ฅผ ์œ ๋ฐœ
  • html ์ฝ”๋“œ ์ˆ˜์ • ์˜ค๋ฅ˜

5. ์ด๋ฏธ์ง€ ๋ฆฌ์‚ฌ์ด์ฆˆ ๋ฌธ์ œ

HTML ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ๊ณผ์ •์—์„œ ์ด๋ฏธ์ง€ ๋ฆฌ์‚ฌ์ด์ฆˆ ์ฝ”๋“œ๋ฅผ ์ž˜๋ชป ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ๊ฐ€๋กœ์„ธ๋กœ ๋น„์œจ์„ ์ž˜๋ชป ์„ค์ •ํ•œ ๊ฒฝ์šฐ๋„ ์ด๋ฏธ์ง€๊ฐ€ ๋…ธ์ถœ๋˜์ง€ ์•Š๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ• ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜์ˆ˜์ • ๋ฐฉ๋ฒ•-์ •ํ™•ํ•œ ์ด๋ฏธ์ง€ ์‚ฌ์ด์ฆˆ
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ์ˆ˜์ • ๋ฐฉ๋ฒ• - ์˜ฌ๋ฐ”๋ฅธ ์ด๋ฏธ์ง€ ์‚ฌ์ด์ฆˆ ์ ์š”ํ•œ ๊ฒฝ์šฐ
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์— ์˜ฌ๋ฐ”๋ฅธ ์ด๋ฏธ์ง€ ๋ฆฌ์•„์‹œ์ฆˆ๋ฅผ ์ ์šฉํ•œ ๊ฒฝ์šฐ
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์— ์ด๋ฏธ์ง€ ์‚ฌ์ด์ฆˆ๋ฅผ ์ž˜๋ชป ์ ์šฉํ•œ ๊ฒฝ์šฐ
์ด๋ฏธ์ง€ ๋ฆฌ์‚ฌ์ด์ฆˆ๊ฐ€ ์ž˜๋ชป ์ ์šฉ๋œ ๊ฒฝ์šฐ
ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜๋ฅ˜ ๋Œ€์ฒด ์ด๋ฏธ์ง€ ์ถœ๋ ฅ
์ด๋ฏธ์ง€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๋ฉด ๋Œ€์ฒด ์ด๋ฏธ์ง€๊ฐ€ ํ‘œ์‹œ๋จ

6. CDN ๋˜๋Š” ๋‚ด๋ถ€ ์„œ๋ฒ„ ์žฅ์•  (Storage/DB Access Error)

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

  • ์‚ฌ์šฉ์ž๋Š” ์„œ๋ฒ„์— ์ง์ ‘ ์ ‘๊ทผํ•˜๊ฑฐ๋‚˜ ์š”์ฒญํ•  ์ˆ˜ ์—†์Œ
  • ์ด๋ฏธ์ง€ ๊ฒฝ๋กœ๊ฐ€ ๋‚ด๋ถ€์ ์œผ๋กœ ์†์ƒ๋œ ๊ฒฝ์šฐ, ๋ณต๊ตฌ๋Š” ์šด์˜์ž ๊ถŒํ•œ์— ํ•œ์ •๋จ
  • ์ด๋ฏธ์ง€ ํŒŒ์ผ์€ ํ‹ฐ์Šคํ† ๋ฆฌ ์นด์นด์˜ค CDN ์˜ค๋ธŒ์ ํŠธ ์Šคํ† ๋ฆฌ์ง€๋กœ ์ด๊ด€๋จ
  • ํ•ด๋‹น ๊ฒฝ๋กœ์˜ ๋ฐ์ดํ„ฐ ์†์ƒ ๋˜๋Š” ์‚ญ์ œ ์‹œ, ์ผ๋ฐ˜ ๋ธ”๋กœ๊ฑฐ๊ฐ€ ๋ณต๊ตฌํ•  ์ˆ˜ ์—†์Œ

์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ์‹ค์ „ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

  • ์™ธ๋ถ€ ์ด๋ฏธ์ง€ ์‚ฌ์šฉ์„ ์ง€์–‘ํ•˜๊ณ , ๋ฐ˜๋“œ์‹œ ํ‹ฐ์Šคํ† ๋ฆฌ ์ž์ฒด ์—…๋กœ๋“œ ๊ธฐ๋Šฅ ์ด์šฉ
  • ์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช…์€ ์˜๋ฌธ, ์†Œ๋ฌธ์ž, ํ•˜์ดํ”ˆ์œผ๋กœ ๊ตฌ์„ฑ (์˜ˆ: tistory-thumbnail.jpg)
  • HTML ๊ตฌ์กฐ ์ ๊ฒ€: alt, src, loading ์†์„ฑ ํฌํ•จ ์—ฌ๋ถ€ ํ™•์ธ

UX์™€ SEO ๋ชจ๋‘์— ์ค‘์š”ํ•œ ์ด๋ฏธ์ง€ ๊ด€๋ฆฌ

ํ‹ฐ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜๋Š” ๋‹จ์ˆœํ•œ ์‹œ๊ฐ์  ๋ฌธ์ œ๋ฅผ ๋„˜์–ด ๊ฒ€์ƒ‰ ๋…ธ์ถœ, ์‚ฌ์šฉ์ž ์‹ ๋ขฐ๋„, ์ฝ˜ํ…์ธ  ํ’ˆ์งˆ์— ์ง์ ‘์ ์ธ ์˜ํ–ฅ์„ ์ค๋‹ˆ๋‹ค.

  • ๊ธฐ์ˆ ์ ์ธ ์›์ธ ๋ถ„์„ ํ›„ ์ •ํ™•ํ•œ ๋Œ€์‘
  • SEO ์ตœ์ ํ™”๋ฅผ ํ†ตํ•ด ๊ฒ€์ƒ‰์—”์ง„ ์นœํ™”์  ์ด๋ฏธ์ง€ ๊ตฌ์กฐ ์„ค๊ณ„
  • ์ด๋ฏธ์ง€ ํ’ˆ์งˆ์„ ์œ ์ง€ํ•ด ๋ธ”๋กœ๊ทธ ๊ฒฝ์Ÿ๋ ฅ ํ™•๋ณด

์ž‘์€ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜๋ผ๋„ ๋ฐฉ์น˜ํ•˜์ง€ ๋ง๊ณ , ํ‹ฐ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ์ „๋žต์„ ํ†ตํ•ด ๊ณ ํ’ˆ์งˆ ๋ธ”๋กœ๊ทธ๋ฅผ ์œ ์ง€ํ•˜์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.


ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ์—์„œ ์ด๋ฏธ์ง€๊ฐ€ ์ œ๋Œ€๋กœ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ  ๊ณฐ๋Œ์ด ์•„์ด์ฝ˜์ด ๋œจ๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

์ด๋ฏธ์ง€ ๋กœ๋”ฉ ์‹คํŒจ์˜ ์ฃผ์š” ์›์ธ์œผ๋กœ๋Š” ์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช…์ด ํ•œ๊ธ€์ด๋‚˜ ๊ณต๋ฐฑ ๋“ฑ์œผ๋กœ URL ์ธ์ฝ”๋”ฉ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๊ฑฐ๋‚˜, ์ง€์›ํ•˜์ง€ ์•Š๋Š” ์ด๋ฏธ์ง€ ํฌ๋งท ์‚ฌ์šฉ, ์™ธ๋ถ€ ์ด๋ฏธ์ง€ ๋งํฌ์˜ ํ•ซ๋งํฌ ์ฐจ๋‹จ, HTML ์ฝ”๋“œ ๋‚ด ์ด๋ฏธ์ง€ ํƒœ๊ทธ ์˜ค๋ฅ˜ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ํ‹ฐ์Šคํ† ๋ฆฌ์˜ CDN ๋˜๋Š” ์„œ๋ฒ„ ์žฅ์• ๋„ ์˜ํ–ฅ์„ ์ค„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ‹ฐ์Šคํ† ๋ฆฌ ์ด๋ฏธ์ง€๊ฐ€ ํ๋ฆฟํ•˜๊ฑฐ๋‚˜ ํ•ด์ƒ๋„๊ฐ€ ๋‚ฎ๊ฒŒ ๋ณด์ด๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ธ๊ฐ€์š”?

ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ์„œ๋ฒ„์—์„œ ์ž๋™์œผ๋กœ ์ด๋ฏธ์ง€๋ฅผ ๋ฆฌ์‚ฌ์ด์ง•ํ•˜์—ฌ ๋‹ค์–‘ํ•œ ๋””๋ฐ”์ด์Šค์— ๋งž์ถ”๋Š”๋ฐ, ์ด ๊ณผ์ •์—์„œ ์ด๋ฏธ์ง€ ์••์ถ•๊ณผ ํ•ด์ƒ๋„ ์ œํ•œ์œผ๋กœ ํ’ˆ์งˆ์ด ์ €ํ•˜๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํŠนํžˆ ๊ณ ํ•ด์ƒ๋„ ํ™”๋ฉด์—์„œ๋Š” ํ”ฝ์…€ ๋ฐ€๋„ ๋ถˆ์ผ์น˜๋กœ ์ธํ•ด ์ด๋ฏธ์ง€๊ฐ€ ๋”์šฑ ํ๋ฆฟํ•ด ๋ณด์ž…๋‹ˆ๋‹ค.

ํ‹ฐ์Šคํ† ๋ฆฌ ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ SEO ์ตœ์ ํ™”๋ฅผ ์œ„ํ•ด ๋ฌด์—‡์„ ์‹ ๊ฒฝ ์จ์•ผ ํ•˜๋‚˜์š”?

alt ์†์„ฑ์„ ์˜๋ฏธ ์žˆ๊ฒŒ ์ž‘์„ฑํ•˜๊ณ , ํŒŒ์ผ๋ช…์€ ์˜๋ฌธ ์†Œ๋ฌธ์ž์™€ ํ•˜์ดํ”ˆ์œผ๋กœ ๊ตฌ์„ฑํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์ด๋ฏธ์ง€ ์ฃผ๋ณ€ ํ…์ŠคํŠธ์™€ ์บก์…˜์— ํ‚ค์›Œ๋“œ๋ฅผ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ๋ฐฐ์น˜ํ•ด์•ผ ๊ฒ€์ƒ‰์—”์ง„ ์ธ์‹์ด ์ข‹์•„์ง‘๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  ๊ณ ๊ฐ์„ผํ„ฐ์—์„œ ํ•ด๊ฒฐ์ด ๋ถˆ๊ฐ€๋Šฅํ•  ๋•Œ๋Š” ์–ด๋–ป๊ฒŒ ํ•ด์•ผ ํ•˜๋‚˜์š”?

ํ‹ฐ์Šคํ† ๋ฆฌ ์„œ๋ฒ„ ๋˜๋Š” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋ฌธ์ œ๋กœ ๋ณต๊ตฌ๊ฐ€ ์–ด๋ ค์šด ๊ฒฝ์šฐ, ์žฅ๊ธฐ์ ์œผ๋กœ๋Š” ๋ธ”๋กœ๊ทธ๋ฅผ ์ƒˆ๋กœ ๊ฐœ์„คํ•˜๋Š” ๊ฒƒ์ด ๋” ํ˜„์‹ค์ ์ธ ํ•ด๊ฒฐ์ฑ…์ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.