λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
SEO

ꡬ글 μ• λ“œμ„ΌμŠ€ κ΄‘κ³  μžλ™ν™” μ½”λ“œ 곡유, CLS λ¬Έμ œμ™€ κ΄‘κ³  μœ„μΉ˜ μ΅œμ ν™” 방법

λ°˜μ‘ν˜•

ꡬ글 κ΄‘κ³ λ₯Ό ν†΅ν•œ λΈ”λ‘œκ·Έ μˆ˜μž… 창좜의 ν•„μš”μ„±κ³Ό μžλ™ κ΄‘κ³  μ‚½μž…μ— λŒ€ν•œ κ³ λ € 사항

λΈ”λ‘œκ·Έ μš΄μ˜μžλ“€μ—κ²Œ μˆ˜μ΅μ„ μ°½μΆœν•˜λŠ” 방법 쀑 ν•˜λ‚˜λŠ” ꡬ글 μ• λ“œμ„ΌμŠ€(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 μ μˆ˜λŠ” 검색 μˆœμœ„μ— 뢀정적인 영ν–₯을 λ―ΈμΉ  수 μžˆμŠ΅λ‹ˆλ‹€.λ”°λΌμ„œ, μžλ™ κ΄‘κ³  μ‹œμŠ€ν…œμ„ μ‚¬μš©ν•  λ•ŒλŠ” 이와 같은 문제λ₯Ό μ΅œμ†Œν™”ν•˜λŠ” 것이 μ€‘μš”ν•©λ‹ˆλ‹€.

CLS μ μˆ˜μ™€ κ΄‘κ³  μžλ™ν™” ν”„λ‘œκ·Έλž¨μ˜ μ—­ν• 

3. μš΄μ˜μžκ°€ μ›ν•˜λŠ” μœ„μΉ˜μ— κ΄‘κ³  μ‚½μž…μ˜ ν•„μš”μ„±

κ΅¬κΈ€μ˜ μžλ™ κ΄‘κ³ λŠ” 맀우 μœ μš©ν•˜μ§€λ§Œ, λͺ¨λ“  κ΄‘κ³ κ°€ λΈ”λ‘œκ·Έ μš΄μ˜μžκ°€ μ›ν•˜λŠ” μœ„μΉ˜μ— μ •ν™•νžˆ μ‚½μž…λ˜λŠ” 것은 μ•„λ‹™λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, λΈ”λ‘œκ·Έμ˜ νŠΉμ • μ„Ήμ…˜μ΄λ‚˜ 본문에 κ΄‘κ³ λ₯Ό λ°°μΉ˜ν•˜μ—¬ μ½˜ν…μΈ μ™€ κ΄‘κ³ κ°€ μžμ—°μŠ€λŸ½κ²Œ λ…ΈμΆœ λ˜λ„λ‘ ν•˜λŠ” 것이 μ€‘μš”ν•©λ‹ˆλ‹€. λ¬΄λΆ„λ³„ν•˜κ²Œ μ‚½μž…λ˜λŠ” κ΄‘κ³ λŠ” λ ˆμ΄μ•„μ›ƒμ„ 흐트러뜨리고, μ½˜ν…μΈ λ₯Ό 읽고 μžˆλŠ” μ‚¬μš©μžμ—κ²Œ ν˜Όλž€μ„ 쀄 수 μžˆμŠ΅λ‹ˆλ‹€.

μš΄μ˜μžκ°€ μ›ν•˜λŠ” μžλ™ κ΄‘κ³ μ˜ ν•„μš”μ„±

λ”°λΌμ„œ, λΈ”λ‘œκ·Έ μš΄μ˜μžκ°€ κ΄‘κ³ λ₯Ό μ›ν•˜λŠ” μœ„μΉ˜μ— μ‚½μž…ν•  수 μžˆλŠ” κΈ°λŠ₯이 ν•„μš”ν•©λ‹ˆλ‹€. 이λ₯Ό μœ„ν•΄μ„œλŠ” ꡬ글 μ• λ“œμ„ΌμŠ€μ˜ μˆ˜λ™ κ΄‘κ³  μ‚½μž… μ˜΅μ…˜μ„ ν™œμš©ν•˜κ±°λ‚˜, κ΄‘κ³  μ‚½μž… μœ„μΉ˜λ₯Ό μ œμ–΄ν•  수 μžˆλŠ” JavaScript μ½”λ“œλ‚˜ HTML ν…œν”Œλ¦Ώ μˆ˜μ •μ„ 톡해 κ΄‘κ³ λ₯Ό μ μ ˆν•œ μœ„μΉ˜μ— λ°°μΉ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. μ΄λ ‡κ²Œ ν•˜λ©΄ κ΄‘κ³ κ°€ μ‚¬μš©μžμ—κ²Œ 더 μžμ—°μŠ€λŸ½κ²Œ 보이게 되며, νŽ˜μ΄μ§€ λ‘œλ”© 속도와 λ ˆμ΄μ•„μ›ƒμ˜ μ•ˆμ •μ„±λ„ κ°œμ„ λ©λ‹ˆλ‹€.

λ˜ν•œ, κ΄‘κ³ λ₯Ό μ½˜ν…μΈ μ˜ 흐름에 맞좰 μ‚½μž…ν•˜λ©΄ κ΄‘κ³  클릭λ₯ μ΄ λ†’μ•„μ§ˆ 수 있으며, μ΄λŠ” 수읡 μ¦λŒ€λ‘œ μ΄μ–΄μ§ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, κΈ€μ˜ μ£Όμš” λ‚΄μš© 쀑간에 μžμ—°μŠ€λŸ½κ²Œ κ΄‘κ³ λ₯Ό μ‚½μž…ν•˜λ©΄ μ‚¬μš©μžκ°€ κ΄‘κ³ λ₯Ό λ³Ό κ°€λŠ₯성이 λ†’μ•„μ§‘λ‹ˆλ‹€. 이λ₯Ό 톡해 μ‚¬μš©μžλŠ” λΆˆνŽΈν•¨ 없이 μ½˜ν…μΈ λ₯Ό μ†ŒλΉ„ν•˜κ³ , λΈ”λ‘œκ·Έ μš΄μ˜μžλŠ” 더 λ‚˜μ€ μˆ˜μ΅μ„ μ°½μΆœν•  수 μžˆμŠ΅λ‹ˆλ‹€.

4. κ΄‘κ³  μ‚½μž…μ˜ κ· ν˜• 작기

λΈ”λ‘œκ·Έ μš΄μ˜μžκ°€ ꡬ글 μ• λ“œμ„ΌμŠ€λ₯Ό 톡해 μˆ˜μ΅μ„ μ°½μΆœν•˜λŠ” 것은 맀우 효과적인 λ°©λ²•μ΄μ§€λ§Œ, μžλ™ κ΄‘κ³  μ‹œμŠ€ν…œμ„ μ‚¬μš©ν•  λ•ŒλŠ” CLS λ¬Έμ œμ™€ κ΄‘κ³  μœ„μΉ˜ μ‘°μ •μ˜ μ€‘μš”μ„±μ„ μΆ©λΆ„νžˆ κ³ λ €ν•΄μ•Ό ν•©λ‹ˆλ‹€. κ΅¬κΈ€μ˜ μžλ™ κ΄‘κ³  μ‹œμŠ€ν…œμ€ νŽΈλ¦¬ν•˜μ§€λ§Œ, μ‚¬μš©μž κ²½ν—˜μ„ ν•΄μΉ˜μ§€ μ•Šλ„λ‘ κ΄‘κ³  μ‚½μž… μœ„μΉ˜μ™€ λ ˆμ΄μ•„μ›ƒμ„ μ‹ μ€‘ν•˜κ²Œ 닀뀄야 ν•©λ‹ˆλ‹€.

μš΄μ˜μžκ°€ μ›ν•˜λŠ” μœ„μΉ˜μ— κ΄‘κ³ λ₯Ό μ‚½μž…ν•  수 μžˆλŠ” 방법을 λ„μž…ν•˜κ³ , CLS와 같은 뢀정적인 μš”μ†Œλ₯Ό μ΅œμ†Œν™”ν•˜λŠ” 것이 μ€‘μš”ν•©λ‹ˆλ‹€. 이λ₯Ό 톡해 μ‚¬μš©μžμ—κ²Œ λΆˆνŽΈν•¨μ„ μ£Όμ§€ μ•ŠμœΌλ©΄μ„œ, μˆ˜μ΅μ„ κ·ΉλŒ€ν™”ν•  수 μžˆλŠ” λΈ”λ‘œκ·Έ ν™˜κ²½μ„ λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.

μžλ™ κ΄‘κ³  μ½”λ“œ 곡유

결둠적으둜, ꡬ글 μ• λ“œμ„ΌμŠ€λ₯Ό 톡해 λΈ”λ‘œκ·Έ μˆ˜μ΅μ„ μ°½μΆœν•˜λŠ” 것은 맀우 μœ μš©ν•œ λ°©λ²•μ΄μ§€λ§Œ, μžλ™ κ΄‘κ³ μ˜ μ‚¬μš©μ— μžˆμ–΄ κ΄‘κ³  μ‚½μž… μœ„μΉ˜μ™€ λ ˆμ΄μ•„μ›ƒμ„ 적절히 μ œμ–΄ν•˜λŠ” 것이 ν•„μˆ˜μ μž…λ‹ˆλ‹€. μ‚¬μš©μžμ˜ κ²½ν—˜μ„ μ΅œμš°μ„ μœΌλ‘œ κ³ λ €ν•˜λ©΄μ„œλ„, μˆ˜μ΅μ„ μ°½μΆœν•  수 μžˆλŠ” κ· ν˜•μ„ μž‘λŠ” 것이 성곡적인 λΈ”λ‘œκ·Έ 운영의 ν•΅μ‹¬μž…λ‹ˆλ‹€.

κ·Έλ ‡λ‹€λ©΄ μ‚¬μš©μžκ°€ μ›ν•˜λŠ” μœ„μΉ˜(κΈ€ λ³Έλ¬Έ) λͺ©λ‘μ— κ΄‘κ³ λ₯Ό μžλ™μœΌλ‘œ 넣을 수 μžˆλŠ” 방법은 μ—†μ„κΉŒμš”? λ¬Όλ‘  κ°€λŠ₯ν•©λ‹ˆλ‹€. μ•„λž˜ 글을 톡해 κ°„λ‹¨ν•œ λ°©λ²•μœΌλ‘œ λΈ”λ‘œκ·Έμ˜ λ³Έλ¬Έκ³Ό λͺ©λ‘μ— 운영자의 λ²ˆκ±°λŸ¬μ›€ 없이 κ΄‘κ³ λ₯Ό μžλ™μœΌλ‘œ λ…ΈμΆœμ‹œν‚¬ 수 μžˆμŠ΅λ‹ˆλ‹€.

ν˜„μž¬ λΈ”λ‘œκ·Έμ—μ„œ λ…ΈμΆœλ˜λŠ” κ΄‘κ³ λŠ” μœ„μ— 방법을 μ‚¬μš©ν•œ μžλ™ν™” κ΄‘κ³  μž…λ‹ˆλ‹€.

λ‹€μŒ κΈ€μ—μ„œλŠ”
λΈ”λ‘œκ·Έ μˆ˜μ΅μ„ μœ„ν•œ μžλ™ κ΄‘κ³  μ‚½μž… ν”„λ‘œκ·Έλž¨κ³Ό
λˆ„κ΅¬λ‚˜ μ‰½κ²Œ 따라할 수 μžˆλŠ” μ„€μΉ˜ 방법을 μ•ˆλ‚΄ν•΄ λ“œλ¦΄ μ˜ˆμ •μž…λ‹ˆλ‹€.


λΈ”λ‘œκ·Έ κ΄‘κ³  수읡 κ·ΉλŒ€ν™” μ „λž΅ μžλ™κ΄‘κ³ μ™€ μˆ˜λ™κ΄‘κ³ μ˜ 차이와 ν•΄κ²°μ±… μžλ™ν™” μ½”λ“œ 곡유

λ°˜μ‘ν˜•