Использование заголовков на страницах сайта
Попробовал я разораться как же все же правильно использовать теги <h1> — <h6> на страницах сайта. Прочитал я достаточно большое количество форумов и статей на эту тему, но не одна из них не говорит, как нужно правильно использовать заголовки на страницах сайта. Хочу напомнить, что сейчас я не говорю про HTML-тег <head> и заголовки HTTP, я рассматриваю исключительно <h1> — <h6>.
После прочтения ряда сайтов и форумов, я решил обратится к справочникам Google и Yandex, и посмотреть, что она скажут на интересующую меня тему заголовков на сайте, Yandex как я предполагал не дал мне ответа на эту тему, а Google порадовал, но не сильно, там были лишь общие рекомендации.
Первое что следует знать
Используйте тэги заголовков для выделения важного текста.
Теги заголовков используются для формирования структуры страницы для пользователей. Теги заголовков бывают шести размеров, начиная с самого крупного: <h1>, и заканчивая наименее важным <h6>.
Заключенный в теги заголовков текст обычно увеличивается по сравнению с остальным текстом на странице, что указывает на его важность и может помочь понять что-то о типе содержания под текстом заголовка. Благодаря различным размерам разных уровней заголовков создается иерархическая структура контента, упрощающая навигацию по странице для пользователей.
Теги заголовков — важный компонент веб-сайта, привлекающий внимание пользователя, поэтому будьте особо внимательны при их использовании
Практические советы
Представьте, что вы пишете тезисы
Подобно тезисам в статье или газете текст вашей страницы имеет основную тему и подпункты, ее развивающие. Продумайте их и отметьте с помощью разных заголовков.
Все заголовки разбиты на ранги и это сделано специально для оформления страницы вашего сайта. У вас на сайте все должно быть, как в книге, ведь там все разбито, вспоминайте, на разделы, а разделы разбитые на главы, каждая глава имеет только один заголовок, говорящий, о чем эта глава. Если будет два заголовка надо будет догадываться и возможно долго, какой же важнее. Вот так и поисковик, подумает и определит, место не столь отдаленное для этой страницы.
Не разбрасывайтесь заголовками
Используйте заголовки только там, где они действительно необходимы. Слишком большое количество заголовков на странице дезориентирует пользователя и затрудняет понимание того, где заканчивается одна тема и начинается другая, я об этом сказал выше, но решил повторить 😉
Не следует
- Размещать в тегах заголовков текст, не имеющий навигационной ценности;
- Использовать теги заголовков там, где больше подошли бы теги <em> или <strong>;
- Беспорядочно переключаться от заголовков одного размера к другому.
- Засорять страницу лишними заголовками;
- Помещать весь текст страницы в тег заголовка;
- Использовать заголовки только для стилизации текста, без определения структуры страницы
После изучения можно сказать
Используйте на страницах вашего сайта столько заголовков, сколько вам нужно.
Ни в каких официальных источниках не сказано, что если у вас на странице будет 3 заголовка <h1> и 8 <h2> ваш сайт попадет в бан.
«Не в тему»
Пользователи форму Searchengines.ru писали в тех поддержку Яндекса, на предмет того, сколько H1 может стоять на странице и уважаемый Платон дал им полную свободу в использование данного заголовка 😉
Тест на внимательность
А заметили ли вы, как данной статье используются заголовки сайта 😉