Multiple <h1> tag

웹 사이트에 여러개의 <h1> 태그 사용에 대해 검색해보면 다수의 사이트에서 <h1> 태그는 페이지 당 하나만 사용하라고 권장한다.

MDN에서도 마찬가지로 하나의 <h1>만 사용하라고 권장하는데

구글 검색중 "Multiple H1 Headings: How to Handle Them for SEO & Accessibility?" 라는 영상을 발견했다.

영상에서 여러 <h1> 태그가 있는 경우 구글 시스템은 하나의 <h1> 제목이든, 여러 개의 <h1> 제목이든, 시멘틱 HTML이 전혀 없는 스타일의 텍스트 조각이든 간에 문제 없이 HTML로 작업하기 때문에 페이지에 문제가 없다고 말한다.

<h1> 태그를 '구조화된 형식으로' 사용하는 것이 사용자가 이해하기 용이한 페이지 구조이며, 이 문제에 관해서는 SEO 가 아닌 사용자의 관점에서 생각해야 한다고 말한다.

결론

즉, 페이지 내에 여러 <h1> 태그가 포함되어 있는 경우 동일한 페이지에 여러 제목 요소가 있어도 사이트 순위에 영향을 미치지 않으므로 SEO에 매몰되지 말고 사용자 관점에서도 생각해 볼 필요성이 있다.

하지만, 여러 개의 <h1> 태그를 사용하여 웹사이트 콘텐츠를 최적화하는 것에 문제가 발생할 수 있다고 판단되면 중지할 것 🥷