시맨틱 태그란?

주요 시맨틱 태그와 쓰임

• <header>: 사이트 로고와 메뉴가 들어가는 상단 영역
• <nav>: 주요 탐색 링크 묶음
• <main>: 페이지마다 달라지는 핵심 콘텐츠 영역. 화면에 보이는 <main>은 페이지당 하나만 씁니다.
• <article>: 블로그 글이나 뉴스처럼 그 자체로 완결된 콘텐츠
• <section>: 주제별로 묶은 구역
• <aside>: 본문과 간접적으로 관련된 사이드바
• <footer>: 회사 정보, 저작권 표시 등이 들어가는 하단 영역

시맨틱 태그가 SEO에 주는 효과

시맨틱 태그를 쓰면 검색엔진이 공통헤더·푸터 같은 반복 영역과 본문을 구분하는 데 도움이 됩니다. 페이지마다 반복되는 보일러플레이트보다 <main> 안의 고유한 내용이 그 페이지의 주제라는 점이 구조로 드러나기 때문입니다. 본문 안에서는 제목 태그로 단락의 계층을 함께 표시합니다.

스크린 리더 같은 보조기기도 이 태그를 기준으로 영역을 건너뛰며 탐색하므로 접근성이 함께 좋아집니다. 다만 시맨틱 태그를 썼다고 순위가 바로 오르는 것은 아닙니다. 검색엔진의 이해를 돕는 기반 작업으로 보는 것이 정확합니다.