์ ๋์ผ์ค ๊ด๊ณ ๊ฐ ์ ๋์ฌ ๋?๊ด๊ณ ๋ฏธ๋ ธ์ถ ์์ธ๊ณผ ๋์ ์ ๋ต ์ด์ ๋ฆฌ ๋ฐ ์์ต ๋ฐฉ์
์ ๋์ผ์ค ๊ด๊ณ ๋ฏธ๋ ธ์ถ(๋น์นธ)์ ๊ทผ๋ณธ์ ์ธ ์์ธ์ ๋ถ์ํ๊ณ , 3์ค ๋์ฒด ๊ด๊ณ ์ ๋ต๊ณผ ๊ตฌ๊ธ์ AI ๊ธฐ๋ฐ ๋น ๊ณต๊ฐ ์ต์ ํ ์์คํ ์ ํ์ฉํ์ฌ ์์ต ์์ค์ ๋ง๊ณ ์ ์ฐฐ๋ฅ (Fill Rate)์ ๋์ด๋ ๊ตฌ์ฒด์ ์ธ SEO ๋ฐ ๊ธฐ์ ์ ๋์ ๋ฐฉ๋ฒ์ ์ ๋ฆฌํฉ๋๋ค.
๋ธ๋ก๊ทธ๋ฅผ ์ด์ํ๋ค ๋ณด๋ฉด ํ ๋ฒ์ฏค ์ด๋ฐ ์ํฉ์ ๊ฒฝํํด๋ณด์ จ์ ๊ฒ๋๋ค. ๊ด๊ณ ๊ฐ ๋ ธ์ถ๋์ด์ผ ํ ์์น์ ์๋ฌด๊ฒ๋ ํ์๋์ง ์๊ฑฐ๋, ๋น์นธ๋ง ๋จ๋ ํ์ ๋ง์ด์ฃ . ์ด๋ฌํ ๊ด๊ณ ๋ฏธ๋ ธ์ถ, ์ฆ '์ธํ๋ ์ฌ๋กฏ(Unfilled Slot)'์ ๋จ์ํ ์๊ฐ์ ๋ฌธ์ ๋ฅผ ๋์ด์, ๋ธ๋ก๊ทธ ์์ต ์์ค(Revenue Loss), ์ฝ์ด ์น ๋ฐ์ดํ(Core Web Vitals) ์ค CLS (Cumulative Layout Shift) ๋ฌธ์ ์ ๋ฐ, ๊ทธ๋ฆฌ๊ณ ์ฝํ ์ธ ๋์์ธ์ ์ ๊ทผ์ฑ ์ ํ๋ก ์ด์ด์ง ์ ์์ต๋๋ค.
์ด์ ๊ฐ์ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๊ธฐ ์ํด, ๊ทธ๋์ ์ฌ๋ฌ ๊ฐ์ง ๋์ ๋ฐฉ๋ฒ์ ์๊ฐํด ๋๋ ธ์ต๋๋ค.
๊ฐ์ฅ ์ฒ์ ์ ์ํ๋ ๋ฐฉ์์ ๊ด๊ณ ์์ญ ํ๋ณด์ ์ฌ๋ฐฑ ๋ฌธ์ ํด๊ฒฐ, ๊ทธ๋ฆฌ๊ณ ์บ์๋ฌธ์ ๋ฑ๋ค์ํ ๋ฐฉ๋ฒ์ด์์ต๋๋ค. ๊ทธ์ค ํ๋๋ ์ด๋ฏธ์ง๋ฅผ ํ์ฉํด ๊ด๊ณ ๊ณต๊ฐ์ ํ๋ณดํ๋ ๋ฐฉ๋ฒ, ๊ทธ๋ฆฌ๊ณ ๋ณด๋ค ๋ฐ์ ๋ ํํ๋ก๋ 3์ค ๊ด๊ณ ๋ ธ์ถ ๊ตฌ์กฐ์์ฃ . ์ด ๊ตฌ์กฐ๋ ๋ค์๊ณผ ๊ฐ์ ๋ฐฉ์์ผ๋ก ๋์ํฉ๋๋ค:
- 1์ฐจ ์๋ (๊ณ ์์ต): ์ ๋์ผ์ค ๊ด๊ณ ๊ฐ ์ ์์ ์ผ๋ก ๋ ธ์ถ๋๋๋ก ์๋
- 2์ฐจ ๋์ฒด (์ค์์ต): ์ ๋์ผ์ค๊ฐ ๋ฏธ๋ ธ์ถ๋ ๊ฒฝ์ฐ, ์ ๋ํ ๊ด๊ณ ๋๋ ํ ํ(Tenping)๊ณผ ๊ฐ์ ๋์ฒด ํ๋ซํผ ๊ด๊ณ ๋ก ๋์ฒด
- 3์ฐจ ๋ณด์ (์ ์์ต/UX): ์ ๋ํ๋ง์ ๋ฏธ๋ ธ์ถ๋๋ฉด, ๋ด๋ถ ์ถ์ฒ ์ฝํ ์ธ ๋ฐฐ๋, ์ ํด ์ด๋ฏธ์ง ๋๋ ์์ฒด ๊ด๊ณ ๋ฐฐ๋๋ก ๋น๊ณต๊ฐ์ ์ปค๋ฒํ์ฌ CLS์ UX ๋ฌธ์ ๋ฐฉ์ง
์ด๋ฐ ๋ฐฉ์์ ๊ด๊ณ ์์ต ์์ค์ ์ค์ด๊ณ , ์ฌ์ฉ์์๊ฒ๋ ์ฝํ ์ธ ๊ฐ ๊นจ์ง์ง ์์ ์์ ์ ์ธ ํ๋ฉด์ ์ ๊ณตํ๋ ๋ฐ ํจ๊ณผ์ ์ผ ์ ์์ต๋๋ค. ๋ํ ์ ๋์ผ์ค๋ฅผ ๋น๋กฏํ ๊ด๊ณ ๋ ธ์ถ์ ์ต์ ํํ๊ธฐ ์ํด, ์๋จ ๊ณ ์ ๊ด๊ณ , ์นดํ ๊ณ ๋ฆฌ ์๋ํ ๊ด๊ณ , ์ฌ์ด๋ ๊ด๊ณ , ๋๊ธ ์์ญ ํ์ฅ ๋ฑ ๋ค์ํ ๋ ธ์ถ ๋ฐฉ๋ฒ๋ ํจ๊ป ๊ณ ๋ฏผํด ๋ณด์์ต๋๋ค. ๋ค๋ง, ์ด๋ฌํ ๋ค์ํ ๋ฐฉ๋ฒ ์ค ์ผ๋ถ๋ ํฐ์คํ ๋ฆฌ ์ด์ ์ ์ฑ ์ ์๋ฐ๋๋ ๊ฒ์ผ๋ก ๊ฐ์ฃผ๋์ด ์ ์ฌ๋ฅผ ๋ฐ์ ์ ์๋ค๋ ์ ๋ ์๊ณ ์์ต๋๋ค.
๊ตฌ๊ธ ๊ณต์ ๋์์ฑ : AI ๊ธฐ๋ฐ ๋ฌธ๋งฅ ์ถ์ฒ ์์คํ ๊ณผ ์์ตํ
์ต๊ทผ, ์ด๋ฌํ ๊ด๊ณ ๋ฏธ๋ ธ์ถ ๋ฌธ์ (Ad Non-Display Issue)๋ฅผ ๊ตฌ๊ธ ์ญ์ ๊ณต์์ ์ผ๋ก ์ธ์ํ๊ณ ์๋ค๋ ์ ์ ๋๋ค. 2025๋ 7์ ๊ธฐ์ค, ๊ตฌ๊ธ์ ์ ๋์ผ์ค ๊ด๊ณ ์์คํ ์์ ์ฑ์์ง์ง ์์ ์ธํ์ด์ง ๊ด๊ณ ๊ณต๊ฐ(Unfilled Ad Space)์ ๋ณด๋ค ํจ์จ์ ์ผ๋ก ํ์ฉํ๋ ์๋ก์ด ๋ฐฉ๋ฒ์ ์คํํ๊ณ ์์ผ๋ฉฐ, ๊ณง ์ ๋ฉด ์ํํ ์์ ์ ๋๋ค. ์ด๋ ๊ด๊ณ ์ ์ฐฐ ์คํจ ์์๋ ์์ต ๊ธฐํ๋ฅผ ์ฐฝ์ถํ๋ ํ๊ธฐ์ ์ธ ๋ณํ์ ๋๋ค.

์ด์ ๊น์ง๋ ๊ด๊ณ ๊ฐ ํ์๋์ง ์์ผ๋ฉด ๊ณต๊ฐ์ด ๋น ์ฑ๋ก ๋จ์์ง๋ง, ์ด์ ๋ ๊ตฌ๊ธ์ด ํด๋น ๊ณต๊ฐ์ AI ๊ธฐ๋ฐ์ ๋ฌธ๋งฅ์ ๋ง๋ ์ถ์ฒ ์ฝํ ์ธ ๋ฅผ ์ฝ์ ํ์ฌ ์ฌ์ฉ์์ ํด๋ฆญ์ ์ ๋ํ๊ณ , ๊ทธ ํด๋ฆญ ์ดํ์ ๊ด๊ณ ๋ฅผ ๋ ธ์ถํ๋ ์๋ก์ด ๋ฐฉ์์ผ๋ก ์ ํํ๋ ค ํ๊ณ ์์ต๋๋ค. ์ด๋ ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ์ ์งํ๋ฉด์๋ ์ ์ฌ์ ์ธ ์์ต์ ํ๋ณดํ๋ ๋กฑํ ์ผ ์์ต ๋ชจ๋ธ์ ๋๋ค.
์ด ๊ธ์์๋ ๋ค์ ๋ด์ฉ์ ์ค์ ์ ์ผ๋ก ๋ค๋ฃจ๊ฒ ์ต๋๋ค.
- ๊ด๊ณ ๋ฏธ๋ ธ์ถ์ ๊ทผ๋ณธ ์์ธ: ๊ธฐ์ ์ ๋ฌธ์ vs. RTB ์ ์ฐฐ ์คํจ
- ๋น๊ณต๊ฐ์ ์์ตํํ๋ ๊ธฐ์กด์ ๋ค์ค ๋์ฒด ๊ด๊ณ ๋์ ์ ๋ต
- ๊ตฌ๊ธ์ด ์ค๋น ์ค์ธ ๋ฌธ๋งฅ ์ถ์ฒ ๊ธฐ๋ฐ ๊ด๊ณ ์ ํ ๋ฐฉ์ ์์ธ ๋ถ์
- ์ ๋์ผ์ค ์ ์ฐฐ๋ฅ (Fill Rate)์ ๋์ด๊ธฐ ์ํ ์ฝํ ์ธ ์ค๊ณ ์ ๋ต
์ฃผ์ ํน์ง ๋ฐ ๊ธฐ๋ ํจ๊ณผ
2025๋ 7์๋ถํฐ ๋จ๊ณ์ ์ผ๋ก ๋์ ๋๋ ๊ตฌ๊ธ์ ์ฑ์์ง์ง ์์ ๊ด๊ณ ๊ณต๊ฐ ์ต์ ํ ์์คํ ์ RTB ์ ์ฐฐ ์คํจ๋ก ์ธํ ์์ต ์์ค์ ์ค์ด๋ ๊ตฌ๊ธ์ ๊ณต์์ ์ธ ๋์์ฑ ์ ๋๋ค.
- ๋ฌธ๋งฅ ๊ธฐ๋ฐ ์ถ์ฒ ์ฝํ
์ธ ์ ๊ณต
๊ด๊ณ ๋์ ํด๋น ํ์ด์ง ์ฃผ์ ์ ์ฐ๊ด์ฑ์ด ๋์ ๋ด๋ถ ์ฝํ ์ธ (์ถ์ฒ๊ธ) ๋๋ ์ํ/์๋น์ค ์ถ์ฒ ์ฝํ ์ธ ๊ฐ ์๋์ผ๋ก ๋ ธ์ถ๋จ. (์: '์ฌํ์ง ์ถ์ฒ' ๊ธ์ '์ฌํ์ ๋ณดํ ์ ๋ณด' ์ถ์ฒ) - ์ถ์ฒ ํด๋ฆญ ์ ๋ํํ ํจ๋ ํ์์ผ๋ก ๊ด๊ณ ๋ ธ์ถ ์ ํ (์ฌ์ฉ์๊ฐ ๊ด์ฌ์ ๋ณด์ธ ํ ๊ด๊ณ ๋ฅผ ๋ณด์ฌ์ฃผ๋ฏ๋ก ํด๋ฆญ๋ฅ (CTR)์ด ๋์์ง ๊ฐ๋ฅ์ฑ์ด ํผ)
- ๊ตฌ๊ธ ์ ๋์ผ์ค ์ค์ ์์ '๋น์ด ์๋ ์ธํ์ด์ง ๊ด๊ณ ์ฑ์ฐ๊ธฐ' ํญ๋ชฉ์ด ์๋ ํ์ฑํ๋จ
- ๊ด๊ณ ์ ์ฐฐ ์คํจ ์์๋ ์ฌ์ฉ์์ ์ฒด๋ฅ ์๊ฐ์ ํ๋ณดํ๊ณ , ์ ์ฌ์ ์ธ ์์ต ์ ํ์ ์ ๋ํจ
์ค์ ๋ณ๊ฒฝ ๋ฐ ํด์ ๋ฐฉ๋ฒ
- ์ ๋์ผ์ค ๊ณ์ ๋ก๊ทธ์ธ
- [๋ธ๋๋ ์์ ์ฑ] [์ฝํ ์ธ ] [์ฐจ๋จ ์ค์ ]์ผ๋ก ์ด๋
- [๊ด๊ณ ๊ฒ์ฌ ๊ด๋ฆฌ] ๋ฉ๋ด ํด๋ฆญ
- '๋์คํ๋ ์ด ๊ด๊ณ ' ํญ๋ชฉ ๋ด ๋น์ด ์๋ ์ธํ์ด์ง ๊ด๊ณ ์ฑ์ฐ๊ธฐ ๋นํ์ฑํ ๊ฐ๋ฅ (ํ์์)
์ด ๊ธฐ๋ฅ์ ๊ธฐ๋ณธ๊ฐ์ผ๋ก ํ์ฑํ๋๋ฉฐ, ๋ธ๋ก๊ทธ ์ด์์๋ ๋นํ์ฑํ ์ฌ๋ถ๋ง ์ ํํ๋ฉด ๋ฉ๋๋ค. ์ด ๊ธฐ๋ฅ์ ํ์ฉํ๋ฉด ๋ณ๋์ ๋์ฒด ์คํฌ๋ฆฝํธ ์์ด๋ ๊ด๊ณ ๋ฏธ๋ ธ์ถ ๊ณต๋ฐฑ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ต๋๋ค.
๊ด๊ณ ๋ฏธ๋ ธ์ถ์ ๊ทผ๋ณธ ์์ธ ๋ถ์๊ณผ ๊ธฐ์ ์ ๋์ ๋ฐฉ์
์ ๋์ผ์ค๋ ์ค์๊ฐ ๊ด๊ณ ์ ์ฐฐ(RTB, Real-Time Bidding) ์์คํ ์ ํตํด, ๋ฐฉ๋ฌธ์์ ๊ด์ฌ์ฌ์ ํ์ด์ง ๋ด์ฉ์ ๋ถ์ํ ํ, ํด๋น ๊ณต๊ฐ์ ๊ฐ์ฅ ์ ํฉํ ๊ด๊ณ ๋ฅผ ๋งค์นญํฉ๋๋ค. ์ด ์์คํ ์์ ๊ด๊ณ ๊ฐ ์ ์์ ์ผ๋ก ํ์๋์ง ๋ชปํ ์๋ฆฌ๋ ์์ต์ ์ ํ ๋ฐ์์ํค์ง ๋ชปํ๋ ๊ณต๊ฐ, ์ฆ ์ฌ์ดํธ ๋ด์ ๋น์ด ์๋ ๊ด๊ณ ์ฌ๋กฏ(Unfilled Ad Space)์ผ๋ก ๋จ๊ฒ ๋ฉ๋๋ค. ๋ฏธ๋ ธ์ถ ์์ธ์ ํฌ๊ฒ '๋ด๋ถ ๊ตฌ์กฐ ๋ฌธ์ '์ '์ธ๋ถ ์ ์ฐฐ ์คํจ' ๋ ๊ฐ์ง์ ๋๋ค.
1. ๋ด๋ถ ์ฝ๋ ๋๋ ๊ตฌ์กฐ์ ๋ฌธ์ (๊ด๊ณ ์ฌ๋กฏ ์์ฒด๊ฐ ์์)
์ด์์์ ๋ธ๋ก๊ทธ ํ๋ซํผ ๊ตฌ์กฐ๋ ๊ด๊ณ ์ฝ๋ ์ค์ ์ค๋ฅ๋ก ์ธํด ๋ฐ์ํ๋ ๊ธฐ์ ์ ๋ฏธ๋ ธ์ถ์ ๋๋ค. ์ด๋ ๊ด๊ณ ์์คํ ์ด ํด๋น ์ฌ๋กฏ์ ์ธ์ํ์ง ๋ชปํ๊ฒ ํ๊ฑฐ๋, ๋ก๋ฉ์ ๋ฐฉํดํ๋ ์์ธ์ ๋๋ค.
- ์ด์ค ๊ด๊ณ ์ฌ๋กฏ ๋๋ ์คํฌ๋ฆฝํธ ์ค๋ณต: ๋์ผํ ๊ด๊ณ ์์น์ ์ฌ๋ฌ ๊ฐ์ ๊ด๊ณ ์ฝ๋๋ฅผ ์ค์ฒฉ ์ฝ์ ํด ์ถฉ๋ ๋ฐ์
- ๊ด๊ณ ๊ณต๊ฐ ํ๋ณด ์คํจ (CSS ์ด์): CSS ์์์ ๊ด๊ณ ๋ฐ์ค์ `display:none`, `visibility:hidden`, `overflow:hidden` ๋ฑ์ ์ค์ ์ด ๊ด๊ณ ๋ก๋ฉ์ ๋ฐฉํดํ์ฌ ๊ด๊ณ `iframe` ์์ฑ์ ๋ง์ (๊ด๊ณ ๋ก๋ฉ ์ฐจ๋จ)
- ์ ํ์ง ์ฝํ ์ธ ๋ก ์ธํ ๊ด๊ณ ์ ํ ๋๋ ์ฝ์ ์คํจ (์ค๋ณต ๊ธ, ์๋ ์์ฑ ์ฝํ ์ธ , ๊ตฌ๊ธ ์ ์ฑ ์๋ฐ ์ฝํ ์ธ ๋ฑ)
- ๊ด๊ณ iframe ๋๋ฝ: ์ ๋์ผ์ค๋ `iframe` ํ๊ทธ๋ฅผ ์์ฑํด์ผ ํ๋๋ฐ, ์ฝ๋ ์ค๋ฅ๋ก ์ธํด ์์ฑ ์์ฒด๊ฐ ๋์ง ์๋ ์น๋ช ์ ์ธ ๊ตฌ์กฐ์ ๋ฌธ์ . `pubads_impl_*.js` ํ์ผ ๋ก๋ฉ ์คํจ ๋ฑ๋ ์ด ๋ฒ์ฃผ์ ํฌํจ๋ฉ๋๋ค.
์ด ๊ฒฝ์ฐ์ ๊ด๊ณ ์์คํ ์ด ์ฌ๋กฏ์ ์ธ์ํ ์ ์์ด ๊ด๊ณ ๋ฅผ ๋ฃ์ ์ ์๋ ์ํ์ ๋๋ค. ๊ฐ๋ฐ์ ๋๊ตฌ(Console)์์ ์ค๋ฅ๋ฅผ ํ์ธํด์ผ ํฉ๋๋ค.
ํด๊ฒฐ ๋ฐฉํฅ:
- ๊ด๊ณ ์ฝ๋๊ฐ ์ ํํ ์ฝ์ ๋์๋์ง ํ์ธํ๊ณ ์ค๋ณต ์ฝ์ ์ ๊ฑฐ
- `iframe`์ด ์ ์ ์์ฑ๋๋์ง ๊ฐ๋ฐ์ ๋๊ตฌ(Elements)๋ก ์ ๊ฒ
- ๋ ์ด์์์ด ๊ด๊ณ ๋ ธ์ถ์ ์ ํฉํ ๊ตฌ์กฐ์ธ์ง ๊ฒํ ํ๊ณ , CLS ๋ฐฉ์ง๋ฅผ ์ํด ๊ด๊ณ ์์ญ์ ์ต์ ๋์ด(min-height)๋ฅผ ๋ฏธ๋ฆฌ ์ง์
2. ์ธ๋ถ ์์ธ์ ์ํ ๊ด๊ณ ๋ฏธ์ ์ฐฐ (RTB ์ ์ฐฐ ์คํจ)
๊ด๊ณ ์ฝ๋๊ฐ ์ ์ ์ฝ์ ๋์์์๋ ๊ด๊ณ ๊ฐ ๋น์ด ์๋ค๋ฉด, ์ด๋ ๋๋ถ๋ถ ๊ด๊ณ ์ฃผ ์ ์ฐฐ ์คํจ ๋๋ ์ธ๋ถ ํ๊ฒฝ์ ์์ธ ๋๋ฌธ์ด๋ฉฐ, ์ด๋ ์ ์ฐฐ๋ฅ (Fill Rate)๊ณผ ์ง๊ฒฐ๋ฉ๋๋ค. ์ฆ, ๊ด๊ณ ๋ฅผ ํ์ํ ์ ์๋ ๊ธฐ์ ์ ์กฐ๊ฑด์ ๊ฐ์ท์ผ๋, ๊ฒฝ์์์ ๋์ฐฐ๋ฐ์ง ๋ชปํ ๊ฒ์ ๋๋ค.
์ธ๋ถ ์์ธ ๊ธฐ๋ฐ ๊ด๊ณ ๋ฏธ๋ ธ์ถ ์ฃผ์ ์์ธ
- ๊ด๊ณ ์ฃผ ์ ์ฐฐ ๋ถ์ฌ (No Bid): ๊ด๊ณ ์ฃผ๊ฐ ํด๋น ํค์๋, ๋ฐฉ๋ฌธ์ ์ ๋ณด, ์์น ์กฐ๊ฑด ๋ฑ์ ๋ํด ์ ์ฐฐํ์ง ์์ ๊ฒฝ์ฐ (๊ฐ์ฅ ํํ ์์ธ)
- ๋ฎ์ ๋จ๊ฐ(CPC) ๋๋ ์์ต์ฑ ๋ถ์กฑ: ๊ด๊ณ ๋จ๊ฐ๊ฐ ๋ฎ๊ฑฐ๋ ์์ CTR์ด ๋ฎ์ ์ ๋์ผ์ค๊ฐ ํ์๋ฅผ ํ์ง ์์
- ๊ด๊ณ ํํฐ ๋๋ ์ฝํ ์ธ ์ ํ: ๋ฏผ๊ฐํ๊ฑฐ๋ ์ ํ๋ ์ฃผ์ ๋ฅผ ๋ค๋ฃฌ ์ฝํ ์ธ ๋ก ์ธํด ๊ด๊ณ ๊ฐ ์ฐจ๋จ๋จ (์: ์ฑ์ธ, ๋ถ๋ฒ ์ฝํ ์ธ ๋ฑ)
- ๊ด๊ณ ์ฐจ๋จ๊ธฐ(AdBlock) ์ฌ์ฉ: ๋ฐฉ๋ฌธ์์ ๋ธ๋ผ์ฐ์ ํ๊ฒฝ์์ ๊ด๊ณ ๋ก๋ฉ ์์ฒด๊ฐ ์ฐจ๋จ๋จ (๋์ ์คํฌ๋ฆฝํธ ํ์)
- ์ฌ์ฉ์ ํ๊ฒํ ๋ถ์ฌ: ๋ฐฉ๋ฌธ์๊ฐ ๊ด๊ณ ์ฃผ๊ฐ ์ํ๋ ํ๊ฒ๊ณผ ๋ง์ง ์์ ๊ด๊ณ ์ ์ฐฐ์ด ์ด๋ฃจ์ด์ง์ง ์์
| ๋ถ๋ฅ | ์ฃผ์ ์์ธ | ๊ธฐ์ ์ /์ด์์ ๋์ ๋ฐฉ๋ฒ |
|---|---|---|
| ์ฝ๋/๊ตฌ์กฐ ๋ฌธ์ | iframe ์์ฑ ์ ๋จ, ๊ด๊ณ ์์ญ CSS ์จ๊น ์ฒ๋ฆฌ, ์ค๋ณต ์ฝ๋ | HTML ๊ตฌ์กฐ ๋ฐ CSS ๊ฒํ , `min-height` ์ค์ , ๊ด๊ณ ์ฝ๋ ๋น๋๊ธฐ ๋ก๋ฉ(Async Loading) ์ ์ฉ |
| ์ธ๋ถ ์ ์ฐฐ ์คํจ | ๊ด๊ณ ์ฃผ ์์, ๋จ๊ฐ ๋ฎ์, ์ฝํ ์ธ ์ ํ, AdBlock | ํค์๋ ๋ฆฌ์์น ๊ธฐ๋ฐ ๊ณ ๋จ๊ฐ ์ฝํ ์ธ ์์ฑ, ๋ค์ค ๋์ฒด ๊ด๊ณ ์์คํ ์ ์ฉ, ์ ๋๋ธ๋ก ๊ฐ์ง ์คํฌ๋ฆฝํธ ํ์ฉ |
๋น ๊ด๊ณ ๊ณต๊ฐ์ ์ด๋ป๊ฒ ํ์ฉํ ๊น?
๋์ฒด ๊ด๊ณ /์ฝํ
์ธ ๋ก '๋ฌด์์ต ๊ณต๊ฐ'์ ์์ต ๊ณต๊ฐ์ผ๋ก ์ ํํ๊ธฐ
์ ๋์ผ์ค ๊ด๊ณ ๊ฐ ๋จ์ง ์์ ๋ฐ์ํ ๊ณต๋ฐฑ์ ๊ทธ๋ฅ ๋๋ฉด ์ ๋ฉ๋๋ค. JavaScript๋ฅผ ์ด์ฉํด ์ ๋์ผ์ค ์ฌ๋กฏ์ ๋ก๋ฉ ์ํ๋ฅผ ๊ฐ์งํ๊ณ , ์คํจ ์ ์ค๋น๋ ๋์ฒด ์ฝํ
์ธ (์ ๋ํ, ๋ด๋ถ ๋งํฌ, ์ ํด ๋ฐฐ๋)๋ฅผ ์๋์ผ๋ก ์ฝ์
ํ์ฌ ์์ต๋ฅ ๊ณผ UX๋ฅผ ๋์์ ๋ณดํธํด์ผ ํฉ๋๋ค. (3์ค ๋์ฒด ์์คํ
)
๊ด๊ณ ๋ฏธ๋ ธ์ถ ๋๋น SEO ์ ๋ต ๋ฐ ๊ณ ์์ต ์ฝํ ์ธ ์ต์ ํ ํ
๋ฏธ๋ ธ์ถ ์ํฉ์ ๋๋นํ๊ณ , ๊ถ๊ทน์ ์ผ๋ก ์ ์ฐฐ๋ฅ (Fill Rate)๊ณผ ๋จ๊ฐ(CPC)๋ฅผ ๋์ฌ ์์ต์ ๊ทน๋ํํ๊ธฐ ์ํ SEO ๋ฐ ์ฝํ ์ธ ์ต์ ํ ์ ๋ต์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค. ์ด๋ ๊ด๊ณ ์ฃผ๊ฐ ์ ํธํ๋ ๊ณ ํ์ง ์ธ๋ฒคํ ๋ฆฌ(High-Quality Inventory)๋ก ๋ถ๋ฅ๋์ด ์ ์ฐฐ ๊ฒฝ์์์ ์ ๋ฆฌํด์ง๋ ํต์ฌ ์ ๋ต์ ๋๋ค.
- ๊ณ ๋จ๊ฐ ํค์๋ ๋ถ์ ๋ฐ ์ฝํ ์ธ ์ค๊ณ: (์: ๊ธ์ต ์ํ ๋ฆฌ๋ทฐ, IT ๊ธฐ์ ์ฌ์ธต ๋ถ์, ๊ณ ๊ฐ ๋ถ๋์ฐ/๋ณดํ ๋ฑ) ํค์๋ ๋ฆฌ์์น ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ๊ฒฝ์๋ฅ ์ด ๋ฎ๊ณ ๋จ๊ฐ๊ฐ ๋์ ๋กฑํ ์ผ ํค์๋๋ฅผ ๋ฐ๊ตดํ๊ณ ํด๋น ์ฃผ์ ๋ก ์ฝํ ์ธ ๋ฅผ ์ค๊ณํฉ๋๋ค. (๋กฑํ ์ผ ์์ต ๋ชจ๋ธ ๊ฐํ)
- ์๋งจํฑ ๋งํฌ์ ๊ฐํ ๋ฐ ๊ตฌ์กฐ ์ต์ ํ: ๊ตฌ๊ธ ํฌ๋กค๋ฌ๊ฐ ์ ํํ ๋ถ์ํ ์ ์๋๋ก h1~h3, p, alt, schema.org ๊ตฌ์กฐ ํ์ฉ์ ํตํด ์ฝํ ์ธ ํ์ง ์ ์๋ฅผ ๋์. ์ด๋ ๊ด๊ณ ์ฃผ๊ฐ ์ ํธํ๋ ๊ณ ํ์ง ์ธ๋ฒคํ ๋ฆฌ๋ก ๋ถ๋ฅ๋๋ ๋ฐ ๋์์ ์ค.
- ๊ด๊ณ ์์ญ ๊ตฌํ ๋ช ํํ ๋ฐ CLS ๋ฐฉ์ง: CSS๋ `div class="ad-area"` ๋ฑ์ผ๋ก ๊ด๊ณ ๊ณต๊ฐ์ ๋ช ํํ ์ง์ ํ๊ณ `min-height`๋ฅผ ์ค์ ํ์ฌ CLS ์ค๋ฅ ๋ฐฉ์ง. ์์ ์ ์ธ ํ์ด์ง๋ ๊ด๊ณ ์ ์ฐฐ ๊ฒฝ์์์ ์ฐ์๋ฅผ ์ ํฉ๋๋ค.
- ๋ชจ๋ฐ์ผ ์๋ ์ต์ ํ: ๊ด๊ณ ๋ก๋ฉ์ ๋น๋๊ธฐ(Async) ์ฒ๋ฆฌํ๊ณ ์ด๋ฏธ์ง Lazy Loading์ ์ ์ฉํ์ฌ LCP(Largest Contentful Paint)๋ฅผ ๊ฐ์ . ๋น ๋ฅธ ํ์ด์ง ๋ก๋ฉ์ ์ฌ์ฉ์ ์ดํ์ ์ค์ฌ ์ ์ฐฐ ๊ธฐํ๋ฅผ ์ฆ๊ฐ์ํต๋๋ค. (์ฝ์ด ์น ๋ฐ์ดํ ์ค์)
- ๊ด๊ณ ๋ก๋ฉ ์คํจ ๊ฐ์ง ์คํฌ๋ฆฝํธ ํ์ฉ: `MutationObserver`๋ฅผ ์ฌ์ฉํ์ฌ ๊ด๊ณ ์ฌ๋กฏ์ `iframe` ์์ฑ ์ฌ๋ถ๋ฅผ ๋ชจ๋ํฐ๋งํ๊ณ , ์คํจ ์ ๋ด๋ถ ์ฝํ ์ธ ์ถ์ฒ ์์ ฏ์ ์ฆ์ ์ฝ์ ํ๋ ์๋ ๋์ฒด ์์คํ ๊ตฌ์ถ.
๊ตฌ๊ธ ์ ๋์ผ์ค ๊ด๊ณ ๊ฐ ํญ์ ํ์๋๋ ๊ฒ์ ์๋๋๋ค. ๊ด๊ณ ์ ์ฐฐ ์คํจ, ์ฝํ ์ธ ๋ถ์ ํฉ, ์ฌ์ฉ์ ํ๊ฒฝ ๋ฑ ์ฌ๋ฌ ์์ธ์ผ๋ก ์ธํด ๊ด๊ณ ๋ฏธ๋ ธ์ถ ๋น๊ณต๊ฐ(Unfilled Ad Slot)์ด ์๊ธฐ๋ฉด, ์์ต ์์ค๋ก ์ง๊ฒฐ๋ฉ๋๋ค.
ํ์ง๋ง ์ฐ๋ฆฌ๋ ๊ทธ ๊ณต๊ฐ์ ์ ๋ํ, ์ ํด ์ด๋ฏธ์ง, ๋ด๋ถ ์ฝํ ์ธ ์ถ์ฒ ๋ฑ์ผ๋ก ์ถฉ๋ถํ ์์ตํํ๊ฑฐ๋ ๋ฐฉ๋ฌธ์ ๊ฒฝํ์ ๊ฐ์ ํ๋ ์์๋ก ์ ํํ ์ ์์ต๋๋ค. ๋ ๋์๊ฐ ๊ตฌ๊ธ์ด ์ ๊ณตํ๋ ค๋ AI ๊ธฐ๋ฐ ๋ฌธ๋งฅ ์ถ์ฒ ์ฝ์ ๊ธฐ์ ์ ํ์ฉํ๋ฉด, ์์ผ๋ก๋ ๊ด๊ณ ๊ฐ ๋จ์ง ์์๋ ์ฌ์ฉ์์ ๊ด์ฌ์ ๋๊ณ ์์ต์ผ๋ก ์ ํํ ์ ์๋ ๊ธฐํ๊ฐ ๋ ๋ง์์ง ๊ฒ์ ๋๋ค.
์์ฝ:
๊ด๊ณ ๋ฏธ๋ ธ์ถ์ ํผํ ์ ์๋ ๋ณ์์ง๋ง, ๊ณ ๋จ๊ฐ ์ฝํ ์ธ ์ ๋ต๊ณผ 3์ค ๋์ฒด ๊ธฐ์ ์ ๋์์ ํตํด ์ถฉ๋ถํ ๊ทน๋ณตํ ์ ์์ต๋๋ค.
๋น๊ณต๊ฐ์ '์์ต์ ์๋ ์๋ฆฌ'๊ฐ ์๋๋ผ, ์๋ก์ด ์์ต๊ณผ ์ฐฝ์์ ์ธ ๊ณต๊ฐ์ผ๋ก ๋ง๋ค ์ ์๋ ๋กฑํ ์ผ ๊ธฐํ์ด๊ธฐ๋ ํฉ๋๋ค.
์ ๋์ผ์ค ๊ด๊ณ ๋ฏธ๋ ธ์ถ์ ๊ฐ์ฅ ํํ ์์ธ์ ๋ฌด์์ธ๊ฐ์?
๊ฐ์ฅ ํํ ์์ธ์ ์ธ๋ถ ์์ธ์ ์ํ RTB(์ค์๊ฐ ์ ์ฐฐ) ์คํจ์ ๋๋ค. ์ฆ, ๊ด๊ณ ์ฃผ๊ฐ ํด๋น ํ์ด์ง์ ๋ฐฉ๋ฌธ์๋ ํค์๋์ ๋ํด ์ ์ฐฐํ์ง ์๊ฑฐ๋ ๋จ๊ฐ๊ฐ ๋ฎ์ ์ ๋์ผ์ค ์์คํ ์ด ๊ด๊ณ ๋ฅผ ํ์ํ์ง ์๊ธฐ๋ก ๊ฒฐ์ ํ๋ ๊ฒฝ์ฐ์ ๋๋ค. ๊ธฐ์ ์ ๋ฌธ์ (์ฝ๋ ์ค๋ฅ, CSS ์จ๊น)๊ฐ ์๋๋ผ๋ฉด ๋๋ถ๋ถ ์ ์ฐฐ ์คํจ๊ฐ ์์ธ์ ๋๋ค.
๊ด๊ณ ๋ฏธ๋ ธ์ถ๋ก ์ธํด ๋ธ๋ก๊ทธ์ CLS(Cumulative Layout Shift) ์ ์๊ฐ ๋ฎ์์ง๋ ์ด์ ๋ ๋ฌด์์ธ๊ฐ์?
CLS๋ ์๊ฐ์ ์์ ์ฑ์ ์ธก์ ํ๋ ํต์ฌ ์น ๋ฐ์ดํ ์งํ์ ๋๋ค. ๊ด๊ณ ๊ฐ ๋ก๋๋์ด์ผ ํ ์์ญ์ ๋ฏธ๋ฆฌ ํ๋ณดํ์ง ์์์ ๋, ๋์ค์ ๊ด๊ณ ๊ฐ ๊ฐ์๊ธฐ ๋ก๋๋๋ฉด์ ์ฃผ๋ณ ์ฝํ ์ธ ๊ฐ ๋ฐ๋ ค๋๊ฑฐ๋ ์์ง์ด๋ ํ์(๋ ์ด์์ ์ด๋)์ด ๋ฐ์ํฉ๋๋ค. ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ค๋ฉด CSS์ `min-height` ์์ฑ์ ์ฌ์ฉํ์ฌ ๊ด๊ณ ์์ญ์ ์ต์ ๋์ด๋ฅผ ๋ฏธ๋ฆฌ ์ง์ ํด์ผ ํฉ๋๋ค.
๊ตฌ๊ธ์ด ์๋ก ๋์ ํ๋ '๋น ๊ณต๊ฐ ์ต์ ํ ์์คํ '์ ์ด๋ป๊ฒ ์์ต์ ์ฐฝ์ถํ๋์?
๊ตฌ๊ธ์ ์๋ก์ด ์์คํ ์ ๊ด๊ณ ์ ์ฐฐ์ ์คํจํ์ ๋, ๊ด๊ณ ์ฌ๋กฏ ๋์ ํ์ด์ง ๋ด์ฉ๊ณผ ๊ด๋ จ๋ ๋ด๋ถ ์ถ์ฒ ์ฝํ ์ธ ๋ฅผ ์๋์ผ๋ก ํ์ํฉ๋๋ค. ์ฌ์ฉ์๊ฐ ์ด ์ถ์ฒ ์ฝํ ์ธ ๋ฅผ ํด๋ฆญํ๋ฉด ๋ํํ ํจ๋๋ก ์ ํ๋์ด ๊ด๊ณ ๋ฅผ ๋ ธ์ถํฉ๋๋ค. ์ด๋ ์ฌ์ฉ์ ๊ฒฝํ์ ํด์น์ง ์์ผ๋ฉด์๋ ์ ์ฌ์ ์ธ ํด๋ฆญ ๊ธฐํ๋ฅผ ํ๋ณดํ์ฌ ๋กฑํ ์ผ ๋ฐฉ์์ผ๋ก ์์ต์ ์ ํํ๋ ์ ๋ต์ ๋๋ค.