Search
⚑

SEO μ΅œμ ν™”

Created
2022/01/28 17:06
SEO μ΅œμ ν™”κ°€ ν•„μš”ν•œ νŽ˜μ΄μ§€λ₯Ό pre-rendering λ˜λŠ” SSR λ°©μ‹μœΌλ‘œ λ³€κ²½

μ…€λŸ¬λ¦¬

β€’
λŒ€μƒ: μ…€λŸ¬λ¦¬ λžœλ”©, 샡꾸 λžœλ”©, νšŒμ›κ°€μž…, 둜그인 νŽ˜μ΄μ§€
β€’
react-snap μ‚¬μš©ν•˜μ—¬ λΉŒλ“œ μ‹œμ μ— 정적 파일 생성
β€’
κ΄€λ ¨ λΈ”λ‘œκ·Έ μž‘μ„±: react-snap 적용 μ‚½μ§ˆκΈ°

판맀자 상점

β€’
λŒ€μƒ: 판맀자 상점
β€’
next.js μ‚¬μš©ν•˜μ—¬ SSR λ°©μ‹μœΌλ‘œ μ„œλΈŒ

SEO 적용 확인

AS-IS

β€’
λͺ¨λ“  νŽ˜μ΄μ§€μ˜ meta title, description, image이 λ™μΌν–ˆμŒ
β€’
νŒλ§€μžκ°€ 상점 링크λ₯Ό κ³΅μœ ν•  λ•Œ 상점에 λŒ€ν•œ 정보λ₯Ό 같이 μ „λ‹¬ν•˜κΈ° μ–΄λ €μ› μŒ

TO-BE

β€’
상점, νŽ˜μ΄μ§€ λ³„λ‘œ meta 정보λ₯Ό λ‹€λ₯΄κ²Œ 적용
β€’
상점 λΈŒλžœλ”©μ΄λ‚˜ μƒν’ˆ 정보λ₯Ό μ „λ‹¬ν•˜κΈ° μ‰¬μ›Œμ§

μ„±λŠ₯ 비ꡐ

AS-IS

AS-IS λͺ¨λ°”일
AS-IS λ°μŠ€ν¬νƒ‘

TO-BE (SSR둜 λ¦¬νŒ©ν† λ§ ν›„)

β€’
FCP (초기 μ½˜ν…μΈ κ°€ λ Œλ”λ§ λ˜λŠ” μ‹œμ )κ°€ λͺ¨λ°”μΌμ˜ 경우 6λ°° κ°€λŸ‰, λ°μŠ€ν¬νƒ‘μ˜ 경우 4λ°° κ°€λŸ‰ 빨라짐
β€’
TTI (μžλ°”μŠ€ν¬λ¦½νŠΈκ°€ μ‹€ν–‰λ˜μ–΄ μ‚¬μš©μžκ°€ μΈν„°λž™μ…˜ ν•  수 μžˆλŠ” μ‹œμ )λŠ” λͺ¨λ°”μΌμ˜ 경우 3λ°° κ°€λŸ‰, λ°μŠ€ν¬νƒ‘μ˜ 경우 2.5λ°° κ°€λŸ‰ 빨라짐
TO-BE λͺ¨λ°”일
TO-BE λ°μŠ€ν¬νƒ‘