์ฝ๋ ์๋ ์ ๋ฆฌ๊ธฐ: HTML ๋ถํ์ ํ๊ทธ ์ ๊ฑฐ ๋ฐ ํ ์ค ๋ณํ ๋๊ตฌ
์น ๊ฐ๋ฐ์ด๋ ๋ธ๋ก๊ทธ ๊ธ์ ์์ฑํ๋ค ๋ณด๋ฉด, ์๋ํฐ๋ ๋ณต๋ถ ๊ณผ์ ์์ ๋ถํ์ํ HTML ํ๊ทธ๋ค์ด ์๋์ผ๋ก ์ฝ์ ๋์ด ์ฝ๋๊ฐ ๋ณต์กํด์ง๊ณ ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๋ ๊ฒฝ์ฐ๊ฐ ๋ง์ต๋๋ค. ํนํ ํฐ์คํ ๋ฆฌ, ๋ธ๋ฐ์น, ๋ค์ด๋ฒ ๋ธ๋ก๊ทธ์ฒ๋ผ ์์ฒด ์๋ํฐ๋ฅผ ์ฌ์ฉํ๋ ํ๋ซํผ์์๋ <span>, , <p data-ke-size="size16"> ๊ฐ์ ํ๊ทธ๊ฐ ์๋ ์์ฑ๋์ด ์ฝ๋๊ฐ ๋๋ฌ์์ง๋๋ค.
์ด ๊ธ์์๋ ์ด๋ฐ ๋ถํ์ํ ํ๊ทธ๋ฅผ ๊ฐํธํ๊ฒ ์ ๊ฑฐํ๊ฑฐ๋ ์ํ๋ ํ๊ทธ๋ก ๋ณ๊ฒฝํ๊ณ , ๊ฒฐ๊ณผ๋ฅผ ํ ์ค ์ฝ๋๋ก๋ ์ถ๋ ฅํ ์ ์๋ ์ฌ์ธ์ ์ฝ๋ ์ ๋ฆฌ ๋๊ตฌ๋ฅผ ์๊ฐํฉ๋๋ค.
์ด ๋๊ตฌ๊ฐ ํ์ํ ์ด์
1. HTML ์ ๋ฆฌ ์๋ํ
- <p data-ke-size="size16">, <span>, ๊ฐ์ ์ธ๋ฐ์๋ ํ๊ทธ ์ ๊ฑฐ
- <h2 data-ke-size="size26"> → <h2>๋ก ๊ฐ๋จํ ๋ณํ
2. ์ฝ๋ ๋ณต์ฌ ๋ถ์ฌ๋ฃ๊ธฐ ์ต์ ํ
- ๊นจ๋ํ๊ฒ ์ ๋ฆฌ๋ HTML์ ๋ฐ๋ก ๋ถ์ฌ๋ฃ๊ธฐ
- ํ ์ค ๋ณํ๊ธฐ๋ฅ์ผ๋ก JS ์คํฌ๋ฆฝํธ๋ฅผ <script> ํ๊ทธ์ ๋ฃ์ ๋๋ ์ ์ฉ
3. SEO ๋ฐ ์ฑ๋ฅ ํฅ์
- ๋ถํ์ํ HTML์ ๋ก๋ฉ ์๋์ ๊ฒ์ ์์ง ์ต์ ํ์ ์ข์ง ์์
- ํ์ํ ๋ด์ฉ๋ง ๋จ๊ฒจ ๊ฒ์ ๋ก๋ด์ด ์ ํํ ์ฝํ ์ธ ์ธ์ ๊ฐ๋ฅ
์ฃผ์ ๊ธฐ๋ฅ ์ค๋ช
| ๊ธฐ๋ฅ | ์ค๋ช |
|---|---|
| ๋ถํ์ํ ๋ฌธ์ ์ ๊ฑฐ | ์ ๋ ฅํ ํ ์คํธ์์ ํน์ ๋ฌธ์์ด์ ์ ๊ท์์ผ๋ก ์ ๊ฑฐ |
| ๋ฌธ์ ๋ณ๊ฒฝ ๊ธฐ๋ฅ | ์ญ์ ํ ๋ฌธ์์ด์ ๋ค๋ฅธ ํ ์คํธ๋ก ์นํ |
| ํ๋ฆฌ์ ๋ฒํผ | ์์ฃผ ์ฐ๋ HTML ํ๊ทธ๋ฅผ ๋น ๋ฅด๊ฒ ์ฝ์ ๊ฐ๋ฅ |
| ์๋ํ ์ ๊ฑฐ ๋ฒํผ | ๋ธ๋ก๊ทธ ์๋ํฐ์์ ์๋ ์์ฑ๋ ํ๊ทธ๋ฅผ ํ ๋ฒ์ ์ ๋ฆฌ |
| ์คํฌ๋ฆฝํธ ์๋ ์ฝ์ | ๋ชจ๋ฐ์ผ ํ์ด์ง์์ noindex ์ฒ๋ฆฌํ๋ JS ์ฝ๋ ์ฝ์ |
| ๋ณต์ฌ ๋ฒํผ | ์ ๋ฆฌ๋ HTML์ ํด๋ฆญ ํ ๋ฒ์ผ๋ก ํด๋ฆฝ๋ณด๋์ ๋ณต์ฌ |
| ํ ์ค ๋ณํ๊ธฐ | ์คํฌ๋ฆฝํธ ์ฝ๋๋ฅผ ํ ์ค๋ก ๋ณํํด ์ฝ์ ํ๊ธฐ ์ฝ๊ฒ ์ถ๋ ฅ |