๋ฐœํ–‰์ผ:

์ˆ˜์ •์ผ:

๊ตฌ๊ธ€ ๊ด‘๊ณ ๋ฅผ ํ†ตํ•œ ๋ธ”๋กœ๊ทธ ์ˆ˜์ž… ์ฐฝ์ถœ์˜ ํ•„์š”์„ฑ๊ณผ ์ž๋™ ๊ด‘๊ณ  ์‚ฝ์ž…์— ๋Œ€ํ•œ ๊ณ ๋ ค ์‚ฌํ•ญ

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


1. ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค๋ฅผ ํ†ตํ•œ ๋ธ”๋กœ๊ทธ ์ˆ˜์ž… ์ฐฝ์ถœ์˜ ํ•ต์‹ฌ

๋ธ”๋กœ๊ทธ ์šด์˜์€ ๋‹จ์ˆœํ•œ ์ •๋ณด ๊ณต์œ ๋ฅผ ๋„˜์–ด, ์ ์ ˆํ•œ ์ˆ˜์ต ๋ชจ๋ธ์„ ํ†ตํ•ด ์šด์˜์ž์—๊ฒŒ ๊ฒฝ์ œ์  ์ด๋“์„ ์ œ๊ณตํ•˜๋Š” ํ”Œ๋žซํผ ์—ญํ• ์„ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ์ค‘์—์„œ๋„ ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค(Google AdSense)๋Š” ํ‹ฐ์Šคํ† ๋ฆฌ ๊ด‘๊ณ  ์ˆ˜์ต ์ตœ์ ํ™”๋ฅผ ๊ฟˆ๊พธ๋Š” ๋งŽ์€ ๋ธ”๋กœ๊ฑฐ์—๊ฒŒ ๊ฐ€์žฅ ์‹ ๋ขฐ๋ฐ›๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค. ํด๋ฆญ์ˆ˜์™€ ๋…ธ์ถœ์ˆ˜์— ๋”ฐ๋ผ ์ˆ˜์ต์ด ๊ฒฐ์ •๋˜๋Š” ๊ตฌ์กฐ ๋•๋ถ„์— ๊ณ ํ’ˆ์งˆ ์ฝ˜ํ…์ธ ๋Š” ๊ณง๋ฐ”๋กœ ์ˆ˜์ž…์œผ๋กœ ์ง๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

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

2. ์ž๋™ ๊ด‘๊ณ ์˜ ๊ทธ๋ฆผ์ž: CLS(Cumulative Layout Shift) ๋ฌธ์ œ์™€ SEO ์˜ํ–ฅ

์ž๋™ ๊ด‘๊ณ ์˜ ํŽธ๋ฆฌํ•จ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ , ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค ์ž๋™ ๊ด‘๊ณ ๋กœ ์ธํ•œ ๋ ˆ์ด์•„์›ƒ ์ด๋™(CLS) ํ˜„์ƒ ๋ฐฉ์ง€ ์ „๋žต์ด ์—†๋‹ค๋ฉด ๋ธ”๋กœ๊ทธ ์ง€์ˆ˜๋Š” ํ•˜๋ฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. CLS(๋ˆ„์  ๋ ˆ์ด์•„์›ƒ ์ด๋™)๋Š” ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์ค‘์— ๊ด‘๊ณ ๊ฐ€ ๊ฐ‘์ž๊ธฐ ์‚ฝ์ž…๋˜๋ฉด์„œ ์ฝ๊ณ  ์žˆ๋˜ ๋ณธ๋ฌธ์ด ์•„๋ž˜๋กœ ํˆญ ๋–จ์–ด์ง€๋Š” ํ˜„์ƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.

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

์„ฑ๋Šฅ ์ง€ํ‘œ ์„ค๋ช… ๋ฐ ์ค‘์š”์„ฑ ๊ด‘๊ณ ์™€์˜ ์ƒ๊ด€๊ด€๊ณ„
CLS (Layout Shift) ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ ์ธก์ • ์ง€ํ‘œ ๊ด‘๊ณ  ๋กœ๋”ฉ ์‹œ ๋ณธ๋ฌธ ๋ฐ€๋ฆผ ํ˜„์ƒ ์œ ๋ฐœ
LCP (Loading) ์ฃผ์š” ์ฝ˜ํ…์ธ  ๋กœ๋”ฉ ์†๋„ ๋ฌด๊ฑฐ์šด ๊ด‘๊ณ  ์Šคํฌ๋ฆฝํŠธ ์‹œ ์ง€์—ฐ ๋ฐœ์ƒ
UX (User Experience) ์‚ฌ์šฉ์ž ์ฒด๊ฐ ๋งŒ์กฑ๋„ ๋ฌด๋ถ„๋ณ„ํ•œ ๊ด‘๊ณ  ์œ„์น˜ ์„ ์ • ์‹œ ํ•˜๋ฝ

3. ์šด์˜์ž๊ฐ€ ์›ํ•˜๋Š” ์œ„์น˜์— ๊ด‘๊ณ  ์‚ฝ์ž…์ด ํ•„์š”ํ•œ ์ด์œ 

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

3.1. ์Šค๋งˆํŠธํ•œ ์ž๋™ํ™” ๊ด‘๊ณ ์˜ ์ด์ 

๋‹จ์ˆœ ์ž๋™ ๊ด‘๊ณ ์— ์˜์กดํ•˜๊ธฐ๋ณด๋‹ค ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™œ์šฉํ•œ ํ‹ฐ์Šคํ† ๋ฆฌ ํฌ์ŠคํŒ… ์ค‘๊ฐ„ ๊ด‘๊ณ  ์ž๋™ ๋ฐฐ์น˜ ํ”„๋กœ๊ทธ๋žจ ๊ตฌํ˜„์„ ๋„์ž…ํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ํšจ๊ณผ๋ฅผ ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • ์ฝ˜ํ…์ธ  ์นœํ™”์  ๋ฐฐ์น˜: ๊ธ€์˜ ์„œ๋ก , ๋ณธ๋ฌธ ์ค‘๊ฐ„, ๊ฒฐ๋ก  ๋’ค ๋“ฑ ๊ฐ€์žฅ ์ž์—ฐ์Šค๋Ÿฌ์šด ์œ„์น˜์— ๊ด‘๊ณ ๋ฅผ ๋ฐฐ์น˜ํ•ฉ๋‹ˆ๋‹ค.
  • ํด๋ฆญ๋ฅ (CTR) ํ–ฅ์ƒ: ๋…์ž๊ฐ€ ์ •๋ณด๋ฅผ ์ถฉ๋ถ„ํžˆ ์†Œ๋น„ํ•œ ์‹œ์ ์— ๊ด‘๊ณ ๋ฅผ ๋…ธ์ถœํ•˜์—ฌ ๊ฑฐ๋ถ€๊ฐ์„ ์ค„์ด๊ณ  ํด๋ฆญ์„ ์œ ๋„ํ•ฉ๋‹ˆ๋‹ค.
  • ํŽ˜์ด์ง€ ์†๋„ ๊ด€๋ฆฌ: ๋ถˆํ•„์š”ํ•œ ๋ ˆ์ด์•„์›ƒ ์ด๋™์„ ๋ฐฉ์ง€ํ•˜์—ฌ Core Web Vitals ์ง€ํ‘œ๋ฅผ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.
CLS ์ ์ˆ˜์™€ ๊ด‘๊ณ  ์ž๋™ํ™” ํ”„๋กœ๊ทธ๋žจ์˜ ์—ญํ• 

4. ๊ด‘๊ณ  ์‚ฝ์ž…์˜ ๊ท ํ˜•๊ณผ ์ˆ˜์ต ๊ทน๋Œ€ํ™” ์ „๋žต

๊ฒฐ๋ก ์ ์œผ๋กœ, ์„ฑ๊ณต์ ์ธ ์ˆ˜์ตํ˜• ๋ธ”๋กœ๊ทธ ์šด์˜์„ ์œ„ํ•ด์„œ๋Š” ๋ธ”๋กœ๊ทธ ์ˆ˜์ต ๊ทน๋Œ€ํ™”์™€ Core Web Vitals ์ง€ํ‘œ ๊ฐœ์„  ์‚ฌ์ด์˜ ๊ท ํ˜•์„ ์žก์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ตฌ๊ธ€ ์• ๋“œ์„ผ์Šค์˜ ์ž๋™ ๊ด‘๊ณ ๊ฐ€ ์ฃผ๋Š” ํŽธ๋ฆฌํ•จ์„ ์ˆ˜์šฉํ•˜๋˜, ์šด์˜์ž๊ฐ€ ์ง์ ‘ ๊ด‘๊ณ  ์œ„์น˜๋ฅผ ์ œ์–ดํ•  ์ˆ˜ ์žˆ๋Š” ๊ด‘๊ณ  ์ž๋™ํ™” ์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ™œ์šฉํ•˜๋Š” ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ์ „๋žต์ด ๊ฐ€์žฅ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค.

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

๋ธ”๋กœ๊ทธ ๊ด‘๊ณ  ์ˆ˜์ต ๊ทน๋Œ€ํ™” ์ „๋žต: ์ž๋™๊ด‘๊ณ ์™€ ์ˆ˜๋™๊ด‘๊ณ ์˜ ํ•ด๊ฒฐ์ฑ… ์ฝ”๋“œ ๊ณต์œ 


Q1: ์ž๋™ ๊ด‘๊ณ ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฌด์กฐ๊ฑด CLS ์ ์ˆ˜๊ฐ€ ๋‚˜๋น ์ง€๋‚˜์š”?

A1: ๊ทธ๋ ‡์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ด‘๊ณ ๊ฐ€ ๋“ค์–ด๊ฐˆ ๊ณต๊ฐ„์„ ๋ฏธ๋ฆฌ CSS๋กœ ํ™•๋ณด(min-height ๋“ฑ)ํ•˜์ง€ ์•Š์œผ๋ฉด ๋ ˆ์ด์•„์›ƒ ๋ฐ€๋ฆผ ํ˜„์ƒ์ด ๋ฐœ์ƒํ•  ํ™•๋ฅ ์ด ๋งค์šฐ ๋†’์Šต๋‹ˆ๋‹ค.

Q2: ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๊ด‘๊ณ  ์œ„์น˜๋ฅผ ์ œ์–ดํ•˜๋ฉด ๊ตฌ๊ธ€ ์ •์ฑ… ์œ„๋ฐ˜์ธ๊ฐ€์š”?

A2: ๊ด‘๊ณ  ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๊ฑฐ๋‚˜ ๊ฐ€๋ฆฌ๋Š” ํ–‰์œ„๋Š” ์œ„๋ฐ˜์ด์ง€๋งŒ, ๊ด‘๊ณ  ์ฝ”๋“œ๋ฅผ ๊ทธ๋Œ€๋กœ ์œ ์ง€ํ•œ ์ฑ„ ์‚ฝ์ž…๋˜๋Š” ์œ„์น˜๋งŒ ์ œ์–ดํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ๋Š” ์ •์ฑ…์ƒ ํ—ˆ์šฉ๋ฉ๋‹ˆ๋‹ค.

Q3: ๋ณธ๋ฌธ์— ๊ด‘๊ณ ๋ฅผ ๋ช‡ ๊ฐœ ์ •๋„ ๋„ฃ๋Š” ๊ฒƒ์ด ์ˆ˜์ต์— ๊ฐ€์žฅ ์ข‹๋‚˜์š”?

A3: ๊ธ€์˜ ๊ธธ์ด์— ๋”ฐ๋ผ ๋‹ค๋ฅด์ง€๋งŒ, ๋ณดํ†ต ๋ชจ๋ฐ”์ผ ๊ธฐ์ค€ ํ™”๋ฉด 2~3๊ฐœ ์Šคํฌ๋กค๋‹น 1๊ฐœ๊ฐ€ ์ ๋‹นํ•ฉ๋‹ˆ๋‹ค. ๋„ˆ๋ฌด ๊ณผํ•˜๋ฉด ์ฒด๋ฅ˜ ์‹œ๊ฐ„์ด ์งง์•„์ ธ ์žฅ๊ธฐ์ ์œผ๋กœ๋Š” ์†ํ•ด์ž…๋‹ˆ๋‹ค.

Q4: ๊ตฌ๊ธ€ ์„œ์น˜ ์ฝ˜์†”์—์„œ CLS ์˜ค๋ฅ˜๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด๊ฒฐํ•˜๋‚˜์š”?

A4: ๊ด‘๊ณ  ์œ ๋‹›์— ๊ณ ์ •๋œ ๋†’์ด๊ฐ’์„ ๋ถ€์—ฌํ•˜๊ฑฐ๋‚˜, ๋กœ๋”ฉ ์†๋„๊ฐ€ ๋А๋ฆฐ ์™ธ๋ถ€ ์Šคํฌ๋ฆฝํŠธ ์‚ฌ์šฉ์„ ์ œํ•œํ•˜์—ฌ ํŽ˜์ด์ง€ ๋ Œ๋”๋ง์„ ์•ˆ์ •ํ™”ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

Q5: ๊ด‘๊ณ  ์ž๋™ํ™” ํ”„๋กœ๊ทธ๋žจ์„ ์“ฐ๋ฉด ์ˆ˜์ต์ด ์ •๋ง ์˜ฌ๋ผ๊ฐ€๋‚˜์š”?

A5: ๋„ค, ์‚ฌ์šฉ์ž์˜ ์‹œ์„ ์ด ๋จธ๋ฌด๋Š” ๋ฌธ๋งฅ ๋์ด๋‚˜ ๋‹จ๋ฝ ์‚ฌ์ด์— ๊ด‘๊ณ ๋ฅผ ์ •ํ™•ํžˆ ๋ฐฐ์น˜ํ•˜๋ฉด ์˜คํด๋ฆญ์ด ์ค„์–ด๋“ค๊ณ  ์œ ํšจ ํด๋ฆญ์ˆ˜๊ฐ€ ๋Š˜์–ด๋‚˜ ์ˆ˜์ต ํ–ฅ์ƒ์— ํฐ ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.