Сколько заголовков h1 можно использовать на странице с точки зрения семантики?
Что проверяют
Отличаете ли вы то, что разрешает спецификация, от того, что принято делать. Формального ограничения нет, и интервьюер ждёт не цифру, а объяснение через доступность и структуру документа. Заодно всплывает, верите ли вы в мифы про наказание от поисковых систем.
Как отвечать
Спецификация не запрещает несколько h1 на странице. Практическая рекомендация другая: один h1 на страницу, совпадающий с её темой, а дальше иерархия строится руками через h2 и h3 без пропуска уровней.
Причина в том, как страницу читают. Пользователь скринридера ходит по списку заголовков и ждёт от h1 ответа на вопрос «куда я попал». Если таких ответов три, ориентир теряется. Уровень заголовка при этом определяется только тегом: браузеры не пересчитывают его по вложенности в section.
<h1>Вакансии фронтенд-разработчика</h1>
<section>
<h2>Фильтры</h2>
</section>Отдельно проговорите одностраничные приложения: при смене маршрута контент меняется, а заголовок остаётся от прошлого экрана, если его не обновить. Каждому маршруту нужен свой h1, и после перехода фокус стоит переводить в начало нового содержимого.
Где спотыкаются
Повторяют, что несколько h1 портят выдачу. Поисковые системы давно говорят, что несколько заголовков первого уровня обрабатываются нормально. Реальная проблема не в ранжировании, а в том, что у страницы нет одного очевидного заголовка.
Второе: рассчитывают на алгоритм построения структуры документа из HTML5, по которому h1 внутри секции якобы становится подзаголовком. Этот алгоритм не реализовал ни один браузер и ни один скринридер, из спецификации его убрали, и опираться на него нельзя.
Третье: выбирают уровень заголовка по размеру шрифта в макете и пропускают уровни, ставя после h2 сразу h4. Размер это задача стилей, а порядок уровней читают вспомогательные технологии.