๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
SEO

๊ตฌ๊ธ€ ์ตœ์ ํ™” ํ•„์ˆ˜์ ๊ฒ€ ์‚ฌํ•ญ [ ๋ผ์ดํŠธ ํ•˜์šฐ์Šค์™€ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ ]

๋ฐ˜์‘ํ˜•

๊ฒ€์ƒ‰ ๋…ธ์ถœ์„ ์œ„ํ•œ ๋ผ์ดํŠธํ•˜์šฐ์Šค์™€ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ ์ ๊ฒ€ ๋ฐฉ๋ฒ•

๊ฒ€์ƒ‰ ์ตœ์ ํ™” ์ ๊ฒ€ ํ•„์ˆ˜! ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ๊ณผ ๋ผ์ดํŠธํ•˜์šฐ์Šค ์ดํ•ดํ•˜๊ธฐ

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

์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ ํ†ต๊ณผ๋Š” ์„œ๋ฅ˜์ ‘์ˆ˜์—์„œ ํ•ฉ๊ฒฉ์ด๊ณ  ๋ผ์ดํŠธํ•˜์šฐ์Šค๋Š” ๋ฉด์ ‘ ์‹œํ—˜, ๊ทธ๋ฆฌ๊ณ  ์ฝ˜ํ…์ธ ๋Š” ์ข‹์€ ๋ถ€์„œ ๋ฐฐ์น˜์ž…๋‹ˆ๋‹ค.

์ด ๋‘ ๋„๊ตฌ์˜ ์—ญํ• ๊ณผ ์ค‘์š”์„ฑ์„ ๊ตฌ์ฒด์ ์œผ๋กœ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

1. ๊ตฌ๊ธ€ ์ตœ์ ํ™” ์ ๊ฒ€ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ

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

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

  • LCP (Largest Contentful Paint): ๊ฐ€์žฅ ํฐ ์ฝ˜ํ…์ธ ๊ฐ€ ํ™”๋ฉด์— ๋‚˜ํƒ€๋‚˜๋Š” ๋ฐ ๊ฑธ๋ฆฌ๋Š” ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.
  • FID (First Input Delay): ์‚ฌ์šฉ์ž๊ฐ€ ํŽ˜์ด์ง€์™€ ์ƒํ˜ธ์ž‘์šฉํ•  ๋•Œ์˜ ์‘๋‹ต ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.
  • CLS (Cumulative Layout Shift): ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์ค‘ ๋ ˆ์ด์•„์›ƒ์˜ ์•ˆ์ •์„ฑ์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.
2024๋…„ 3์›” 12์ผ๋ถ€ํ„ฐ INP๊ฐ€ FID๋ฅผ ๋Œ€์ฒดํ•˜์—ฌ Core Web Vital ์—ญํ• ์„ ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

Core Web Vitals
๊ตฌ๊ธ€ ์ตœ์ ํ™” ์ ๊ฒ€ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ

2. LIGHThouse

Lighthouse๋Š” ๊ตฌ๊ธ€์—์„œ ์ œ์ž‘ํ•œ ๊ฒ€์ƒ‰์—”์ง„ ์ตœ์ ํ™” ํ’ˆ์งˆ ํ…Œ์ŠคํŠธ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค.

ํ•„์ˆ˜ ์ธก์ • ํ•ญ๋ชฉ

1. ์ ‘๊ทผ์„ฑ (Accessibility)

์‚ฌ์šฉ์ž๊ฐ€ ์–ผ๋งˆ๋‚˜ ์‰ฝ๊ณ  ํŽธํ•˜๊ฒŒ ํŽ˜์ด์ง€๋ฅผ ์ด์šฉํ• ์ˆ˜ ์žˆ๋Š”์ง€๋ฅผ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.

2. ๊ถŒ์žฅ ์‚ฌํ•ญ (Best Practices)

๊ถŒ์žฅ์‚ฌํ•ญ์€ ์›นํŽ˜์ด์ง€๊ฐ€ ์›นํ‘œ์ค€ ๊ทœ์ •๊ณผ ๋ชจ๋ฒ”์‚ฌ๋ก€์— ๋Œ€ํ•œ ์ธก์ •์ž…๋‹ˆ๋‹ค.

3. ๊ฒ€์ƒ‰ ์ตœ์ ํ™” (SEO)

๊ฒ€์ƒ‰์—”์ง„์ด ์ƒ‰์ธ์‹œ ์ตœ์ ํ™”๋ฅผ ํ†ตํ•ด ๋…ธ์ถœ์ด ์ž˜๋˜๋Š”์ง€ ์ธก์ •ํ•˜๋Š” ํ•ญ๋ชฉ์ž…๋‹ˆ๋‹ค.

4. CLS (Cumulative Layout Shift)

CLS ํŽ˜์ด์ง€ ๋กœ๋“œ ๋˜๋Š” ๋™์•ˆ ๋ ˆ์ด์•„์›ƒ์ด ์–ผ๋งˆ๋‚˜ ์•ˆ์ •์ ์ธ์ง€๋ฅผ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.

5. INP (Interaction to Next Paint )

INP๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ํŽ˜์ด์ง€์—์„œ ์–ด๋–ค (๋ฒ„ํŠผํด๋ฆญ.๋งํฌํด๋ฆญ๋“ฑ....)์กฐ์ž‘์‹œ ์‘๋‹ตํ•˜๋Š” ์„ฑ๋Šฅ์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.

์ ‘๊ทผ์„ฑ (Accessibility). ๊ถŒ์žฅ ์‚ฌํ•ญ (Best Practices). ๊ฒ€์ƒ‰ ์ตœ์ ํ™” (SEO). ๊ฒ€์ƒ‰ ์ตœ์ ํ™” (SEO). CLS (Cumulative Layout Shift), INP (Interaction to Next Paint ) ๋Š” ์ค‘์š”ํ•œ ํ•ญ๋ชฉ์ž…๋‹ˆ๋‹ค.


๊ฒ€์ƒ‰ ์ตœ์ ํ™” (SEO). CLS (Cumulative Layout Shift).INP (Interaction to Next Paint )๋Š” ํ•„์ˆ˜ ์‚ฌํ•ญ์ž…๋‹ˆ๋‹ค.

์„ฑ๋Šฅ ์ธก์ • ํ•ญ๋ชฉ

1. FCP (First Contentful Paint)

์›นํŽ˜์ด์ง€ ์ ‘์†์‹œ ์ฒ˜์Œ ์‹œ์ž‘๋˜๋Š” ์ฝ˜ํ…์ธ ์˜ ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.

FCP (First Contentful Paint)
FCP (First Contentful Paint)

์ฃผ๋กœ ํ™ˆํŽ˜์ด์ง€์˜ ๋กœ๋”ฉ ์†๋„๋ฅผ ์ธก์ •ํ•˜๊ธฐ ๋•Œ๋ฌธ์—CSS.HTML.์ด๋ฏธ์ง€,์Šคํฌ๋ฆฝํŠธ,ํฐํŠธ์— ๊ด€๋ จ๋œ ํ•ญ๋ชฉ์„ ์ˆ˜์ •ํ•ด์•ผ ํ•˜๋ฉฐ ์„œ๋ฒ„์˜์†๋„์™€๋„ ์—ฐ๊ด€์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰. ์ˆ˜์ •ํ• ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„๊ณผ ์ˆ˜์ •ํ• ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์ด ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.

์ˆ˜์ •๊ฐ€๋Šฅ๋ถ€๋ถ„: HTML.CSS.์‚ฌ์šฉ์ž์„ค์ •์Šคํฌ๋ฆฝํŠธ. ์ด๋ฏธ์ง€, ๊ด‘๊ณ . ํฐํŠธ.....

2. TBT (Total Blocking Time )

์›นํŽ˜์ด์ง€๊ฐ€ ๋กœ๋“œ์‹œ ํŽ˜์ด์ง€๊ฐ€ ๋กœ๋”ฉ๋ ๋•Œ ๊ธฐ๋‹ค๋ ค์•ผ ํ•˜๋Š” ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.

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

3. LCP (Largest Contentful Paint )

ํŽ˜์ด์ง€ ๋กœ๋“œ์‹œ ์ œ์ผ ํฐ ์ฝ˜ํ…์ธ ๊ฐ€ ํ‘œ์‹œ๋˜๋Š” ์‹œ๊ฐ„์„ ์ธก์ •ํ•ฉ๋‹ˆ๋‹ค.

LCP (Largest Contentful Paint )
LCP (Largest Contentful Paint )

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

๋ผ์ดํŠธํ•˜์šฐ์Šค ํ’ˆ์งˆํ…Œ์ŠคํŠธ ๋„๊ตฌ
๋ผ์ดํŠธํ•˜์šฐ์Šค ํ’ˆ์งˆํ…Œ์ŠคํŠธ ๋„๊ตฌ

3. ๊ณ ํ’ˆ์งˆ ์ฝ˜ํ…์ธ 

์ตœ์ข… ์ฝ˜ํ…์ธ ์˜ ํ’ˆ์งˆ์„ ์ ๊ฒ€ํ›„ ์ˆœ์œ„๋ฅผ ๊ฒฐ์ •ํ•ฉ๋‹ˆ๋‹ค.

์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ
์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ

์ฝ”์–ด์›น ๋ฐ”์ดํƒˆ ํ‰๊ฐ€๋Š” ์ตœ์ ํ™” ์ž‘์—…์„ ํ•˜๋”๋ผ๋„ ์ตœ์†Œ 2๋‹ฌ์—์„œ 3๊ฐœ์›” ์ •๋„ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ˆ„์ ๋˜๊ณ  ๋‚˜์„œ ๋ณ€๊ฒฝ๋œ ์ธก์ •๊ฐ’์ด ๋ฐ˜์˜๋ฉ๋‹ˆ๋‹ค. ์„ฑ๋Šฅ ์ธก์ • ํ•ญ๋ชฉ์€ ์ฝ˜ํ…์ธ  ์ž‘์„ฑ์‹œ ๋ณ€๋™์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

๋™์˜์ƒ.GIFํŒŒ์ผ,์ด๋ฏธ์ง€๋ฅผ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•˜๋Š”์ง€ ์—ฌ๋ถ€์— ๋”ฐ๋ผ์„œ....


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

๋ฐ˜์‘ํ˜•

'SEO' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ ํƒœ๊ทธ์˜ ์—ญํ•  ๊ณผ ํšจ๊ณผ์ ์ธ ํƒœ๊ทธ ์‚ฌ์šฉ๋ฒ• ] ๊ฒ€์ƒ‰ ๋…ธ์ถœ์„ ๋†’์ด๋Š” ๋ธ”๋กœ๊ทธ ํƒœ๊ทธ ํ™œ์šฉ๋ฒ•  (2) 2024.10.09
[ ์œ ํŠœ๋ธŒ ์ตœ์ ํ™” ]๊ฒ€์ƒ‰ ์ตœ์ ํ™”์—์„œ ์ ์ˆ˜ ํ•˜๋ฝ ์—†์ด ์œ ํŠœ๋ธŒ ๋™์˜์ƒ ์žฌ์ƒ๋ฐฉ๋ฒ•  (2) 2024.10.08
[ ์œ ํŠœ๋ธŒ ์ „์ฒด ํ™”๋ฉด ์ฝ”๋“œ ์ƒ์„ฑ๊ธฐ ] ์˜์ƒ์„ ๊ฐ„ํŽธํ•˜๊ฒŒ ์ „์ฒด ํ™”๋ฉด์œผ๋กœ  (3) 2024.10.06
[ SEO ์˜ค๋ฅ˜ ํ•ด๊ฒฐ ]'maximum-scale ์†์„ฑ์ด 5๋ณด๋‹ค ์ž‘์Œ' ๋ฌธ์ œ๋ฅผ ์ˆ˜์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•  (2) 2024.10.03
[ ์ด์ค‘ H1 ํƒœ๊ทธ ๋ฌธ์ œ ] ๋ธ”๋กœ๊ทธ ์Šคํ‚จ ๋ฐ ๊ธ€ ์ž‘์„ฑ์‹œ ์ด์ค‘ H1 ํƒœ๊ทธ ๋ฌธ์ œ์™€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•  (3) 2024.10.02
[ ๋ฐฑ๋งํฌ ] ์›น์‚ฌ์ดํŠธ ์ˆœ์œ„ ์ƒ์Šน์„ ์œ„ํ•œ ๊ณ ํ’ˆ์งˆ ๋ฐฑ๋งํฌ ์ „๋žต๊ณผ ํ™œ์šฉ๋ฒ•  (3) 2024.09.30
๋ธ”๋กœ๊ทธ ๊ธ€ ์ž‘์„ฑ์‹œ ์ด๋ฏธ์ง€๋ฅผ ๋ฏธ์„ธ ์—ฌ๋ฐฑ ์‚ญ์ œํ•˜๊ธฐ [ ์ด๋ฏธ์ง€ ์—ฌ๋ฐฑ ์‚ญ์ œ ]  (3) 2024.09.29