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