Доработка сайта типографии для роста заказов в рамках SEO-продвижения

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

С такой ситуацией мы столкнулись при seo-продвижении сайта типографии «Идея.Принт». Чтобы переломить тренд, потребовалась доработка сайта для улучшения пользовательского опыта и конверсии.

В этом кейсе мы расскажем, как мы меняли «лицо» сайта, почему наша первая попытка решить задачу «с наскоку» (чтобы минимизировать бюджет и сроки) не увенчалась успехом, и как в итоге мы пришли к интерфейсу, который помогает бизнесу превращать посетителей в клиентов.

Мы давно работаем с типографией «Идея.Принт» — занимаемся SEO-продвижением и развитием сайта.

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

Bitrix

• Переработать навигацию. Сделать меню многоуровневым и фиксированным (чтобы оно оставалось на экране при прокрутке). Вывести туда основные разделы, контакты и иконки мессенджеров для быстрой связи.
• Сразу обозначить 2 направления бизнеса. Показать посетителю на видном месте, что в типографии можно заказать как готовую продукцию (тетради, календари и др.), так и печать под заказ.
• Сделать поиск по сайту более заметным. Увеличить и выделить строку поиска, чтобы пользователи с конкретным запросом могли найти нужную услугу или товар за секунды.
• Упростить структуру и убрать визуальный шум. Устранить дублирование навигационных блоков с перечнем услуг, чтобы не перегружать внимание пользователя и не путать его.
• Оптимизировать пространство в верхней части сайта, освободив ценное место для главных элементов навигации.

Начали с анализа: изучили меню конкурентов из топа поисковой выдачи и решили, как лучше организовать навигацию на сайте. 

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

Однако при дальнейшей проработке поняли, что такой подход создаст больше проблем, чем решит:

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

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

Это решило сразу несколько задач:

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

Сделали два основных раздела:

1. Услуги
Здесь собрали всё, что печатается под заказ: от визиток и брошюр до сувенирной продукции и широкоформатной печати. Разбили на логические группы, чтобы было проще ориентироваться в большом ассортименте.

2. Каталог

Здесь готовая продукция, которую можно сразу добавить в корзину: фотоальбомы, тетради, блокноты, календари, бирки и другие товары.

При клике на раздел открывается подробный список с подкатегориями (например, в «Каталоге» — фотоальбомы с разными типами обложек, блокноты разных форматов)

Раньше строка поиска терялась в интерфейсе, и пользователи могли её просто не заметить. Мы увеличили её, сделали более контрастной и вынесли на видное место — рядом с основными навигационными элементами.

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

Рядом «МАРКЕТОМ» разместили зеленую кнопку «СПЕЦПРЕДЛОЖЕНИЯ». 

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

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

Изначально в самом верху сайта располагался блок с философией компании в виде мудрых высказываний. Эти тексты отражали ценности и подход команды к работе, что, безусловно, важно для формирования имиджа компании. Однако в ходе анализа мы обнаружили, что этот блок создает несколько сложностей:

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

Мы долго обсуждали этот момент с клиентом и вместе нашли компромисс: перенесли блок с философией компании в подвал сайта. Такое решение позволило:

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

Попробовали обойтись без дизайнера — и зря

Мы стремимся бережно относиться к бюджету клиента. Поскольку определенные часы для доработки сайта уже были заложены в тариф SEO-продвижения, сначала мы решили реализовать изменения максимально эффективно. Отдали задачу напрямую разработчику, опираясь на референсы конкурентов.

Получили негативную обратную связь

Технически задачу решили быстро, но при просмотре результата поняли: для ключевого элемента, который формирует первое впечатление, одного лишь грамотного кода недостаточно. Визуал получился слишком строгим и не в полной мере передавал образ бренда «Идея.Принт». Клиент вернулся с критикой: интерфейс выглядел излишне мрачным. 

Привлекли дизайнера и доработали по комментариям клиента

Мы быстро скорректировали план и подключили к проекту UI/UX-дизайнера. Он подготовил обновленный визуальный концепт, а заодно предложил вариант доработки логотипа, чтобы он лучше читался в новом интерфейсе.

Клиент утвердил дизайн, а разработчик перенес его на сайт.

1. Навигация стала интуитивно понятной

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

2. Сайт полностью готов к SEO-росту

Мы убрали непонятный поисковикам текст из верхней части страницы. Теперь они видят четкую структуру: заголовки, услуги, товары. Это создает идеальный фундамент для улучшения поведенческих факторов (глубины просмотра и времени на сайте), которые напрямую влияют на позиции в поиске.

3. Улучшилось визуальное восприятие бренда

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

Этот проект еще раз показал, что современное SEO-продвижение не ограничивается только техническими настройками и текстами. Это комплексная работа над сайтом, где удобство интерфейса напрямую влияет на поведение пользователей и, как следствие, на позиции в поиске. Мы продолжаем следить за метриками и переходим на следующие этапы доработки, чтобы бизнес клиента развивался.