Skip to content
SEO/seo-tips

์ด๋ฏธ์ง€ ์‚ฌ์šฉ์‹œ ๋ธ”๋กœ๊ทธ ์ €ํ’ˆ์งˆ ์˜ˆ๋ฐฉ ๋ฐฉ๋ฒ• ๋ฐ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•

๋ธ”๋กœ๊ทธ ์ตœ์ ํ™”๋ฅผ ์œ„ํ•œ ์ด๋ฏธ์ง€ SEO ํ•ต์‹ฌ: ์ €ํ’ˆ์งˆ ๋ฐฉ์ง€ ๋ฐ ๋ณ€ํ™˜ ๋ฐฉ๋ฒ•

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

๋ธ”๋กœ๊ทธ ์ €ํ’ˆ์งˆ์„ ์œ ๋ฐœํ•˜๋Š” ์ด๋ฏธ์ง€ ๋ฌธ์ œ์  ๋ถ„์„

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

์ด๋ฏธ์ง€ ํŒŒ์ผ์˜ ๋ฉ”ํƒ€ ์ •๋ณด(EXIF ๋ฐ์ดํ„ฐ)๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ๊ฒƒ์€ ๊ฒ€์ƒ‰ ์—”์ง„์ด ์ด๋ฏธ์ง€์˜ ๋…์ฐฝ์„ฑ์„ ํŒ๋‹จํ•˜๋Š” ๋ฐ ํฐ ์˜ํ–ฅ์„ ๋ฏธ์น˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ฒ€์ƒ‰ ์—”์ง„์€ ์ด๋ฏธ์ง€ ํŒŒ์ผ ์ž์ฒด์˜ ํ”ฝ์…€ ๊ตฌ์„ฑ๊ณผ ์ฃผ๋ณ€ ํ…์ŠคํŠธ, ๊ทธ๋ฆฌ๊ณ  ALT ์†์„ฑ์„ ๋” ์ค‘์š”ํ•˜๊ฒŒ ์—ฌ๊น๋‹ˆ๋‹ค.

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

๋ธ”๋กœ๊ทธ์— ์ด๋ฏธ์ง€๋ฅผ ํ™œ์šฉํ•˜๋Š” ์ด์œ ๋Š” ์‚ฌ์šฉ์ž์˜ ์ดํ•ด๋ฅผ ๋•๋Š” ๋ชฉ์  ์™ธ์—๋„ ๋…ธ์ถœ์˜ ์š”์†Œ๋ฅผ ๋” ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด์„œ์ž…๋‹ˆ๋‹ค. ๋…ธ์ถœ์˜ ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ด๋ฏธ์ง€๋ฅผ ์ฐฝ์ž‘๋ฌผ๋กœ ์ธ์‹์‹œํ‚ค๋Š” ์ •๊ตํ•œ ์ด๋ฏธ์ง€ SEO ์ž‘์—…์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€๋ฅผ ์ฐฝ์ž‘ํ•˜๋Š” ์ผ์€ ์‰ฝ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ˆ˜์ •๋„ ํž˜๋“  ์ผ์ž…๋‹ˆ๋‹ค. ๋‹ค์Œ์˜ ํ•ต์‹ฌ์ ์ธ ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ ์ตœ์ ํ™” ๋ฐฉ๋ฒ•์„ ์ ์šฉํ•˜์—ฌ ๊ฒ€์ƒ‰ ์—”์ง„ ์นœํ™”์ ์ธ ์ฝ˜ํ…์ธ ๋ฅผ ๋งŒ๋“ค์–ด๋ณด์„ธ์š”.

ํ…์ŠคํŠธ๋ฅผ ์ด๋ฏธ์ง€๋กœ ๋ณ€ํ™˜ํ•˜์—ฌ ๋…์ฐฝ์„ฑ ํ™•๋ณด ๋ฐฉ๋ฒ•

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

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

์ด๋ฏธ์ง€ ํŒŒ์ผ ํฌ๋งท ์ตœ์ ํ™”: WEBP ๋ณ€ํ™˜๊ณผ ์›น ์„ฑ๋Šฅ ๊ฐœ์„ 

์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช…, ๋ณ€ํ™˜ ๋ฐ ALT ์†์„ฑ ์„ค์ •์„ ํ†ตํ•œ ์ด๋ฏธ์ง€ ์ตœ์ ํ™”๋ฅผ ์ง„ํ–‰ํ•˜๋Š” ๊ฒƒ์€ ๋ธ”๋กœ๊ทธ์˜ ์„ฑ๋Šฅ๊ณผ SEO ์ ์ˆ˜๋ฅผ ๋†’์ด๋Š” ๋ฐ ํ•„์ˆ˜์ ์ž…๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€๋ฅผ ์ตœ์ ํ™”ํ•˜์—ฌ ์›น ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ๊ฒƒ์€ ๊ตฌ๊ธ€์˜ Core Web Vitals ์ ์ˆ˜ ๊ฐœ์„ ์— ์ง์ ‘์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค. ์›น ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„ ๊ฐœ์„ ์ด SEO์˜ ํ•ต์‹ฌ์ž…๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ํŒŒ์ผ ํฌ๋งท์„ WEBP๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ

๋ธ”๋กœ๊ทธ์— ์ด๋ฏธ์ง€๋ฅผ ํ™œ์šฉํ•˜๊ธฐ ์œ„ํ•ด ์–ด์ฉ” ์ˆ˜ ์—†์ด ํƒ€์ธ์˜ ์ฐฝ์ž‘๋ฌผ(์ €์ž‘๊ถŒ ๋ฌธ์ œ๊ฐ€ ์—†๋Š” ๋ฒ”์œ„ ๋‚ด์—์„œ)์„ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ๋Š” ๋‹ค์šด๋ฐ›์€ ํŒŒ์ผ์„ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์‹œ๊ณ  ํŒŒ์ผ ํ˜•ํƒœ๋ฅผ ๋ณ€๊ฒฝํ•ด์„œ ์‚ฌ์šฉํ•˜์„ธ์š”. JPG, PNG ๋“ฑ ๊ธฐ์กด ํŒŒ์ผ์„ WEBP ํŒŒ์ผ๋กœ ๋ณ€ํ™˜ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

JPG.PNG.....๋“ฑ ๊ธฐ์กด ํŒŒ์ผ์„ WEBPํŒŒ์ผ๋กœ ๋ณ€ํ™˜
JPG.PNG.....๋“ฑ ๊ธฐ์กด ํŒŒ์ผ์„ WEBPํŒŒ์ผ๋กœ ๋ณ€ํ™˜

PNG TO WEBP CONVERTER ์‚ฌ์ดํŠธ๋ฅผ ์ด์šฉํ•˜๋ฉด ์‰ฝ๊ฒŒ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.WEBP ํŒŒ์ผ์€ JPG๋‚˜ PNG ๋Œ€๋น„ ์••์ถ• ํšจ์œจ์ด ๋›ฐ์–ด๋‚˜๋ฉด์„œ๋„ ๊ณ ํ™”์งˆ์„ ์œ ์ง€ํ•  ์ˆ˜ ์žˆ์–ด, ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„๋ฅผ ๊ฐœ์„ ํ•˜๋Š” ๋ฐ ๊ฒฐ์ •์ ์ž…๋‹ˆ๋‹ค. ์ด์ฒ˜๋Ÿผ ์ด๋ฏธ์ง€ ์ €์šฉ๋Ÿ‰ ๊ณ ํ™”์งˆ ๋ณ€ํ™˜์€ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํš๊ธฐ์ ์œผ๋กœ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ํŒŒ์ผ ์ค‘ ์ €์šฉ๋Ÿ‰ ๊ณ ํ™”์งˆ์˜ WEBP ํŒŒ์ผ์€ ๊ตฌ๊ธ€์˜ ๊ถŒ์žฅ ์‚ฌํ•ญ์ด๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” Core Web Vitals ์ค‘ LCP(Largest Contentful Paint)๋ฅผ ๊ฐœ์„ ํ•˜์—ฌ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช… ์ตœ์ ํ™” (Rename)

์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช…์„ ๊ธ€์˜ ์ฃผ์ œ์™€ ๋‚ด์šฉ์— ๋งž๊ฒŒ ๊ตฌ์ฒด์ ์œผ๋กœ ๋ณ€๊ฒฝํ•˜์„ธ์š”. ํŒŒ์ผ๋ช…์€ ๊ฒ€์ƒ‰ ์—”์ง„์ด ์ด๋ฏธ์ง€๋ฅผ ์‹๋ณ„ํ•˜๋Š” ์ค‘์š”ํ•œ ์ดˆ๊ธฐ ๋‹จ์„œ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, 'IMG_1234.jpg' ๋Œ€์‹  '๋ธ”๋กœ๊ทธ-์ด๋ฏธ์ง€-์ตœ์ ํ™”-๊ฐ€์ด๋“œ.webp'์™€ ๊ฐ™์ด ํ•ต์‹ฌ ํ‚ค์›Œ๋“œ๋ฅผ ํฌํ•จํ•˜๋Š” ๋ฐฉ์‹์œผ๋กœ ๋ณ€๊ฒฝํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ด๋ฏธ์ง€ ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ์— ๋…ธ์ถœ๋  ํ™•๋ฅ ์„ ๋†’์ด๋Š” ๊ธฐ๋ณธ์ ์ธ ์ด๋ฏธ์ง€ SEO ์ž‘์—…์ž…๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช… ๋ณ€๊ฒฝ
์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช… ๋ณ€๊ฒฝ
ํŒŒ์ผ๋ช… ์œ ํ˜• ์˜ˆ์‹œ SEO ํ‰๊ฐ€
๋น„ํšจ์œจ์  image_001.jpg ๋งค์šฐ ๋‚ฎ์Œ (์ •๋ณด ์—†์Œ)
ํšจ์œจ์  ๋ธ”๋กœ๊ทธ-์ด๋ฏธ์ง€-alt-์†์„ฑ-์„ค์ •.webp ๋†’์Œ (๊ตฌ์ฒด์  ํ‚ค์›Œ๋“œ ํฌํ•จ)

์ด๋ฏธ์ง€ ์†์„ฑ ์„ค์ •์˜ ์™„์„ฑ: ALT ์†์„ฑ ๋ฐ data-alt ์†์„ฑ ํ™œ์šฉ

์ด๋ฏธ์ง€ ์†์„ฑ์„ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์„ค์ •ํ•˜๋Š” ๊ฒƒ์€ ์‹œ๊ฐ ์žฅ์•  ์‚ฌ์šฉ์ž ์ ‘๊ทผ์„ฑ(Accessibility) ํ™•๋ณด๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ์ธก๋ฉด์—์„œ๋„ ๋งค์šฐ ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ๋ธ”๋กœ๊ทธ์— ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ alt ์†์„ฑ(๋Œ€์ฒด ํ…์ŠคํŠธ)๊ณผ data-alt ์†์„ฑ์„ ๋ชจ๋‘ ์„ค์ •ํ•ด ์ฃผ๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋ฉด ๊ฒ€์ƒ‰์—”์ง„์ด ์ข€ ๋” ์ด๋ฏธ์ง€์˜ ๋‚ด์šฉ์„ ์ •ํ™•ํžˆ ํŒŒ์•…ํ•ด์„œ ๊ฒ€์ƒ‰์— ๋…ธ์ถœ๋  ํ™•๋ฅ ์ด ๋†’์•„์ง‘๋‹ˆ๋‹ค.

ํ•„์ˆ˜ ์†์„ฑ: ALT ์†์„ฑ(Alternative Text) ์ž‘์„ฑ ๊ฐ€์ด๋“œ

ALT ์†์„ฑ์€ ์ด๋ฏธ์ง€๋ฅผ ๋ณผ ์ˆ˜ ์—†๋Š” ์‚ฌ์šฉ์ž๋‚˜ ๊ฒ€์ƒ‰ ์—”์ง„ ๋กœ๋ด‡์—๊ฒŒ ์ด๋ฏธ์ง€๊ฐ€ ๋ฌด์—‡์„ ๋‹ด๊ณ  ์žˆ๋Š”์ง€ ์„ค๋ช…ํ•˜๋Š” ํ•„์ˆ˜ ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€๊ฐ€ ๊ธ€์˜ ๋‚ด์šฉ๊ณผ ์ง์ ‘์ ์ธ ๊ด€๋ จ์ด ์žˆ๋‹ค๋ฉด ๋ฐ˜๋“œ์‹œ ๊ตฌ์ฒด์ ์ธ ํ‚ค์›Œ๋“œ๋ฅผ ํฌํ•จํ•˜์—ฌ ์ž‘์„ฑํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ์ด๋ฏธ์ง€ ๊ฒ€์ƒ‰ ๋…ธ์ถœ ํ™•๋ฅ  ๋†’์ด๊ธฐ์˜ ํ•ต์‹ฌ ์š”์†Œ์ž…๋‹ˆ๋‹ค. ALT ํ…์ŠคํŠธ๋Š” ๊ฐ„๊ฒฐํ•˜๊ณ  ์„ค๋ช…์ ์ด์–ด์•ผ ํ•˜๋ฉฐ, ์ด๋ฏธ์ง€ ์ŠคํŒธ์„ ํ”ผํ•˜๊ธฐ ์œ„ํ•ด ํ‚ค์›Œ๋“œ๋ฅผ ๊ณผ๋„ํ•˜๊ฒŒ ๋ฐ˜๋ณตํ•ด์„œ๋Š” ์•ˆ ๋ฉ๋‹ˆ๋‹ค.

์„ ํƒ ์†์„ฑ: data-alt ์†์„ฑ ๋ฐ ๋””์ž์ธ ์š”์†Œ ์ฒ˜๋ฆฌ

alt ์†์„ฑ์€ ํ•„์ˆ˜ ์‚ฌํ•ญ์ด์ง€๋งŒ data-alt ์†์„ฑ์€ ์˜ˆ์™ธ๊ฐ€ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€๊ฐ€ ๊ธ€์˜ ๋‚ด์šฉ๊ณผ ์—ฐ๊ด€ ์—†์ด ๋””์ž์ธ์ ์ธ ์š”์†Œ(์˜ˆ: ๊ตฌ๋ถ„์„ , ๋‹จ์ˆœ ๋ฐฐ๊ฒฝ, ์žฅ์‹)๋กœ ์‚ฌ์šฉ๋  ์‹œ์—๋Š” ์˜ˆ์™ธ์ ์œผ๋กœ ์ž‘์„ฑํ•˜์ง€ ์•Š์•„๋„ ๋ฉ๋‹ˆ๋‹ค. ์ฆ‰, ๊ฒ€์ƒ‰์— ๋…ธ์ถœ๋˜๋„ ๋„์›€์ด ์•ˆ ๋˜๋Š” ๊ฒฝ์šฐ๋Š” ์˜ˆ์™ธ ์ฒ˜๋ฆฌํ•ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ, alt ์†์„ฑ๋„ ๋นˆ ๊ฐ’(`alt=""`)์œผ๋กœ ๋‘์–ด ์Šคํฌ๋ฆฐ ๋ฆฌ๋”๊ฐ€ ๋ถˆํ•„์š”ํ•œ ์„ค๋ช…์„ ๊ฑด๋„ˆ๋›ฐ๋„๋ก ์ฒ˜๋ฆฌํ•˜๋Š” ๊ฒƒ์ด ์ ‘๊ทผ์„ฑ ์ธก๋ฉด์—์„œ ๋ชจ๋ฒ” ์‚ฌ๋ก€์ž…๋‹ˆ๋‹ค. ๋ถˆํ•„์š”ํ•œ ์ด๋ฏธ์ง€์˜ ALT ์†์„ฑ์„ ์ƒ๋žตํ•˜๋Š” ๊ฒƒ์€ ์›น ์ ‘๊ทผ์„ฑ ์ตœ์ ํ™”์˜ ์ค‘์š”ํ•œ ๋ถ€๋ถ„์ž…๋‹ˆ๋‹ค.

์ด๋ฏธ์ง€์— ๋Œ€ํ•œ ์„ค๋ช…์€ ์˜ˆ์™ธ์ ์œผ๋กœ ์ž‘์„ฑ์ œ์™ธ ๊ฐ€๋Šฅ
์ด๋ฏธ์ง€์— ๋Œ€ํ•œ ์„ค๋ช…์€ ์˜ˆ์™ธ์ ์œผ๋กœ ์ž‘์„ฑ์ œ์™ธ ๊ฐ€๋Šฅ

Q1. ์ด๋ฏธ์ง€ ๋ฉ”ํƒ€ ์ •๋ณด(EXIF)๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ๊ฒƒ์ด SEO์— ์‹ค์ œ๋กœ ๋„์›€์ด ๋˜๋‚˜์š”?

A: ์ด๋ฏธ์ง€ ํŒŒ์ผ๋ช…, ALT ์†์„ฑ, ๊ทธ๋ฆฌ๊ณ  ์ด๋ฏธ์ง€์˜ ๋‚ด์šฉ(ํ”ฝ์…€ ๋ฐ์ดํ„ฐ)์— ๋น„ํ•˜๋ฉด ๋ฉ”ํƒ€ ์ •๋ณด ์ˆ˜์ •์€ SEO์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ์ด ๋งค์šฐ ๋ฏธ๋ฏธํ•ฉ๋‹ˆ๋‹ค. ๊ฒ€์ƒ‰ ์—”์ง„์€ ์ด๋ฏธ์ง€์˜ ๋‚ด์šฉ๊ณผ ALT ์†์„ฑ, ์ฃผ๋ณ€ ํ…์ŠคํŠธ์˜ ๋งฅ๋ฝ์„ ํ›จ์”ฌ ์ค‘์š”ํ•˜๊ฒŒ ํŒ๋‹จํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋ฉ”ํƒ€ ์ •๋ณด ์ˆ˜์ •์— ์‹œ๊ฐ„๊ณผ ๋…ธ๋ ฅ์„ ๋“ค์ด๊ธฐ๋ณด๋‹ค๋Š”, ํŒŒ์ผ ํฌ๋งท ๋ณ€ํ™˜(WEBP)๊ณผ ALT ์†์„ฑ ์ž‘์„ฑ์— ์ง‘์ค‘ํ•˜๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค. ์ด๋ฏธ์ง€ EXIF ๋ฐ์ดํ„ฐ์™€ SEO ์˜ํ–ฅ์€ ๋ฏธ๋ฏธํ•ฉ๋‹ˆ๋‹ค.

Q2. WEBP ํŒŒ์ผ๋กœ ๋ณ€ํ™˜ํ•˜๋ฉด ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฌธ์ œ๊ฐ€ ์—†๋‚˜์š”?

A: ๋Œ€๋ถ€๋ถ„์˜ ํ˜„๋Œ€ ์›น ๋ธŒ๋ผ์šฐ์ €(Chrome, Firefox, Edge, Safari ๋“ฑ)๋Š” WEBP ํฌ๋งท์„ ์™„๋ฒฝํ•˜๊ฒŒ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ตฌํ˜• ๋ธŒ๋ผ์šฐ์ € ์‚ฌ์šฉ์ž๋‚˜ ์ผ๋ถ€ ํŠน์ˆ˜ ํ™˜๊ฒฝ์„ ๊ณ ๋ คํ•œ๋‹ค๋ฉด, HTML์˜ `

` ํƒœ๊ทธ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ WEBP๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ๋ฅผ ๋Œ€๋น„ํ•ด JPG ๋˜๋Š” PNG ํŒŒ์ผ๋„ ํ•จ๊ป˜ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ์•ˆ์ „ํ•œ ์ด๋ฏธ์ง€ ์ €ํ’ˆ์งˆ ๋ฌธ์ œ์˜ ๋Œ€์‘ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ์ด๋Š” ์ด๋ฏธ์ง€ ํฌ๋งท์˜ ํ˜ธํ™˜์„ฑ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ํ‘œ์ค€์ ์ธ ์›น ๊ฐœ๋ฐœ ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค.

Q3. ๋ธ”๋กœ๊ทธ ์ด๋ฏธ์ง€ ์ €ํ’ˆ์งˆ ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธฐ๋Š” ๊ฒƒ์„ ์™„์ „ํžˆ ๋ง‰์„ ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ธ๊ฐ€์š”?

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

Latest in this category

    ์ฟ ํŒกํŒŒํŠธ๋„ˆ์Šค API V2 ๊ธฐ๋ฐ˜์œผ๋กœ ์ตœ์‹ ์ƒํ’ˆ ๋ฐ ์ธ๊ธฐ์ƒํ’ˆ์ด ์ž๋™ ๋…ธ์ถœ๋ฉ๋‹ˆ๋‹ค.

    AI ์ฑ—๋ด‡์œผ๋กœ ๊ด€๋ จ ์ •๋ณด๋ฅผ ๋น ๋ฅด๊ฒŒ ํ™•์ธํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฉˆ์ถค
    ๋…ธ๋ž˜ ์žฌ์ƒ ๋ฉˆ์ถค