Лучшая практика для уровней заголовков

У меня есть группа страниц, на одной странице есть подкатегории, а на другой нет. Как лучше структурировать заголовки? Должен ли каждый элемент одинаковой важности иметь одинаковый уровень заголовка, даже если это означает, например, пропустить h2? Этот путь, безусловно, упрощает CSS.

Первая страница:

<h1>Dogs</h1>
<h2>Small Dogs</h2>
<h3>Chihuahua</h3>
<h3>Jack Russell Terrier</h3>
<h2>Big Dogs</h2>
<h3>Greyhound</h3>
<h3>Golden Retriever</h3>

Вторая страница:

<h1>Cats</h1>
<h3>American Shorthair</h3>
<h3>Siamese</h3>
<h3>Manx</h3>

(Также предположим фактическое содержимое под каждым h3, ofc.)

Или породы собак должны быть h2, а породы кошек - h3? Или каждая порода в этом примере должна быть h2, а не указывать «Маленькие собаки» и «Большие собаки» в качестве заголовков? Или какой-то другой вариант?


html html-heading
person Eriyu    schedule 02.08.2017    source источник
comment
Такие вещи обычно зависят от разработчика (вас). Какой бы стиль, по вашему мнению, лучше всего подходил для вашей веб-страницы.   -  person eqwert    schedule 02.08.2017
comment
Если для вас важен трафик поисковых систем, вы, вероятно, захотите поискать заголовки Google SEO или что-то в этом роде.   -  person JakeParis    schedule 02.08.2017

Ответы (2)


arrow_upward
2
arrow_downward

Главное, как это зависит от разработчика / дизайнера, как вы хотите что-то делать. Общая концепция заголовка заключается в том, что

Наиболее важным тегом является тег заголовка h1, и обычно он является заголовком поста. А подзаголовки идут в теге h2, и порядок продолжается и так далее.

Эти вещи, которые я упомянул, основаны на важности, придаваемой SEO (поисковая оптимизация). Как правило, страница должна содержать только один тег h1, тогда как тегов h2 может быть несколько.
Теперь, чтобы все упростить, главное — это то, что вы хотите сделать. Лучший способ добиться этого — использовать больше h2 и h3 и использовать класс, чтобы придать правильный стиль. Но помните, что не используйте тег h1 более одного раза на своей странице. В соответствии с общим способом SEO

Тег h1 должен содержать целевые ключевые слова, которые тесно связаны с заголовком страницы и имеют отношение к вашему контенту. Тег h2 является подзаголовком и должен содержать ключевые слова, аналогичные вашему тегу h1. Затем ваш h3 является подзаголовком для вашего h2 и так далее. Думайте о них как об иерархии, основанной на важности, где то, что выше, важнее, чем то, что внизу.

Главное, как вы думаете, в каком порядке предпочтения идут в этих списках. Что важнее, а что меньше. А после тегов h3 они вообще не имеют значения, поэтому используйте классы и стилизуйте их.

person Rajesh Paudel    schedule 02.08.2017

arrow_upward
0
arrow_downward

Мы всегда должны использовать тег h1 с основными ключевыми словами. Теги H1 следует использовать только один. Затем мы можем использовать H2 вместе с ключевыми словами. Следует использовать в качестве подзаголовка.

Затем h3 и h4.

person Meg    schedule 06.09.2019