Логотип seo-prodvizhenie-biznesa.ru
+7 (921) 333-77-45

H1 — заголовок страницы

H1 — заголовок страницы
Анатолий Кузнецов
Анатолий Кузнецов
SEO-оптимизатор с 20-летним стажем. Автор блога seo-prodvizhenie-biznesa.ru о продвижении и доработке сайтов.

H1 — заголовок страницы, и ошибку в нём я нахожу на большинстве сайтов, которые открываю впервые: три заголовка первого уровня на одном экране, дословный дубль title или логотип, обёрнутый в тег заголовка. Каждый вариант стоит позиций, причём стоит тихо: сайт работает, страницы открываются, никто ничего не замечает, а система просто не понимает, как называется страница и о чём она.

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

Два разных заголовка, которые постоянно путают

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

Параметр Title Заголовок H1
Где виден В выдаче и на вкладке браузера На самой странице, вверху содержимого
Задача Убедить перейти Подтвердить, что человек попал куда надо
Длина До 60–70 символов, иначе обрежется Формального ограничения нет, но краткость выигрывает
Сколько на странице Один Один
Что уместно добавить Город, цену, срок, уточнение выгоды Только суть страницы
Что происходит при дубле Система может переписать его сама Страница выглядит менее осмысленной
Влияние на кликабельность Прямое Косвенное, через поведение после перехода

Дословно совпадать они не должны. Title работает на клик, поэтому в нём уместны уточнения: город, диапазон цен, срок, преимущество. Заголовок на странице обращён к тому, кто уже пришёл, — ему нужна ясность, а не реклама. Практический приём: возьмите title и уберите из него всё, что было добавлено ради привлечения внимания. Останется хороший заголовок первого уровня.

Правила, которые действительно работают

  1. Один заголовок первого уровня на страницу. Технически несколько допустимы, и ошибкой разметки это не считается. Но смысл заголовка первого уровня в том, что он один: это название страницы, а не оформление блока.
  2. Содержит главный запрос группы в естественной формулировке. Без подгонки падежей и без перечисления синонимов. «Ремонт рулевых реек» лучше, чем «Ремонт рулевая рейка Москва цена».
  3. Совпадает по смыслу с title, но не дословно. Разные формулировки одной сути дают системе больше сигналов, чем один и тот же текст в двух местах.
  4. Стоит в начале содержимого. До основного текста, после шапки и навигационной цепочки. Заголовок, спрятанный в середине страницы, теряет смысл названия.
  5. Отражает то, что действительно есть на странице. Заголовок, обещающий одно, при содержании о другом — самый быстрый способ вернуть человека в выдачу.
  6. Читается как название, а не как предложение. Короткая именная формулировка работает лучше развёрнутой фразы с глаголами.
  7. Уникален в пределах сайта. Два одинаковых заголовка на разных страницах означают, что у вас либо дубль, либо страница без собственной темы.

Шесть ошибок, которые встречаются чаще всего

  • Заголовка нет вообще. Типично для страниц, свёрстанных по макету без оглядки на разметку: название оформлено крупным текстом обычного абзаца. Для системы это страница без имени.
  • В заголовок обёрнут логотип. Наследие старых шаблонов, где название компании в шапке было заголовком первого уровня. Результат: у всех страниц сайта одинаковое название, никак не связанное с содержанием.
  • Несколько заголовков первого уровня. Обычно потому, что ими оформлены названия блоков на главной. Система разберётся, но иерархия теряется: непонятно, что здесь основное.
  • Заголовок набит ключевыми словами. «Пластиковые окна купить Москва недорого цена от производителя». Написано для робота, читается человеком как признак сомнительного сайта.
  • Одинаковый заголовок на десятках страниц. Частая история в магазинах: у всех страниц каталога заголовок «Каталог товаров», у всех карточек — название раздела.
  • Заголовок в виде картинки. Красивая надпись в графике вместо текста. Содержания в ней нет, а альтернативный текст в лучшем случае заменяет его частично.
  • Что должно быть на главной странице сайта

Отдельно упомяну ошибку, которая не видна визуально: заголовок присутствует в коде дважды — один раз в скрытом мобильном блоке, второй в десктопном. Верстальщик сделал две версии одного элемента, показывая нужную стилями. На экране один заголовок, в коде два.

Подробнее об этом — в статье «Заголовок страницы сайта».

Иерархия подзаголовков

Помогу с продвижением: продвижение бизнеса в Яндексе — вывожу сайты в топ Яндекса белыми методами.

Заголовки — это оглавление страницы, и оно должно читаться отдельно от текста. Логика уровней простая: первый — название страницы, второй — крупные разделы, третий — подразделы внутри них.

Что нарушает структуру:

  • Пропуск уровня. Заголовок третьего уровня сразу после первого сбивает разбор структуры.
  • Заголовки как оформление. Тег заголовка используют ради крупного шрифта на подписи к картинке или на цитате. Размер задают стилями, а не тегом.
  • Заголовки в шапке, подвале и боковой колонке. Названия блоков вроде «Меню» или «Свежие записи», оформленные заголовками второго уровня, попадают в структуру страницы наравне с содержательными разделами.
  • Одно слово вместо формулировки. Заголовок «Особенности» не сообщает ничего ни человеку, ни системе.
  • Что должно быть на главной странице сайта

Проверка занимает минуту: выпишите все заголовки страницы подряд, без текста. Если по этому списку понятен ход изложения и видно, что где искать, структура рабочая. Если получился набор слов — структуры нет, есть только оформление.

Тему разбирал отдельно: «Страницы-сироты: как найти материалы, на которые не ведёт ни одна ссылка».

Заголовки на разных типах страниц

Тип страницы Что писать в заголовке Типичная ошибка
Главная Основное направление деятельности с уточнением региона Название компании или слоган
Страница услуги Название услуги так, как её ищут Дубль title с ценой и городом
Категория каталога Название категории во множественном числе Одинаковое «Каталог» на всех разделах
Карточка товара Полное название товара с моделью Название раздела вместо товара
Статья Тема статьи в формулировке запроса Название рубрики или дата
Страница контактов Контакты с названием компании или города Заголовок в виде логотипа
Страницы пагинации Тот же заголовок, что у первой страницы Отдельные заголовки с номером страницы

Пояснение к последней строке: страницы со второй по десятую в списке товаров — это продолжение одного раздела, а не самостоятельные страницы. Менять у них заголовок не нужно, различие задаётся служебными указаниями для системы, а не текстом на экране.

Как проверить весь сайт за полчаса

  1. Посмотрите одну страницу вручную. Откройте исходный код и найдите тег заголовка первого уровня. Убедитесь, что он один и содержит то, что вы ожидаете. Это калибровка: дальше вы будете знать, как устроен ваш шаблон.
  2. Прогоните сайт краулером. Любая программа обхода выдаёт колонки с заголовками: отсутствующие, дублирующиеся, множественные, слишком длинные. Отчёт готов за время обхода.
  3. Отсортируйте по повторам. Список одинаковых заголовков сразу показывает, где в шаблоне зашита ошибка, а где просто недоработали страницу.
  4. Проверьте страницы без заголовка. Их обычно немного, и они обычно самые важные: посадочные страницы, сделанные отдельно от шаблона.
  5. Сверьте с title. Полное совпадение по всему сайту означает, что оба поля заполняются из одного значения в настройках движка.
  6. Проверьте мобильную версию. Иногда заголовок есть на широком экране и отсутствует на узком, если верстальщик спрятал блок целиком.

Что делать, если ошибка в шаблоне

Массовая проблема требует не ручной правки страниц, а изменения шаблона. Порядок действий, который снижает риск сломать что-то ещё.

  • Определите, откуда берётся значение. В большинстве движков заголовок выводится из поля названия записи или из отдельного поля. Найдите место в шаблоне, где оно печатается.
  • Сделайте копию перед правкой. Изменения в шаблоне отражаются сразу на всех страницах, откат должен быть возможен за минуту.
  • Смените тег у логотипа. Если логотип обёрнут в заголовок первого уровня, замените тег на обычный блок и перенесите оформление в стили. Внешне ничего не изменится.
  • Понизьте уровень у блоков. Названия боковых блоков и подвала переведите на нейтральные теги или на низкие уровни заголовков.
  • Проверьте выборочно. После правки откройте пять страниц разных типов и посмотрите код каждой. Ошибки в шаблонах любят проявляться только на одном типе страниц.
  • Отправьте на переобход. Изменения увидят при следующем визите робота; ключевые страницы стоит подтолкнуть вручную.
  • Что должно быть на главной странице сайта

Как формулировать заголовок под запрос, не портя его

Между «заголовок должен содержать запрос» и «заголовок должен читаться по-человечески» противоречия нет, если знать несколько приёмов. Ниже те, что я применяю чаще всего.

  1. Возьмите частотную формулировку целиком, а не по словам. Люди ищут «ремонт стиральных машин на дому», а не «ремонт стиральная машина дом». Первую можно поставить в заголовок без изменений, вторую — нельзя вообще.
  2. Добавляйте уточнение через двоеточие, а не через запятые. «Замена подшипника в стиральной машине: когда ремонт дешевле покупки» читается как название материала. Перечисление через запятые читается как список ключевых слов.
  3. Не дублируйте то, что и так есть на странице. Название компании, слово «наш», призывы «звоните» занимают место и ничего не добавляют.
  4. Регион ставьте только там, где он часть запроса. На странице услуги в конкретном городе — уместно. На карточке товара — почти никогда.
  5. Второстепенные формулировки уводите в подзаголовки. Одна страница может отвечать на десяток близких вопросов, и каждый становится подзаголовком второго уровня. Это и есть правильный способ расширить охват, а не удлинение названия.
  6. Проверяйте вслух. Если формулировку неловко произнести, её неловко и читать. Это простейший фильтр от заголовков, написанных для робота.

Что заголовок даёт помимо поиска

Название страницы участвует не только в ранжировании, и об этих применениях вспоминают редко.

Смежный материал по теме — «Проверка кодов ответа: как найти страницы, которые отвечают неправильно».

  • Оно попадает в закладки браузера и в историю. Человек, сохранивший страницу, потом ищет её среди сотни других по названию.
  • Оно используется при копировании ссылки в мессенджер. Часть приложений подставляет в предпросмотр именно заголовок страницы, и невнятная формулировка снижает шанс перехода.
  • Оно помогает при работе с сайтом изнутри. Список страниц с осмысленными названиями позволяет ориентироваться в структуре; список из двадцати «Каталогов» не позволяет.
  • Оно читается программами чтения с экрана. Для людей, пользующихся такими программами, заголовки — основной способ навигации по странице, и нарушенная иерархия делает страницу неудобной.
  • Оно задаёт тон всему содержанию. Заголовок, сформулированный точно, обычно означает, что автор понимал, о чём пишет. Расплывчатое название почти всегда предвещает расплывчатый текст.
  • Что должно быть на главной странице сайта

Мифы, из-за которых портят нормальные заголовки

  1. «Ключ должен стоять в самом начале». Влияния позиции слова внутри заголовка на ранжирование сегодня нет. Есть влияние на человека: если начало формулировки не про его вопрос, он читает дальше или уходит.
  2. «Чем длиннее, тем больше запросов охватит». Длинный заголовок не охватывает больше, он просто хуже читается. Дополнительные запросы закрываются подзаголовками и текстом.
  3. «Заголовок обязан точно совпадать с запросом». Система давно понимает формулировки по смыслу. Кривая фраза с неестественным падежом вредит больше, чем помогает точное вхождение.
  4. «Несколько заголовков первого уровня — ошибка, за которую понижают». Понижения за это нет. Есть потеря ясности структуры, что косвенно сказывается на восприятии страницы.
  5. «Заголовок нужно менять регулярно для свежести». Смена названия страницы без изменения содержания не даёт ничего, а иногда сбрасывает накопленную релевантность.

Частые вопросы

Можно ли сделать заголовок первого уровня невидимым для посетителей? Технически да, но это плохая идея. Скрытый текст в принципе вызывает подозрение, а страница без видимого названия хуже воспринимается человеком. Если заголовок мешает дизайну, обычно проблема в дизайне.

Что делать, если заголовок дублирует title и оба уже проиндексированы? Разведите их и отправьте страницу на переобход. Риска в такой правке нет: вы не меняете тему страницы, а уточняете формулировки. Ждать результата стоит две-четыре недели.

Нужен ли заголовок первого уровня на главной странице? Нужен, и это одна из самых частых недоработок. Главная почти всегда собрана из блоков, и названия страницы у неё нет. Правильный вариант — короткая формулировка основного направления деятельности, размещённая в первом экране.

Сколько символов должно быть в заголовке? Жёсткого ограничения нет, но практический ориентир — до семидесяти знаков. Длинный заголовок означает, что вы пытаетесь уместить в название то, что должно быть в подзаголовке или в первом абзаце.

Влияет ли размер шрифта заголовка на ранжирование? Нет. Значение имеет тег в разметке, а не то, как он выглядит. Обратное тоже верно: крупный текст, оформленный обычным абзацем, заголовком не считается, каким бы большим он ни был.

Коротко

  • Title работает на клик из выдачи, заголовок на странице — на подтверждение, что человек попал куда надо; дословно совпадать они не должны.
  • Один заголовок первого уровня на страницу, в естественной формулировке, в начале содержимого и уникальный в пределах сайта.
  • Самые частые ошибки — заголовок из логотипа, дубль на десятках страниц и отсутствие заголовка на страницах, свёрстанных отдельно.
  • Иерархия проверяется чтением одних заголовков подряд: если по ним понятен ход изложения, структура рабочая.
  • Массовые проблемы лечатся правкой шаблона, а не страниц; после правки обязательна выборочная проверка разных типов страниц.
  • Точное вхождение запроса, позиция ключа в начале и регулярная смена заголовка — суеверия, из-за которых портят нормальные названия.
  • Что должно быть на главной странице сайта

Если нужно проверить заголовки по всему сайту разом и понять, где ошибка сидит в шаблоне, а где в отдельных страницах, приходите на SEO-консультацию: разберём выгрузку, найдём пустые, дублирующиеся и множественные заголовки и определим порядок исправления.

Увеличьте позиции и продажи вашего сайта

Профессиональное SEO-продвижение с гарантией результата. Выберите подходящую услугу:

Анатолий Кузнецов — SEO-оптимизатор

Остались вопросы по продвижению?

Меня зовут Анатолий Кузнецов, я SEO-оптимизатор с 20-летним стажем. Разберу ваш сайт, отвечу на вопросы и подскажу, что улучшить для роста позиций в Яндексе и Google.

Связаться со мной →

Комментарии

Тимофей Ознобишин

Прогнал сайт краулером после статьи: из четырёхсот страниц у ста двадцати заголовок первого уровня — название компании из шапки. Тема покупная, менять тег боязно, вдруг поедет вёрстка. Насколько это рискованно?

Анатолий Кузнецов автор

Риск минимальный, если действовать по порядку. Сначала посмотрите в стилях, какие правила привязаны к этому тегу внутри шапки — обычно там задан размер шрифта и отступы. Скопируйте эти правила на класс, который уже стоит на элементе, или добавьте новый класс. Затем в шаблоне замените тег заголовка на обычный блочный элемент с этим классом. Внешне не изменится ничего. Обязательно сделайте копию шаблона до правки и проверяйте на одной странице, а не сразу на всём сайте, — в покупных темах шапка часто выводится из нескольких файлов, и один вы можете пропустить. После правки прогоните краулер заново: если у ста двадцати страниц заголовок стал пустым, это уже другая проблема — у них нет собственного названия, и его придётся добавить в шаблон вывода содержимого.

Клавдия Астахова

Про два заголовка в коде из-за мобильной и десктопной версий — это прямо про нас. На экране всё выглядело правильно, а в коде обнаружились дубли на каждой странице каталога. Верстальщик делал два блока и прятал один стилями.

Герман Пивнев

По-моему, тема раздута. Мы три года живём с двумя заголовками первого уровня на главной и прекрасно ранжируемся по своим запросам. Не понимаю, зачем тратить время на то, что явно не влияет.

Анатолий Кузнецов автор

И вы правы, и статья права — просто про разные вещи. Отдельного понижения за два заголовка первого уровня не существует, я об этом и пишу в разделе про мифы. Сама по себе такая разметка не мешает ранжироваться, особенно если остальное сделано хорошо. Но польза от правильной структуры не в избежании наказания, а в другом: когда система разбирает страницу, ей нужно понять, что здесь главное, а что второстепенное, и чёткая иерархия эту работу упрощает. На главной, где содержимое собрано из блоков, разница обычно незаметна. Зато она становится заметной на страницах со сложным содержанием — длинные разборы, каталоги с описаниями, страницы услуг с несколькими предложениями. Если у вас всё хорошо ранжируется, тратить на это время сейчас действительно незачем. Я бы просто внёс правку в список того, что поправить при следующей переделке шаблона.

Агния Ковтун

Приём с укорачиванием title до заголовка оказался неожиданно удобным. Раньше мы мучились, придумывая два разных текста, теперь пишем один развёрнутый для выдачи и убираем из него город и цену для страницы. Времени уходит вдвое меньше.

Марк Ползунов

Вопрос про карточки товаров. У нас двенадцать тысяч позиций, заголовок формируется автоматически как название товара плюс артикул. Это нормально или артикул лишний?

Анатолий Кузнецов автор

Артикул в заголовке уместен, если по нему действительно ищут, — а в товарных нишах ищут часто, особенно в запчастях, электронике и промышленных товарах. Проверьте это в панели вебмастера: выгрузите запросы, по которым получают показы карточки, и посмотрите, встречаются ли там артикулы и в каком виде. Если встречаются, оставляйте. Если нет, артикул лучше вынести в отдельную строку характеристик — он всё равно будет найден, потому что находится в тексте страницы, но не будет утяжелять название. Второе, что стоит проверить в вашем случае: единообразие формулировок. При двенадцати тысячах позиций автоматическая сборка часто даёт заголовки вроде «Товар товар товар» из-за того, что название в базе уже содержит категорию. Отсортируйте выгрузку по длине заголовка и посмотрите на самые длинные — там обычно и обнаруживаются такие повторы.

Виталина Дорошенко

Проверка чтением одних заголовков подряд — лучший совет в статье. Выписала заголовки со своей страницы услуги: получилось «Услуги», «Особенности», «Преимущества», «Почему мы». По этому списку невозможно понять даже, чем мы занимаемся.

Ефим Салтыков

Что делать с главной, если она у нас чисто визуальная — большая картинка, слоган и кнопки? Куда там ставить заголовок, чтобы не испортить дизайн?

Анатолий Кузнецов автор

Ставить туда же, где сейчас слоган, — заменив слоган на осмысленную формулировку. Это почти всегда возможно без ущерба для дизайна, потому что место под текст уже предусмотрено. Разница только в содержании: вместо «Мы делаем мир лучше» пишете «Ремонт промышленных станков в Екатеринбурге». Второй вариант, если слоган принципиален для бренда: оставьте его как есть обычным текстом, а заголовок разместите чуть ниже, над первым содержательным блоком. Он не обязан быть самым крупным элементом на экране — размер задаётся стилями независимо от тега. И проверьте, что в шапке при этом нет заголовка первого уровня на логотипе, иначе у вас окажется два. Кстати, если главная действительно состоит только из картинки и кнопок, у неё есть проблема посерьёзнее заголовка: системе нечего оценивать, кроме навигации.

Лада Черемных

Добавлю про пагинацию. Мы делали разные заголовки со словом «страница 2», «страница 3» — думали, так уникальнее. В итоге получили в индексе кучу страниц-списков, конкурирующих с основной категорией.

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

Сколько ждать после исправления заголовков? Поправили на сорока страницах две недели назад, в выдаче пока всё по-старому.

Анатолий Кузнецов автор

Две недели — обычный срок ожидания, особенно если страницы обходятся нечасто. Порядок такой: сначала проверьте в панели вебмастера, была ли страница переобойдена после правки, — там видна дата последнего посещения роботом. Если робот ещё не заходил, ждать бессмысленно, отправьте на переобход вручную; суточный лимит небольшой, но за неделю сорок адресов пройдут. Дальше учтите, что сниппет в выдаче обновляется не мгновенно после переобхода: между посещением робота и изменением того, что видят люди, проходит ещё несколько дней. Разумный срок для оценки — месяц-полтора. И отдельно предупрежу: правка заголовков редко даёт заметный скачок позиций сама по себе. Она чаще влияет на долю переходов от показов, потому что страница начинает точнее отвечать ожиданию. Так что смотрите не на позиции, а на соотношение показов и кликов.

Софья Балашова

Наблюдение про заголовки в боковой колонке: у нас там были блоки «Рубрики», «Свежие записи», «Метки», все оформленные вторым уровнем. В структуре страницы они шли вперемешку с разделами статьи. После перевода на нейтральные теги оглавление наконец стало читаемым.

Родион Кириллов

А как быть с длинными названиями товаров? У нас полное наименование по каталогу производителя занимает под сто тридцать символов, сокращать нельзя — люди ищут именно так. Это считается ошибкой?

Эвелина Мартынюк

Заметила закономерность после чистки: страницы, где заголовок был картинкой, в отчёте вообще не имели показов по своим темам. Заменили на текст, через месяц показы появились. Никаких других правок не делали.

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

 Нажимая «оставить комментарий» вы принимаетеправила конфиденциальности 

Прокрутить вверх