๊ตฌ๊ธ ๊ด๊ณ ๋ฅผ ํตํ ๋ธ๋ก๊ทธ ์์ ์ฐฝ์ถ์ ํ์์ฑ๊ณผ ์๋ ๊ด๊ณ ์ฝ์ ์ ๋ํ ๊ณ ๋ ค ์ฌํญ
๋ธ๋ก๊ทธ ์ด์์๋ค์๊ฒ ์์ต์ ์ฐฝ์ถํ๋ ๋ฐฉ๋ฒ ์ค ํ๋๋ ๊ตฌ๊ธ ์ ๋์ผ์ค(Adsense)๋ฅผ ํตํ ๊ด๊ณ ์ ๋๋ค. ํนํ, ๊ตฌ๊ธ์ ์๋ ๊ด๊ณ ๊ธฐ๋ฅ์ ๋ธ๋ก๊ทธ ์ด์์ ํธ๋ฆฌํ๊ฒ ๋ง๋ค์ด์ฃผ์ง๋ง, ์ด์์๊ฐ ์ํ์ง ์๋ ์์น์ ๊ด๊ณ ์ฝ์ ์ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ํ์ํฌ ์ ์๋ ๋ฌธ์ ๋ฅผ ์ผ์ผํฌ ์ ์์ต๋๋ค. ๋ณธ ๊ธ์์๋ ๊ตฌ๊ธ ๊ด๊ณ ๋ฅผ ํตํ ๋ธ๋ก๊ทธ ์์ ์ ํ๋ณด์ ์๋ ๊ด๊ณ ์ฝ์ ์ ๋ถ์ ์ ์ธ ์์์ธ CLS(Cumulative Layout Shift) ๋ฌธ์ , ๊ทธ๋ฆฌ๊ณ ์ด์์๊ฐ ์ํ๋ ์์น์ ๊ด๊ณ ๋ฅผ ์ฝ์ ํ๋ ์ฌ์ฉ์ ์๋ํ ๊ด๊ณ ํ๋ก๊ทธ๋จ์ ํ์์ฑ์ ๋ํด ๋ ผ์ํด ๋ณด๊ฒ ์ต๋๋ค.
์๋ ๊ด๊ณ ๋ก ์์ต์ ๋์ด๋ ๋ฐฉ๋ฒ๊ณผ ๊ตฌ๊ธ ์ ๋์ผ์ค์ CLS ๋ฌธ์ ํด๊ฒฐ
1. ๊ตฌ๊ธ ์ ๋์ผ์ค๋ฅผ ํตํ ๋ธ๋ก๊ทธ ์์ ์ฐฝ์ถ
๋ธ๋ก๊ทธ๋ ์ฝํ ์ธ ๋ฅผ ์ ๊ณตํ๋ ๋งค์ฒด์ผ ๋ฟ๋ง ์๋๋ผ, ์ ์ ํ ์์ต ๋ชจ๋ธ์ ํตํด ์ด์์๊ฐ ๊ฒฝ์ ์ ์ด๋์ ์ป์ ์ ์๋ ํ๋ซํผ์ด๊ธฐ๋ ํฉ๋๋ค. ๊ทธ ์ค์์๋ ๊ตฌ๊ธ ์ ๋์ผ์ค๋ ๋ง์ ๋ธ๋ก๊ฑฐ๋ค์๊ฒ ์ธ๊ธฐ ์๋ ์์ต ์ฐฝ์ถ ๋ฐฉ๋ฒ์ ๋๋ค. ๊ตฌ๊ธ ์ ๋์ผ์ค๋ฅผ ์ฌ์ฉํ๋ฉด ๋ธ๋ก๊ทธ์ ๊ฒ์ฌ๋ ๊ด๊ณ ๋ก ์์ต์ ์ป์ ์ ์์ผ๋ฉฐ, ์ด๋ ํด๋ฆญ ์๋ ๋ ธ์ถ ์์ ๋ฐ๋ผ ์์ต์ด ๊ฒฐ์ ๋ฉ๋๋ค.
๊ตฌ๊ธ ์ ๋์ผ์ค์ ์ฅ์ ์ค ํ๋๋ ์๋ ๊ด๊ณ ์์คํ ์ ๋๋ค. ์๋ ๊ด๊ณ ๋ ์น์ฌ์ดํธ์ ์ฝํ ์ธ ์ ์ฌ์ฉ์ ๊ฒฝํ์ ๊ธฐ๋ฐ์ผ๋ก ๊ด๊ณ ๋ฅผ ์๋์ผ๋ก ๋ฐฐ์นํด ์ฃผ๋ฏ๋ก, ๋ธ๋ก๊ทธ ์ด์์๊ฐ ๊ด๊ณ ๋ฅผ ๊ฐ๋ณ์ ์ผ๋ก ๋ฐฐ์นํ ํ์ ์์ด ์ฝ๊ฒ ์์ต์ ์ฐฝ์ถํ ์ ์์ต๋๋ค. ๋ํ, ๊ตฌ๊ธ์ ์๊ณ ๋ฆฌ์ฆ์ ๊ด๊ณ ์ ์์น์ ์ข ๋ฅ๋ฅผ ์ต์ ํํ์ฌ ๋ ๋ง์ ํด๋ฆญ์ ์ ๋ํ๋ ๊ฒฝํฅ์ด ์์ต๋๋ค. ๊ทธ๋ฌ๋......
2. ์๋ ๊ด๊ณ ์ฝ์ ์ CLS(Cumulative Layout Shift) ๋ฌธ์
์๋ ๊ด๊ณ ์ ์ฅ์ ์๋ ๋ถ๊ตฌํ๊ณ , ์ด์์๊ฐ ์ํ์ง ์๋ ๊ณณ์ ๊ด๊ณ ์ฝ์ ์ ์ข ์ข ์ฌ์ฉ์ ๊ฒฝํ์ ๋ถ์ ์ ์ธ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค. ๊ทธ ์ค ๊ฐ์ฅ ํฐ ๋ฌธ์ ์ค ํ๋๋ CLS(Cumulative Layout Shift)์ ๋๋ค. CLS๋ ์น ํ์ด์ง์์ ์์๋ค์ด ์์์น ๋ชปํ๊ฒ ์ด๋ํ๊ฑฐ๋ ๋ณํํ ๋ ๋ฐ์ํ๋ ์งํ๋ก, ์ฌ์ฉ์๊ฐ ํ์ด์ง๋ฅผ ๋ณด๋ ๋์ ๋ ์ด์์์ด ๋ถ์์ ํ๊ฒ ๋ฐ๋๋ฉด ์ด๋ฅผ ๋ถํธํ๊ฒ ๋๋ผ๊ฒ ๋ฉ๋๋ค.ํนํ CLS๋ SEO์ต์ ํ์์ ๊ฐ์ฅ ์ค์ํ ์งํ์ด๊ธฐ๋ ํฉ๋๋ค.
CLS์ ์ค์์ฑ
๊ตฌ๊ธ์ ์๋ ๊ด๊ณ ๋ ๋๋๋ก ํ์ด์ง ๋ด์์ ์ ์ ํ ์์น๋ฅผ ์ฐพ์ง ๋ชปํ๊ณ , ํ์ด์ง๊ฐ ๋ก๋๋ ๋ ๊ด๊ณ ๊ฐ ๊ฐ์๊ธฐ ์ฝ์ ๋์ด ๋ ์ด์์์ด ์ด๋ํ๋ ํ์์ ์ผ์ผํฌ ์ ์์ต๋๋ค. ์ด๋ ํนํ ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์ ๋ ๋๋๋ฌ์ง๋ฉฐ, ์ฌ์ฉ์ ๊ฒฝํ์ ํฌ๊ฒ ์ ํ์ํฌ ์ ์์ต๋๋ค. Google์ Core Web Vitals ์งํ์์ ๋์ CLS ์ ์๋ ๊ฒ์ ์์์ ๋ถ์ ์ ์ธ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.๋ฐ๋ผ์, ์๋ ๊ด๊ณ ์์คํ ์ ์ฌ์ฉํ ๋๋ ์ด์ ๊ฐ์ ๋ฌธ์ ๋ฅผ ์ต์ํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค.

3. ์ด์์๊ฐ ์ํ๋ ์์น์ ๊ด๊ณ ์ฝ์ ์ ํ์์ฑ
๊ตฌ๊ธ์ ์๋ ๊ด๊ณ ๋ ๋งค์ฐ ์ ์ฉํ์ง๋ง, ๋ชจ๋ ๊ด๊ณ ๊ฐ ๋ธ๋ก๊ทธ ์ด์์๊ฐ ์ํ๋ ์์น์ ์ ํํ ์ฝ์ ๋๋ ๊ฒ์ ์๋๋๋ค. ์๋ฅผ ๋ค์ด, ๋ธ๋ก๊ทธ์ ํน์ ์น์ ์ด๋ ๋ณธ๋ฌธ์ ๊ด๊ณ ๋ฅผ ๋ฐฐ์นํ์ฌ ์ฝํ ์ธ ์ ๊ด๊ณ ๊ฐ ์์ฐ์ค๋ฝ๊ฒ ๋ ธ์ถ ๋๋๋ก ํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ๋ฌด๋ถ๋ณํ๊ฒ ์ฝ์ ๋๋ ๊ด๊ณ ๋ ๋ ์ด์์์ ํํธ๋ฌ๋จ๋ฆฌ๊ณ , ์ฝํ ์ธ ๋ฅผ ์ฝ๊ณ ์๋ ์ฌ์ฉ์์๊ฒ ํผ๋์ ์ค ์ ์์ต๋๋ค.
์ด์์๊ฐ ์ํ๋ ์๋ ๊ด๊ณ ์ ํ์์ฑ
๋ฐ๋ผ์, ๋ธ๋ก๊ทธ ์ด์์๊ฐ ๊ด๊ณ ๋ฅผ ์ํ๋ ์์น์ ์ฝ์ ํ ์ ์๋ ๊ธฐ๋ฅ์ด ํ์ํฉ๋๋ค. ์ด๋ฅผ ์ํด์๋ ๊ตฌ๊ธ ์ ๋์ผ์ค์ ์๋ ๊ด๊ณ ์ฝ์ ์ต์ ์ ํ์ฉํ๊ฑฐ๋, ๊ด๊ณ ์ฝ์ ์์น๋ฅผ ์ ์ดํ ์ ์๋ JavaScript ์ฝ๋๋ HTML ํ ํ๋ฆฟ ์์ ์ ํตํด ๊ด๊ณ ๋ฅผ ์ ์ ํ ์์น์ ๋ฐฐ์นํด์ผ ํฉ๋๋ค. ์ด๋ ๊ฒ ํ๋ฉด ๊ด๊ณ ๊ฐ ์ฌ์ฉ์์๊ฒ ๋ ์์ฐ์ค๋ฝ๊ฒ ๋ณด์ด๊ฒ ๋๋ฉฐ, ํ์ด์ง ๋ก๋ฉ ์๋์ ๋ ์ด์์์ ์์ ์ฑ๋ ๊ฐ์ ๋ฉ๋๋ค.
๋ํ, ๊ด๊ณ ๋ฅผ ์ฝํ ์ธ ์ ํ๋ฆ์ ๋ง์ถฐ ์ฝ์ ํ๋ฉด ๊ด๊ณ ํด๋ฆญ๋ฅ ์ด ๋์์ง ์ ์์ผ๋ฉฐ, ์ด๋ ์์ต ์ฆ๋๋ก ์ด์ด์ง ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ๊ธ์ ์ฃผ์ ๋ด์ฉ ์ค๊ฐ์ ์์ฐ์ค๋ฝ๊ฒ ๊ด๊ณ ๋ฅผ ์ฝ์ ํ๋ฉด ์ฌ์ฉ์๊ฐ ๊ด๊ณ ๋ฅผ ๋ณผ ๊ฐ๋ฅ์ฑ์ด ๋์์ง๋๋ค. ์ด๋ฅผ ํตํด ์ฌ์ฉ์๋ ๋ถํธํจ ์์ด ์ฝํ ์ธ ๋ฅผ ์๋นํ๊ณ , ๋ธ๋ก๊ทธ ์ด์์๋ ๋ ๋์ ์์ต์ ์ฐฝ์ถํ ์ ์์ต๋๋ค.
4. ๊ด๊ณ ์ฝ์ ์ ๊ท ํ ์ก๊ธฐ
๋ธ๋ก๊ทธ ์ด์์๊ฐ ๊ตฌ๊ธ ์ ๋์ผ์ค๋ฅผ ํตํด ์์ต์ ์ฐฝ์ถํ๋ ๊ฒ์ ๋งค์ฐ ํจ๊ณผ์ ์ธ ๋ฐฉ๋ฒ์ด์ง๋ง, ์๋ ๊ด๊ณ ์์คํ ์ ์ฌ์ฉํ ๋๋ CLS ๋ฌธ์ ์ ๊ด๊ณ ์์น ์กฐ์ ์ ์ค์์ฑ์ ์ถฉ๋ถํ ๊ณ ๋ คํด์ผ ํฉ๋๋ค. ๊ตฌ๊ธ์ ์๋ ๊ด๊ณ ์์คํ ์ ํธ๋ฆฌํ์ง๋ง, ์ฌ์ฉ์ ๊ฒฝํ์ ํด์น์ง ์๋๋ก ๊ด๊ณ ์ฝ์ ์์น์ ๋ ์ด์์์ ์ ์คํ๊ฒ ๋ค๋ค์ผ ํฉ๋๋ค.
์ด์์๊ฐ ์ํ๋ ์์น์ ๊ด๊ณ ๋ฅผ ์ฝ์ ํ ์ ์๋ ๋ฐฉ๋ฒ์ ๋์ ํ๊ณ , CLS์ ๊ฐ์ ๋ถ์ ์ ์ธ ์์๋ฅผ ์ต์ํํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์ด๋ฅผ ํตํด ์ฌ์ฉ์์๊ฒ ๋ถํธํจ์ ์ฃผ์ง ์์ผ๋ฉด์, ์์ต์ ๊ทน๋ํํ ์ ์๋ ๋ธ๋ก๊ทธ ํ๊ฒฝ์ ๋ง๋ค ์ ์์ต๋๋ค.
์๋ ๊ด๊ณ ์ฝ๋ ๊ณต์
๊ฒฐ๋ก ์ ์ผ๋ก, ๊ตฌ๊ธ ์ ๋์ผ์ค๋ฅผ ํตํด ๋ธ๋ก๊ทธ ์์ต์ ์ฐฝ์ถํ๋ ๊ฒ์ ๋งค์ฐ ์ ์ฉํ ๋ฐฉ๋ฒ์ด์ง๋ง, ์๋ ๊ด๊ณ ์ ์ฌ์ฉ์ ์์ด ๊ด๊ณ ์ฝ์ ์์น์ ๋ ์ด์์์ ์ ์ ํ ์ ์ดํ๋ ๊ฒ์ด ํ์์ ์ ๋๋ค. ์ฌ์ฉ์์ ๊ฒฝํ์ ์ต์ฐ์ ์ผ๋ก ๊ณ ๋ คํ๋ฉด์๋, ์์ต์ ์ฐฝ์ถํ ์ ์๋ ๊ท ํ์ ์ก๋ ๊ฒ์ด ์ฑ๊ณต์ ์ธ ๋ธ๋ก๊ทธ ์ด์์ ํต์ฌ์ ๋๋ค.
๊ทธ๋ ๋ค๋ฉด ์ฌ์ฉ์๊ฐ ์ํ๋ ์์น(๊ธ ๋ณธ๋ฌธ) ๋ชฉ๋ก์ ๊ด๊ณ ๋ฅผ ์๋์ผ๋ก ๋ฃ์ ์ ์๋ ๋ฐฉ๋ฒ์ ์์๊น์? ๋ฌผ๋ก ๊ฐ๋ฅํฉ๋๋ค. ์๋ ๊ธ์ ํตํด ๊ฐ๋จํ ๋ฐฉ๋ฒ์ผ๋ก ๋ธ๋ก๊ทธ์ ๋ณธ๋ฌธ๊ณผ ๋ชฉ๋ก์ ์ด์์์ ๋ฒ๊ฑฐ๋ฌ์ ์์ด ๊ด๊ณ ๋ฅผ ์๋์ผ๋ก ๋ ธ์ถ์ํฌ ์ ์์ต๋๋ค.
ํ์ฌ ๋ธ๋ก๊ทธ์์ ๋ ธ์ถ๋๋ ๊ด๊ณ ๋ ์์ ๋ฐฉ๋ฒ์ ์ฌ์ฉํ ์๋ํ ๊ด๊ณ ์ ๋๋ค.
๋ค์ ๊ธ์์๋
๋ธ๋ก๊ทธ ์์ต์ ์ํ ์๋ ๊ด๊ณ ์ฝ์
ํ๋ก๊ทธ๋จ๊ณผ
๋๊ตฌ๋ ์ฝ๊ฒ ๋ฐ๋ผํ ์ ์๋ ์ค์น ๋ฐฉ๋ฒ์ ์๋ดํด ๋๋ฆด ์์ ์
๋๋ค.