SEO๋ฅผ ๊ณ ๋ คํ ๋ธ๋ก๊ทธ ๊ธ ์์ฑ๋ฒ: ๊ฒ์ ์์ง ์นํ์ ์ธ ์ฝํ ์ธ ์ ์๊ณผ ๋ถํ์ํ ์ฝ๋ ์ ๊ฑฐ ์ ๋ต
๋ธ๋ก๊ทธ SEO ์ต์ ํ๋ฅผ ์ํด ๊ฒ์ ์์ง ์นํ์ ์ธ ์ฝํ ์ธ ์์ฑ๋ฒ๊ณผ ํ์์ ์ธ ์ฝ๋ ์ ๋ฆฌ ์ ๋ต์ ์์๋ด ๋๋ค. ๋ถํ์ํ HTML ํ๊ทธ ์ ๊ฑฐ, ํค์๋ ์ ๋ต์ ํ์ฉ์ ํตํด ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ๊ฐ์ ํ๊ณ ๊ฒ์ ์์ง ํฌ๋กค๋ง ํจ์จ์ ๋์ฌ ๋ธ๋ก๊ทธ ํธ๋ํฝ๊ณผ ๊ฒ์ ๋ ธ์ถ ์์๋ฅผ ํฅ์์ํค๋ ๋ฐฉ๋ฒ์ ์ ์ํฉ๋๋ค.
๋ธ๋ก๊ทธ SEO ์ต์ ํ์ ํต์ฌ: ๊ฒ์ ์์ง ์นํ์ ์ธ ์ฝํ ์ธ ๋ง๋ค๊ธฐ
๋ธ๋ก๊ทธ ๊ธ ์์ฑ์์ ๋ธ๋ก๊ทธ ์ต์ ํ๋ ๊ฒ์ ์ต์ ํ(SEO)์ ๊ธ์ ์ ์ธ ํจ๊ณผ๋ฅผ ์ฃผ๊ณ ๋ฐฉ๋ฌธ์๋ฅผ ํจ๊ณผ์ ์ผ๋ก ์ ์ ํ๊ฒ ํ๋ ํต์ฌ ์ ๋ต ์ค ํ๋์ ๋๋ค. ํนํ, ๋ธ๋ก๊ทธ ๊ธ SEO ์ต์ ํ๋ ๋จ์ํ ์ข์ ์ฝํ ์ธ ์์ฑ์ ๊ทธ์น์ง ์๊ณ , ๋ถํ์ํ HTML ์ฝ๋ ์ ๊ฑฐ์ ํค์๋์ ์ ๋ต์ ํ์ฉ์ ํตํด ๊ฒ์ ์์ง ์นํ์ ์ธ ์ฝํ ์ธ ๋ฅผ ๋ง๋๋ ๊ณผ์ ์ ๋งํฉ๋๋ค. ์ด๋ฅผ ํตํด ๋ธ๋ก๊ทธ ํ์ด์ง์ ๋ก๋ฉ ์๋๋ฅผ ๊ฐ์ ํ๊ณ , ๊ฒ์ ์์ง ํฌ๋กค๋ฌ๊ฐ ๋ ํจ์จ์ ์ผ๋ก ๊ธ์ ์ธ์ํ๋๋ก ๋์ ๋ฐฉ๋ฌธ์ ์๋ฅผ ์ฆ๊ฐ์ํค๋ ํจ๊ณผ๋ฅผ ์ป์ ์ ์์ต๋๋ค. SEO์ ์ต์ ํ๋ ๊ธ ์์ฑ๋ฒ๊ณผ ์ฝ๋ ์ ๋ฆฌ ๋ฐฉ๋ฒ์ ์ตํ, ๊ฒฝ์๋ ฅ ์๋ ๋ธ๋ก๊ทธ ์ด์์ ์์ํด ๋ณด์ธ์.
๊ฒ์ ์์ง ์นํ์ ์ธ ์ฝํ ์ธ ์ ์์ ์ํ ๊ธฐ๋ณธ ์์น
๊ฒ์ ์์ง์ ์ต์ ํ๋ ๊ธ์ ๋ง๋ค๋ ค๋ฉด ๊ณ ํ์ง ์ฝํ ์ธ ์ ํจ๊ป ๊ด๋ จ ํค์๋๋ฅผ ์ ๋ต์ ์ผ๋ก ํ์ฉํด์ผ ํฉ๋๋ค. ๋ฌผ๋ก ๊ธ์ ๊ฐ๋ ์ฑ๊ณผ ์ ๋ณด ์ ๋ฌ๋ ฅ์ ์ ์งํ๋ ๊ฒ๋ ์ค์ํฉ๋๋ค. ๋ค์์ ์ฝ๊ฒ ์ค์ฒํ ์ ์๋ ๋ช ๊ฐ์ง ์ต์ ํ ๋ฐฉ๋ฒ์ ๋๋ค.
๋ธ๋ก๊ทธ ๊ธ ์ต์ ํ์ ๋ถํ์ํ ์ฝ๋ ์ ๊ฑฐ๊ฐ ์ค์ํ ์ด์
๋ธ๋ก๊ทธ ๊ธ์ ์์ฑํ ๋, ๊ธ ํธ์ง๊ธฐ๋ฅผ ์ฌ์ฉํ๋ฉด ์๋์ผ๋ก ๋ถํ์ํ ํ๊ทธ๊ฐ ์ถ๊ฐ๋ ์ ์์ต๋๋ค. ์ด๋ฌํ ์ฝ๋๋ค์ ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ์ ํ์ํฌ ๋ฟ๋ง ์๋๋ผ, ๊ฒ์ ์์ง ํฌ๋กค๋ง ํจ์จ์ฑ์ ๋จ์ด๋จ๋ ค ๋ธ๋ก๊ทธ์ ๊ฒ์ ๋ ธ์ถ์๋ ๋ถ์ ์ ์ธ ์ํฅ์ ๋ฏธ์น ์ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด, ์๋ ํ๋ก์ธ์ ์คํ์ผ์ ํธ์ง๊ธฐ์์ ๋ณต์ฌ-๋ถ์ฌ๋ฃ๊ธฐ๋ฅผ ํ ๊ฒฝ์ฐ ์๋์ผ๋ก ์ถ๊ฐ๋ span ํ๊ทธ๋ ๋ถํ์ํ div ์์ ๋ฑ์ด ์์ ์ ์์ต๋๋ค. ์ด๋ฐ ์์๋ฅผ ์ ๋ฆฌํ๋ฉด ํ์ด์ง ๋ก๋ฉ ์๋ ๊ฐ์ ๋ฐ ๊ฒ์ ์์ง ์ต์ ํ์ ๋์์ด ๋๋ฉฐ, ํนํ ๋ชจ๋ฐ์ผ ํ๊ฒฝ์์์ ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ํฅ์์ํต๋๋ค.
ํจ์จ์ ์ธ ์ฝ๋ ์ ๋ฆฌ ์ ๋ต: ๋ถํ์ํ HTML ํ๊ทธ ์ ๊ฑฐ
๋ธ๋ก๊ทธ ๊ธ์ ๊ฒ์ ์ต์ ํ(SEO) ํ๊ธฐ ์ํด์๋ ๋ถํ์ํ ์ฝ๋ ์ ๊ฑฐ๊ฐ ์ค์ํฉ๋๋ค. HTML ์์ ์ด ์ด๋ ต๋ค๊ณ ๊ฑฑ์ ํ ํ์ ์์ต๋๋ค. ์ฝ๋ ์ ๋ฆฌ๊ธฐ๋ฅผ ํ์ฉํ๋ฉด ๊ฐํธํ๊ฒ ์ฝ๋ ์ต์ ํ๋ฅผ ํ ์ ์์ต๋๋ค. ์ฝ๋์ ๋ฌด๊ฒ๋ฅผ ์ค์ด๋ ๊ฒ์ ๊ฒ์ ์์ง ์นํ์ ์ธ ๋ธ๋ก๊ทธ๋ฅผ ๋ง๋๋ ํ์ ๊ณผ์ ์ ๋๋ค.
์ฝ๋ ์ต์ ํ ํ์ ๋ฐฉ๋ฒ๋ก
- ๋ถํ์ํ ํ๊ทธ ์ญ์ : span, div, p ๋ฑ์ ๋ถํ์ํ๊ฒ ์ค๋ณต๋๊ฑฐ๋ ์คํ์ผ๋ง์ ์ํ ์ธ๋ผ์ธ ํ๊ทธ๋ค์ ์ ๋ฆฌํ์ฌ ์ฝ๋์ ๊ฐ๊ฒฐ์ฑ์ ์ ์งํ์ธ์. ๊ฐ๊ฒฐํ ์ฝ๋๋ ํฌ๋กค๋ฌ์ ๋ฐ์ดํฐ ์ฒ๋ฆฌ ์๋๋ฅผ ๋์ ๋๋ค.
- ์ค๋ณต ์ฝ๋ ์ ๊ฑฐ: ๊ฐ์ ์คํ์ผ์ด๋ ์คํฌ๋ฆฝํธ๊ฐ ์ฌ๋ฌ ๋ฒ ๋ฐ๋ณต๋์ง ์๋๋ก ์์ ํ๋ฉด ๋ธ๋ก๊ทธ ์๋๊ฐ ๊ฐ์ ๋ฉ๋๋ค. CSS์ JavaScript๋ ๊ฐ๋ฅํ ์ธ๋ถ ํ์ผ๋ก ๋ถ๋ฆฌํ๊ณ ์ต์ํํ์ธ์.
- CSS ๋ฐ JavaScript ์ต์ํ(Minify): ์ฌ์ฉํ์ง ์๋ CSS ์ฝ๋๋ ๋ถํ์ํ ์คํฌ๋ฆฝํธ๋ฅผ ์ค์ด๋ฉด ํ์ด์ง ๋ก๋ฉ ์๋๊ฐ ๋นจ๋ผ์ง๊ณ , ๋ชจ๋ฐ์ผ ์ต์ ํ๋ ํจ๊ป ๊ฐ์ ๋ฉ๋๋ค.
๋ถํ์ํ ์ฝ๋ ์ ๊ฑฐ์ ์ค์ง์ ์ธ ํจ๊ณผ
- ๋ธ๋ก๊ทธ์ ๊ฐ๋ ์ฑ ํฅ์: ๊น๋ํ HTML ๊ตฌ์กฐ๋ ํ ์คํธ๋ฅผ ๋ช ํํ๊ฒ ํ์ํ์ฌ ๋ฐฉ๋ฌธ์๋ค์ด ์ฝํ ์ธ ๋ฅผ ๋ณด๋ค ์ฝ๊ฒ ์ฝ์ ์ ์์ต๋๋ค.
- ๊ฒ์ ์์ง ์ต์ ํ(SEO) ๊ฐ์ : ๊ฒ์์์ง์ด ๋ณด๋ค ์ ํํ๊ฒ ๋ด์ฉ์ ๋ถ์ํ๊ณ , ๊ฒฐ๊ณผ์ ์ผ๋ก ๋ ธ์ถ ์์ ์์น ๊ฐ๋ฅ์ฑ์ ๋์ ๋๋ค.
- ํ์ด์ง ๋ก๋ฉ ์๋ ์ฆ๊ฐ: ์ฝ๋์ ๊ฒฝ๋ํ๋ ์ฌ์ฉ์ ๊ฒฝํ(UX)์ ๊ฐ์ ํ๊ณ ๋ก๋ฉ ์ง์ฐ์ผ๋ก ์ธํ ์ดํ๋ฅ (Bounce Rate) ๊ฐ์์ ์ง์ ์ ์ธ ์ํฅ์ ์ค๋๋ค.
๋ธ๋ก๊ทธ ๊ธ ์ต์ ํ๋ฅผ ์ํ ์จ๋ผ์ธ ์ฝ๋ ์ ๋ฆฌ๊ธฐ ํ์ฉ
๋ง์ฝ ์๋์ผ๋ก HTML์ ์์ ํ๋ ๊ฒ์ด ๋ถ๋ด์ค๋ฝ๊ฑฐ๋ ๋ฒ๊ฑฐ๋กญ๊ฒ ๋๊ปด์ง๋ค๋ฉด, ์จ๋ผ์ธ ์ฝ๋ ์ ๋ฆฌ๊ธฐ๋ฅผ ์ด์ฉํด๋ณด์ธ์. ๋ช ๋ฒ์ ํด๋ฆญ๋ง์ผ๋ก ์ฝ๋ ์ ๋ฆฌ๊ฐ ๊ฐ๋ฅํ๋ฉฐ, ๋ณด๋ค ๊น๋ํ HTML ๊ตฌ์กฐ๋ฅผ ์ ์งํ ์ ์์ต๋๋ค. ๋ถํ์ํ ์์๋ฅผ ์ ๊ฑฐํ์ฌ ๋ธ๋ก๊ทธ ๊ธ์ ๊ฒ์์์ง์ด ๊ฐ์ฅ ํจ์จ์ ์ผ๋ก ๊ฒ์ํ๊ณ ์์ธํ ์ ์๋๋ก ๋์ต๋๋ค.
๊ธ ์ต์ ํ ์ฝ๋ ์ ๋ฆฌ๊ธฐ ์ฌ์ฉ ๋จ๊ณ
HTML์์ ๊ธ๊ณผ ๊ด๊ณ์๋ ๋ค๋ฅธ ์ฝ๋๊ฐ ์๋์ง ํ์ธํ๊ณ ์ญ์ ํ๋ ๊ฒ๋ง์ผ๋ก๋ ๊ฒ์ ์์ง ์ต์ ํ(SEO)์ ๋์์ด ๋ฉ๋๋ค. ์ค๋ฅ๋ฅผ ๋ฐฉ์งํ ์ ์๊ณ , ๋ธ๋ก๊ทธ์ ์ ๋ฐ์ ์ธ ํ์ง์ ๋์ผ ์ ์์ต๋๋ค. ๋ํ ๊ฐ๋จํ๊ฒ ํฌ๋กฌ ํ์ฅํ๋ก๊ทธ๋จ์ ํ์ฉํ ์๋ ์์ต๋๋ค.
- ์ฝ๋๋ฅผ ๋ณต์ฌํ์ฌ ์ฝ๋ ์ ๋ ฅ๋์ ๋ถ์ฌ๋ฃ๊ธฐ ํฉ๋๋ค.
- "p data-ke-size="size16"/p" ๋ฒํผ์ ํด๋ฆญํ์ฌ ๋ถํ์ํ ์ฝ๋๋ฅผ ์ญ์ ํฉ๋๋ค.
- "br" ๋ฒํผ์ ๋๋ฌ ๊ณต๋ฐฑ ๋ฌธ์๋ฅผ ์ค๋ฐ๊ฟ์ผ๋ก ์๋ ๋ณ๊ฒฝํฉ๋๋ค.
- ์ ๊ฑฐ ๋ฒํผ์ ํด๋ฆญํ์ฌ ๋ณ๊ฒฝ๋ ์ฝ๋๋ฅผ ์ถ๋ ฅํฉ๋๋ค.
- ๋ง์ง๋ง์ผ๋ก ๋ณต์ฌ ๋ฒํผ์ ๋๋ฌ ์๋ํฐ์ ๋ถ์ฌ๋ฃ๊ธฐ ํฉ๋๋ค.
๋ธ๋ก๊ทธ ์ต์ ํ๋ฅผ ์ํ ์ฝ๋ ์ ๋ฆฌ๊ธฐ ์ฌ์ฉํ๊ธฐ

๋ธ๋ก๊ทธ ์ต์ ํ๋ฅผ ์ํด ๊ธ ์์ฑ ํ ๋ฐ๋์ ์ฝ๋ ์ ๊ฒ์ ์งํํ์ธ์. ๊ฐ๋จํ ์ฝ๋ ์ ๋ฆฌ๋ง์ผ๋ก๋ ๊ฒ์ ์์ง์ด ํ์ด์ง๋ฅผ ๋ ํจ์จ์ ์ผ๋ก ์ธ๋ฑ์ฑํ ์ ์์ต๋๋ค. ๋ธ๋ก๊ทธ ์ต์ ํ๋ ์์ ๋ณํ์์ ์์๋ฉ๋๋ค. ํจ์จ์ ์ธ ์ฝ๋ ์ ๋ฆฌ๋ก ๋ ๋ง์ ๊ฒ์ ๋ ธ์ถ๊ณผ ํธ๋ํฝ์ ์ ๋ํด ๋ณด์ธ์!
๋ธ๋ก๊ทธ ๊ธ์ SEO์ ์ต์ ํํ๋ ค๋ฉด ์ด๋ค ์ ๊ฒ์ด ํ์ํ๊ฐ์?
์์ฑํ ๊ธ์์ ๋ถํ์ํ HTML ํ๊ทธ(์: ์ค๋ณต๋ span, div)๋ ์ธ๋ผ์ธ ์คํ์ผ ์ฝ๋๋ฅผ ์ ๊ฑฐํ๋ ์ฝ๋ ์ ๊ฒ์ด ํ์ํฉ๋๋ค. ์ด๋ฅผ ํตํด ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ๊ฐ์ ํ๊ณ ๊ฒ์ ์์ง ํฌ๋กค๋ง ํจ์จ์ ๋์ผ ์ ์์ต๋๋ค.
๋ถํ์ํ ์ฝ๋๋ฅผ ์ ๊ฑฐํ๋ฉด ๋ธ๋ก๊ทธ์ ์ด๋ค ์ค์ง์ ์ธ ํจ๊ณผ๊ฐ ์๋์?
๋ถํ์ํ ์ฝ๋ ์ ๊ฑฐ๋ ๋ธ๋ก๊ทธ์ ํ์ผ ํฌ๊ธฐ๋ฅผ ์ค์ฌ ํ์ด์ง ๋ก๋ฉ ์๋๋ฅผ ๋น ๋ฅด๊ฒ ํ๊ณ , ๊ฒ์ ์์ง์ด ์ฝํ ์ธ ์ ํต์ฌ์ ๋ ๋น ๋ฅด๊ฒ ํ์ ํ๊ฒ ํ์ฌ ๊ฒ์ ์์ง ์ต์ ํ(SEO) ์์ ๊ฐ์ ์ ๋์์ ์ฃผ๋ฉฐ ๋ฐฉ๋ฌธ์ ์ดํ๋ฅ ์ ์ค์ฌ์ค๋๋ค.
์๋ ์ฝ๋ ์์ ์ด ์ด๋ ต๋ค๋ฉด ์ด๋ค ๋ฐฉ๋ฒ์ ์ฌ์ฉํ ์ ์๋์?
์จ๋ผ์ธ ์ฝ๋ ์ ๋ฆฌ๊ธฐ ๋๊ตฌ๋ฅผ ํ์ฉํ๋ฉด ๋ณต์ฌ-๋ถ์ฌ๋ฃ๊ธฐ๋ง์ผ๋ก ์๋์ผ๋ก ๋ถํ์ํ ์ฝ๋๋ฅผ ์ญ์ ํ๊ณ , ๊น๋ํ HTML ๊ตฌ์กฐ๋ฅผ ์ ์งํ ์ ์์ต๋๋ค. ๋ํ, ํฌ๋กฌ ํ์ฅ ํ๋ก๊ทธ๋จ ๋ฑ์ ์ด์ฉํ์ฌ ์๋ํฐ ๋ด์์ ๊ฐํธํ๊ฒ ์ฝ๋๋ฅผ ์ ๋ฆฌํ ์๋ ์์ต๋๋ค.