검색 봇은 화면의 예쁜 디자인을 눈으로 보지 못하고 오직 코드만 읽습니다. 무의미한 <div> 대신, <header>, <main>, <article> 같은 시맨틱 태그를 사용해야 봇이 페이지의 핵심 구조를 단번에 파악합니다.
점자책 읽기눈이 보이지 않는 봇이 점자(시맨틱 태그)를 더듬으며 "아, 여기가 제목이구나", "이 부분이 본문이구나" 하고 구조를 파악하는 것과 같습니다.
<div class="header">로고 및 메뉴</div> <div class="title">SEO란 무엇인가</div> <div class="footer">저작권 정보</div> <header> <h1>로고 및 메뉴</h1> </header> <main> <article> <h2>SEO란 무엇인가</h2> </article> </main> <footer> <p>저작권 정보</p> </footer>