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

๋ธ๋ก๊ทธ ์ต์ ํ๋ฅผ ์ํด ๊ธ ์์ฑ ํ ๋ฐ๋์์ฝ๋ ์ ๊ฒ์ ์งํํ์ธ์. ๊ฐ๋จํ ์ฝ๋ ์ ๋ฆฌ๋ง์ผ๋ก๋ ๊ฒ์ ์์ง์ด ํ์ด์ง๋ฅผ ๋ ํจ์จ์ ์ผ๋ก ์ธ๋ฑ์ฑํ ์ ์์ต๋๋ค. ๋ธ๋ก๊ทธ ์ต์ ํ๋ ์์ ๋ณํ์์ ์์๋ฉ๋๋ค. ํจ์จ์ ์ธ ์ฝ๋ ์ ๋ฆฌ๋ก ๋ ๋ง์ ๊ฒ์ ๋ ธ์ถ๊ณผ ํธ๋ํฝ์ ์ ๋ํด ๋ณด์ธ์!