시맨틱 태그를 써야하는 이유
간단하게 SEO(Search Engine Optimization)를 하기 위해서입니다.
SEO란 말 그대로 검색 엔진 최적화인데요,
구조화가 잘 된 웹사이트는 검색 엔진이 찾기 쉬워서 검색 상단에 노출될 가능성이 높습니다.
결국 저희가 웹사이트를 만드려는 이유는 사람들이 내가 만든 서비스를 사용하게 하는 것이기 때문에,
SEO는 더 많은 대상이 우리의 웹사이트에 방문할 수 있게 해줄 것입니다.
주요 시맨틱 태그의 종류
header
페이지의 상단 부분으로, 메뉴나 로고등이 들어갑니다.
<header>
<div class="head">로고 메뉴</div>
</header>
main
페이지의 주요한 컨텐츠를 담습니다.
<main>
</main>
section
주제별 콘텐츠들을 그룹을 정의합니다.
<section>
1
</section>
<section>
2
</section>
<section>
3
</section>
footer
SEO 점수에 큰 영향을 미치는 요소로, 저작권 정보나 사업자 등록번호, 이용약관등이 들어갑니다.
<footer>
ⓒ hyuk.dev
</footer>
추가적인 이유
- 콘텐츠를 일관된 흐름과 구조로 만들기 좋습니다.
- 코드의 가독성, 웹 페이지의 가독성이 향상됩니다.
부가내용
세계적으로 유명한 워드프레스도 footer를 사용합니다.
