페이지 제목은 검색 엔진과 화면 읽기 프로그램이 「이 페이지가 무엇인가」를 알아보는 첫 단서예요. 제목이 두 개면 어느 쪽이 진짜인지 흐려지고, 없으면 페이지 이름이 비어요.
제목을 그리는 컴포넌트는 정해져 있어요. 홈 머리(HomeHero), 글 머리(PostHeader), 주제·안내 페이지 머리(PageHead), 404(NotFound) 네 곳이고, 다른 컴포넌트는 h2 이하만 써요. 빌드가 끝나면 seo:audit 이 모든 페이지에서 제목 개수를 세고, 하나가 아니면 그 페이지를 오류로 보고해요. 팩이 달라도 같아요. 위 데모의 점선이 그 제목이에요.
그래서 팩 구현을 새로 쓸 때 헷갈리기 쉬운 곳이 있어요. 큰 글씨가 필요하다고 h1 을 한 번 더 쓰지 않아요. 큰 글씨는 모양으로 정하고, 제목의 종류(h1, h2)는 문서 구조로 정해요.
언제 쓰나
새 컴포넌트의 큰 제목을 정할 때, 또는 카드나 안내 상자 안 제목의 단계를 고를 때 떠올려요. 페이지에 이미 제목이 있으면 그 안에서는 한 단계 낮춰요.