Каждая новая секция сайта несёт в себе новую мысль. Кратко и чётко сформулируйте эту мысль в заголовке. Не пишите сложных фраз, человек должен считывать заголовок за миллисекунды. Вместо «Убедитесь, что курс подходит именно для вас» напишите «Для кого курс».
— Шрифт заголовка
Для заголовков можно использовать другую насыщенность шрифта или даже другой шрифт. Главное, чтобы типографика заголовка и основного текста сочетались, но заголовок сразу считывался без труда, не сливаясь с текстом.
— Размер заголовка
Заголовок, как правило, делают крупнее основного текста. Самое важное правило — все заголовки одинаковых по значению секций должны быть одинакового размера. Иначе не будет соблюдаться иерархия, и человек будет путаться на странице.
Например, если первый заголовок «О курсе» размером 62px, то заголовок следующей секции «Для кого курс» также должен быть 62px — так страница будет аккуратной, а новая секция и новая мысль будут легко считываться.
— Отступы заголовка
Отступ между заголовком и относящимся к нему текстом должен быть равен расстоянию между абзацами или быть в полтора раза больше. Отступ над заголовком лучше делать в два раза больше, чем под ним. Так заголовок не прилипнет к предыдущей секции и будет относиться к последующему тексту.
📌 Чтобы структура страницы хорошо считывалась не только людьми, но и роботами, назначьте заголовку на обложке тег H1, а заголовкам секций — тег H2. Для поисковых систем это будет знаком хорошей разметки и правильной структуры страницы. Для добавления тега в настройках блоков с заголовками есть параметр SEO: Тег для заголовка.
