Дизайн — статьи о сайтах
Покупатель книжного магазина редко приходит с точным запросом. Он помнит фамилию автора и половину названия, ищет «что-нибудь в подарок мужу-историку» или проверяет, вышла ли новая книга из любимой серии. Заголовок страницы первым подтверждает: «вы попали туда, куда хотели». Если он написан языком склада или рекламной листовки, человек уходит, не дочитав.
Что заголовок должен сообщить за секунду
Хороший заголовок отвечает на два вопроса: что это за страница и что на ней можно сделать. «Каталог» отвечает только наполовину: непонятно, каталог чего. «Детективы и триллеры» уже называет содержимое, а подзаголовок может добавить действие: «Можно отобрать по формату, цене и наличию».
В книжном магазине страницы бывают разных типов, и у каждого своя логика заголовка. Единый шаблон «Купить [что-то] в интернет-магазине» для всех подряд плохо работает: у карточки книги и у страницы доставки разные задачи.
Формулы для основных типов страниц
- Карточка книги: название, автор и то, что отличает издание, например формат или переплёт. Пример: «Тихая река, Анна Север — роман в твёрдом переплёте». Покупатель сразу видит, что это за издание, особенно если у книги несколько вариантов.
- Раздел каталога: название так, как его сказал бы покупатель. «Детская проза для 6–9 лет» лучше, чем «Дети. Разное».
- Подборка: повод или задача и состав. Пример: «Что почитать в отпуске: романы и детективы в мягкой обложке».
- Страница автора: имя и объём предложения. Пример: «Анна Север: все книги и серии».
- Служебные страницы: прямое название действия. «Доставка и самовывоз», «Как вернуть книгу», «Подарочные сертификаты». Без «Информации для клиентов».
Пример: страница раздела было и стало
Условная страница раздела с детективами в вымышленном магазине.
- Было. H1: «Каталог». Title: «Главная — Каталог — Книги». Под заголовком сразу идёт сетка обложек.
- Стало. H1: «Детективы и триллеры». Title: «Детективы и триллеры — книги в магазине [Название магазина]». Под заголовком короткая строка: «Классические и современные романы. Отберите по формату, цене и наличию в вашем городе».
Что изменилось по действиям: убрали слово, которое годится для любой страницы, назвали жанр словами покупателя, вынесли название магазина в конец title и добавили строку о том, как сузить выбор. Количество книг в строке указывайте, только если оно подтягивается из базы автоматически, иначе цифра быстро устареет.
Какие формулировки мешают покупателю
Чаще всего встречаются четыре проблемы:
- Внутренний жаргон: «позиции», «номенклатура», «артикул» вместо «книги» и «код издания».
- Непонятные ярлыки: «Нон-фикшн», «Новинки сезона», «Хиты» без пояснения. Если слово оставляете, добавьте уточнение: «Нон-фикшн: научно-популярные книги, биографии, эссе».
- Одинаковые заголовки: когда у десятков карточек title начинается с «Купить книгу», в списке вкладок и закладок их не различить.
- Крик и перегрузка: «АКЦИЯ!!! Все книги со скидкой!!!» не говорит, что на странице. Условия акции лучше написать в тексте под заголовком.
Отдельно о сериях и издательских названиях: «Зарубежная классика» знакома завсегдатаям, а новичку может ничего не сказать. Рядом пригодится пояснение вроде «романы авторов XIX–XX веков в переводе».
Как согласовать H1 и title
H1 читают на самой странице, title видят на вкладке браузера, в закладках и в сниппете поисковой выдачи. Они не обязаны совпадать буква в букву, но должны говорить об одном. Обычно title немного длиннее: добавляется название магазина или уточнение. Держите главное в начале, потому что конец длинной строки может обрезаться. Заголовки не гарантируют определённой позиции в поиске, но ясная формулировка помогает человеку решить, стоит ли открывать страницу.
Проверочный список перед публикацией
- Понятно ли без картинок, что это за страница?
- Есть ли в заголовке слово, которым пользуется покупатель, а не сотрудник склада?
- У карточки книги указаны название, автор и признак издания?
- Заголовки разных страниц отличаются друг от друга?
- Название магазина стоит в конце title, а не в начале?
- Нет ли ярлыков и сокращений без пояснения?
- Под заголовком раздела есть строка о том, что можно сделать на странице?
Начните с десяти самых посещаемых страниц по данным вашей статистики: главного раздела, трёх популярных жанров, страницы доставки и нескольких карточек. Перепишите их по этому списку, а остальное закрепите шаблоном для редактора.
