Блог Тильды

Заголовки на сайте

Текст заголовка
Каждая новая секция сайта несёт в себе новую мысль. Кратко и чётко сформулируйте эту мысль в заголовке. Не пишите сложных фраз, человек должен считывать заголовок за миллисекунды. Вместо «Убедитесь, что курс подходит именно для вас» напишите «Для кого курс».

Шрифт заголовка
Для заголовков можно использовать другую насыщенность шрифта или даже другой шрифт. Главное, чтобы типографика заголовка и основного текста сочетались, но заголовок сразу считывался без труда, не сливаясь с текстом.

Размер заголовка
Заголовок, как правило, делают крупнее основного текста. Самое важное правило — все заголовки одинаковых по значению секций должны быть одинакового размера. Иначе не будет соблюдаться иерархия, и человек будет путаться на странице.

Например, если первый заголовок «О курсе» размером 62px, то заголовок следующей секции «Для кого курс» также должен быть 62px — так страница будет аккуратной, а новая секция и новая мысль будут легко считываться.

Отступы заголовка
Отступ между заголовком и относящимся к нему текстом должен быть равен расстоянию между абзацами или быть в полтора раза больше. Отступ над заголовком лучше делать в два раза больше, чем под ним. Так заголовок не прилипнет к предыдущей секции и будет относиться к последующему тексту.

📌 Чтобы структура страницы хорошо считывалась не только людьми, но и роботами, назначьте заголовку на обложке тег H1, а заголовкам секций — тег H2. Для поисковых систем это будет знаком хорошей разметки и правильной структуры страницы. Для добавления тега в настройках блоков с заголовками есть параметр SEO: Тег для заголовка.
Made on
Tilda