Дизайн — статьи о сайтах
На сайте компании по монтажу систем безопасности обычно есть услуги, объекты, оборудование, портфолио и контакты. Часто эти разделы существуют по отдельности. Человек читает про видеонаблюдение, а о том, что для его склада нужен ещё и контроль доступа, узнаёт только по телефону. Ссылки между страницами должны вести посетителя от его задачи к вашему решению.
От чего отталкиваться: задача посетителя, а не структура меню
Владельцы часто строят связи по принципу «всё про всё»: внизу каждой страницы одинаковый блок из десяти ссылок. Такой блок почти ничего не объясняет. Полезнее спросить, с каким вопросом человек пришёл и что ему нужно узнать следующим.
Тот, кто ищет «установка видеонаблюдения в магазин», дальше захочет понять, что входит в проект, какое оборудование подойдёт, как проходит монтаж и как оставить заявку на выезд. Это и есть цепочка ссылок. Для каждого типа страницы стоит заранее решить, куда она ведёт.
Три уровня страниц и ссылки между ними
Для монтажной компании удобно разделить сайт на три уровня.
- Системы: видеонаблюдение, охранная и пожарная сигнализация, СКУД, домофония. Это основные страницы услуг.
- Объекты: квартира, частный дом, офис, магазин, склад, производство. Здесь описана конкретная ситуация заказчика.
- Вспомогательные материалы: оборудование, этапы работ, обслуживание, портфолио, документы компании.
Основные связи идут между системами и объектами. Страница «Видеонаблюдение» ссылается на «Для склада» и «Для магазина». Обратно со страницы «Склад» нужны ссылки на видеонаблюдение, СКУД и охранную сигнализацию, потому что на складе их часто рассматривают вместе. Вспомогательные материалы поддерживают обе стороны и ведут к заявке.
Условный пример: страница «Охранные системы для склада»
Ниже схема фрагмента такой страницы. Компания и данные вымышленные, это только иллюстрация логики.
- Первый экран. Заголовок, короткое описание задачи («контроль периметра, въезда и зон хранения») и кнопка «Запросить расчёт» со ссылкой на форму.
- Блок «Что обычно устанавливают». Три строки со ссылками: «Видеонаблюдение по периметру и воротам», «Контроль доступа для персонала и водителей», «Пожарная сигнализация для складских помещений». Каждая ведёт на страницу системы.
- Блок «С чего начинается работа». Короткий текст об обследовании объекта со ссылкой на страницу этапов работ.
- Блок «Оборудование». Ссылка на раздел с типами камер и контроллеров, которые применяют на таких объектах, без привязки к каталогу всего ассортимента.
- Блок «После монтажа». Ссылка на страницу обслуживания и проверки систем.
- Завершение страницы. Форма заявки с полями «тип объекта» и «какие системы интересуют». Если посетитель пришёл со страницы склада, первое поле можно заполнить заранее.
Читатель, которому нужна только одна система, не теряется. Читатель, у которого задача шире, видит соседние решения без звонка.
Как подписывать ссылки, чтобы они были понятны
Текст ссылки должен сообщать, что найдёт человек. «Подробнее» и «Читать далее» этого не делают. Лучше писать «как проходит обследование объекта» или «виды камер для улицы и склада».
Не нужно вставлять в каждую ссылку одну и ту же фразу вроде «установка видеонаблюдения под ключ». Это выглядит искусственно и не помогает читателю. Называйте страницы так, как их описал бы сам заказчик, и меняйте формулировки по контексту.
Отдельно продумайте хлебные крошки и названия разделов. Если страница склада стоит в разделе «Объекты», путь вида «Главная → Объекты → Склад» подсказывает, что рядом есть другие типы объектов.
Портфолио, документы и заявка как связующие звенья
Портфолио полезно, только когда оно связано со страницами услуг и объектов. Если у вас есть реальная работа на складе, пусть на странице склада появится ссылка на этот материал, а в самом материале будут ссылки на использованные системы. Если реальных публикуемых работ нет, лучше не создавать раздел для видимости.
Страницу с данными компании, свидетельствами и допусками стоит связать с услугами, для которых они применимы. Публикуйте только то, что действительно есть у организации, и проверяйте актуальность.
Заявка должна быть доступна с каждой страницы, причём с разным контекстом. Из раздела пожарной сигнализации форма может спрашивать площадь и тип здания, из раздела домофонов число подъездов или входов. Так менеджеру не приходится уточнять базовые вещи.
Проверочный список
- Каждая страница системы ссылается минимум на два типа объектов, где она применяется.
- Каждая страница объекта ведёт на все системы, которые для него обычно рассматривают.
- У страниц есть путь к этапам работ, обслуживанию и заявке.
- Ссылки подписаны понятными фразами, без «подробнее» и «здесь».
- Нет страниц без входящих ссылок из меню или текста.
- Портфолио и документы ссылаются на реальные услуги и обратно.
- Форма заявки понимает, с какой страницы пришёл посетитель.
- Раз в квартал проверяются битые ссылки и устаревшие названия услуг.
Начните с одной связки, например «видеонаблюдение — объекты — заявка», и посмотрите, по каким переходам посетители действительно идут. Дальше схему можно расширять на остальные системы.
