Контекст: кто для кого что делал
От кого: от студии «34ВЕБ» https://34web.ru/ над проектом работали:
SEO‑специалист Диана, Lead SEO Катерина, Project‑Менеджер Инна, Верстальщик Владислав, Front‑end разработчик Валерий, Lead разработки Александр
Задача, контекст: клиент обратился за увеличением доли продаж с сайта. Со стороны SEO всё уже было на достойном уровне — сайт в ТОПе по своим коммерческим запросам.
Ниша: сувенирное оружие, Исторически точные копии и реплики.
Срок работ над проектом: с февраля по июнь 2025 г.
Позиции сайта на начало работ: В поисковиках сайт по ВЧ занимает ТОП‑3 позиции. Сниппет проработан, переходы есть — 4500 посетителей в месяц. Но заказы в основном приходили через соцсети.
Как проводили аудит, какие инструменты использовали
-
Топвизор: мониторинг позиций и анализ видимости по точечным запросам.
-
Keys.so: анализ конкурентов и спроса.
-
Screaming Frog: технический аудит сайта.
-
Яндекс.Метрика: изучение поведения пользователей.
-
Figma: прототипирование новой карточки товара.
-
Изучили поведение аудитории в группе бренда ВКонтакте.
-
Провели аудит UX и визуала конкурентов по матрице КФ (коммерческих факторов) по методике Д.Шахова.
Какие нашли проблемы/точки роста и что с ними делали
-
Пользователи отмечали, что на сайте уходит много времени на восприятие информации. Наша гипотеза была в том, что карточка товара стала перегружена: за годы развития на ней появилось множество блоков, но без четкой структуры. О принимаемых решениях подробнее в статье.
Результаты
-
Рост заказов в первую же неделю публикации новой карточки.
-
Улучшение позиций по точечным товарным запросам, ведущим на конкретные карточки, например, «шашка рядовая 1881 года».
О клиенте и задаче
Донская оружейная фабрика (ДОФ) — постоянный клиент нашей студии с 2020 года. Компания производит сувенирное и конструктивно схожее с холодным оружие: шашки, сабли, шпаги и т.п.
За 5 лет мы «прокачали» сайт компании с точки зрения SEO: собрали семантику, составили каталог, настроили технические параметры, организовали перелинковку и локальное продвижение.
C 2020 года мы вывели сайт с 200 до 4500 посетителей в месяц, позиции выросли — сайт стабильно занимал 1–3 места в поиске по основным коммерческим запросам. На этом этапе заказчик был готов двигаться дальше и развиваться, поэтому предложил усилить акцент на конверсии — перевести больше посетителей в покупателей.
Отображение сайта в результатах поиска Google
После проведения аудита мы нашли точки роста — в частности, изменение карточки товара. Она выполняла свою функцию, но за годы активного развития и добавления нового функционала стала визуально перегруженной. Всё, что появлялось на ней — акции, характеристики, отзывы, спецпредложения, визуальные акценты — было важно и нужно, но вместе это уже не складывалось в последовательную, понятную структуру. Покупателю требовалось время, чтобы разобраться. Мы увидели здесь потенциал: решили упростить путь пользователя к принятию решения и за счет этого увеличить конверсию.
С этого начался этап работ в 2025 г., описанных в кейсе. Что именно мы поменяли — читайте в следующем разделе.
Принятые решения, которые повлияли на продажи
Чтобы решить задачу, мы запланировали работы от аналитики до итоговой реализации. Для начала подтвердили спрос на продукцию:
Во‑первых, выгрузили товары на маркетплейс Ozon и по продажам убедились, что изделия фабрики интересны аудитории и активно продаются.
Во‑вторых, отследили активность в сообществе ВКонтакте: у компании — лояльная и вовлеченная аудитория, которая задает вопросы, делает заказы в сообщения, интересуется новинками.
Это дало нам уверенность: с продуктом всё в порядке, интерес есть, аудитория живая, платежеспособная. Но люди предпочитали идти в личные сообщения, а не оформлять заказ на карточке товара. Из этого сделали вывод: именно в логике сайта есть то самое «узкое горлышко», над которым стоит поработать.
Следующий шаг — анализ конкурентов и их UX‑решений. Мы не просто посмотрели, «что у других», а сделали матрицу факторов, чтобы разобраться, почему определённые страницы продают лучше, и какие элементы на них действительно работают.
Здесь важен опыт: не всё, что у конкурента — хорошо. Например, если на чужом сайте нет рассрочки, бонусной программы или отзывов — это не значит, что и нам надо убрать. Если у некоторых конкурентов в тематике странные фото в стиле «кровь, шкуры и красный бархат» — не факт, что надо повторять.
Мы смотрели глубже:
✅ Что влияет на конверсию?
✅ Что действительно отражает ценность продукта?
✅ Как подать товар визуально красиво, с уважением к теме (историческое и сувенирное оружие) и эстетике бренда?
🔝 Узнайте, с кем вы соревнуетесь в ТОПе, и используйте их лучшие практики
В инструменте сбора Снимков в Топвизоре можно узнать ТОП сайтов по запросам, их сниппеты и релевантные URL. Посмотрите, какие практики используют лучшие сайты в ТОПе и внедряйте их в своих проектах, чтобы продвинуть сайт выше.После проведенных анализов, собрали требования для команды, которая будет задействована в редизайне карточки. Наша задача не ограничивалась «поправить SEO». Мы готовили полноценные ТЗ по всем направлениям:
-
Фотограф. Подготовили подробные инструкции: какие ракурсы нужны, на что обратить внимание. Например, сабли — длинные, блестящие, бликующие предметы, их тяжело снять без искажения: нужно много деталей, чтобы пользователь мог «увидеть» качество оружия. Заказчик нашел исполнителя и тот отфотографировал изделие как можно ближе к книге‑альбому: много вертикальных кадров высокого качества. Сделали акценты на уникальную конструкцию товаров: гарды, навершие, рукояти. Покупатель должен видеть, что он покупает.
-
Дизайнер. Перед дизайнером стояла двойная задача. С одной стороны — передать эстетику брендовых изделий. Идею визуала заказчики описали так: «карточка товара должна быть как страница дорогой исторической книги». Мы ознакомились с некоторыми, в том числе с книгой А. Н. Кулинского «Русское холодное оружие». Из нее позаимствовали стиль — строгий, с четким фокусом на детали.
С другой стороны — важно было соблюсти удобство и UX‑логику, чтобы пользователю всё оставалось понятно и привычно. Мы учли поведение аудитории на маркетплейсах, заложили паттерны, знакомые по Ozon и Wildberries, предусмотрели сценарии взаимодействия. Один из примеров — слайдер, который сворачивает длинный текст описания, если его слишком много. Это только один из десятков нюансов, над которыми мы совместно работали, чтобы найти баланс между эстетикой, функциональностью и привычным восприятием информации.
-
Программист. На этом этапе дошлифовали логику работы карточки: уточнили реалистичность дизайнерских решений, договорились о компромиссах между эстетикой, скоростью загрузки и SEO‑требованиями. SEO‑специалист участвовал на каждом этапе — ставил задачи, контролировал структуру, продумывал реализацию. Это важно: именно он знает, как сбалансировать требования поисковиков и удобство пользователя — и не просит «невозможного», вроде идеальной скорости загрузки страниц или магической индексации без затрат.
-
Этап тестирования. SEO‑специалист провел комплексную проверку. Мы протестировали корректность работы всех внедренных элементов: микроразметки, заголовков, ссылок, динамических блоков. Особое внимание уделили тому, как данные считываются поисковыми роботами.
Микроразметка Schema: что это, зачем нужна и как с ней работать в SEO. Гайд от Топвизор-Журнала
Выявленные правки:
1. При тестировании функциональности:
-
Проверили отображение блока модификаций товара: он отсутствовал → восстановили;
-
Протестировали работу Яндекс.Сплит: виджет не отображался → подключили с гиперссылкой на другую страницу на сайте;
-
Посмотрели отображение индивидуальных заголовков H2: шаблоны не применялись → исправили;
-
Удалили лишние поля «Сначала полезные/Сначала новые» и другие шаблонные поля в форме отзывов;
-
Добавили модальное окно в блок “Оплата”.
2. При визуальной проверке и верстке:
-
Выровняли строки модификаций: вторая строка модификаций не центрировалась с первой → исправили;
-
В блоке «Товар участвует в акциях» использовался шрифт размером 11px → до 12px;
-
Привели к единому стандарту ширину блоков «Яндекс.Сплит» и «В корзину» в мобильной версии;
-
Добавили отступы между блоками акций в соответствии с дизайном Figma.
3. При техническом аудите:
-
HTML‑валидация показала 20+ ошибок → исправили критические:
-
Убрали дубли H1;
-
Исправили семантику заголовков: H2 для скрытых блоков.
-
-
Оптимизировали производительность: с 40+ сек загрузки → до 2.8 сек за счет:
-
Сжатия медиа — вес фото уменьшили на 60%;
-
Добавления «ленивой» загрузки галереи;
-
Включения кеширования статики.
-
4. При проверке мобильной адаптации:
-
Выявили некорректную работу тапов блоков «Оплата/Где купить» → исправили;
-
Скорректировали сортировку отзывов — переписали логику;
-
Проверили пинч‑зум — добавили ограничители масштаба.
5. При контент‑тестировании:
-
Проверили Alt‑атрибуты для новых фото: они отсутствовали → добавили поле ввода;
-
Исправили объем видимого текста: сделали 600 вместо 400 символов;
-
Добавили динамические заголовки: «Фотогалерея» → заменили на «Фото [H1]».
6. Также исправили критические недочеты:
-
Удалили служебные свойства «Вертикальной карточки» из видимого интерфейса;
-
Скрыли товары «Нет в наличии» в блоке «Похожие товары»;
-
Перенастроили кнопки «Подробнее»: вела не на характеристики → исправили.
SEO‑ТЗ для разработки карточки товара: что сохранили и что усилили
Техническую SEO‑базу сохранили без изменений:
-
Полная сохранность URL‑структуры;
-
Существующие мета‑теги (Title/H1/Description) с сохранением шаблонов генерации;
-
Сохранены alt для изображений;
-
Канонические ссылки;
-
Корректная обработка 404‑страниц;
-
Валидная HTML5‑разметка;
-
Внутренняя перелинковка в текстовых блоках;
-
Корректная выгрузка товарного фида для маркетплейсов;
-
В сниппетах сохранены знаки: “официального магазина”, способы доставки: пвз, сдэк и др, яндекс.сплит.
Усилили SEO‑потенциал с помощью новых реализаций:
-
Внедрили расширенную микроразметку: VideoObject для товарных видео, детализировали разметку отзывов;
-
Оптимизировали контент: добавили динамические H2/H3 по шаблонам — «Описание [H1]», «Фото [H1]»;
-
Распределили семантику по функциональным элементам страницы: купить, купить дешевле, рассрочка, бесплатная доставка, характеристики, отзывы, фото;
-
Реализовали адаптивное отображение текста в зависимости от количества символов;
-
Добавили UX‑факторы ранжирования: пинч‑зум для мобильных устройств;
-
Оптимизировали CLS: фиксированные размеры медиа‑блоков;
-
Ускорили LCP: ленивая загрузка для галерей в медиабиблиотеке;
Важно: всё, что реализовывалось — обсуждалось с разработчиком, дизайнером и проектной командой, с учетом производительности, удобства поддержки, логики для поисковых систем и бюджета клиента.
Мы зашли в работу ответственно, с инициативой и желанием помочь. Определили ключевые блоки страницы: изображения, заголовок, цена, характеристики, CTA и пр., прописали требования к их визуальной подаче и учли SEO‑рекомендации. Разработали базовый и продвинутый функционал карточки, детально продумали UX‑сценарии.
После согласования концепции спланировали реализацию. Подробно описали в ТЗ, как должны работать кнопки, ссылки, какие заголовки и микроразметку использовать.
Техническое задание с визуализацией: схема карточки товара с поясняющими пометками для каждого элемента
Чтобы ни одна деталь не ускользнула, мы оформили техническое задание максимально наглядно: на отдельном листе — схема карточки с пометками, где и что должно располагаться. Каждый элемент был выделен цветом и подписан. Отдельно сформировали вкладки с требованиями для разных групп исполнителей — разработчика, дизайнера, SEO‑специалиста. Включили рекомендации по HTML‑структуре, микроразметке, логике отображения, отклонениям от стандартных сценариев. Такой формат удобен в работе и снимает десятки вопросов на этапе верстки. Клиенту не нужно объяснять исполнителям — мы уже всё предусмотрели и зафиксировали. Именно так выглядит ТЗ, после которого не приходится «додумывать на ходу» или вносить правки постфактум. Скрин с примером — ниже.
Работа шла в тесной коммуникации с заказчиком — мы обсуждали все важные моменты, особенно те, где было несколько вариантов решений. Такой подход позволил учесть как наши знания в области SEO и технической реализации, так и стратегическое видение клиента, его понимание продукта и бизнес‑процессов. Мы уверены: именно в партнерском формате рождаются эффективные решения.
Также мы сопровождали проект на всех этапах — от аналитики до запуска. Работали по выстроенному процессу: каждый этап фиксировали, где нужно — подключались точечно и оперативно решали возникающие вопросы. Это помогло избежать задержек, сохранить целостность задумки и реализовать проект в том виде, в каком он был задуман.
В итоге, мы улучшили визуал карточки и повысили удобство для пользователя. Для этого избегали информационной перегрузки и использовали качественные визуальные материалы. Другими словами, мы упростили карточку товара и сделали упор на понятную презентацию продаваемых изделий. Можете убедиться сами — посмотрите на «до/после».
Результаты
Выросли поведенческие метрики за счет визуальных решений, упрощения выбора и вовлечения в контент. Все изменения в комплексе увеличили время на странице, глубину просмотров, также снизился показатель отказов.
-
Визуальные акценты:
-
Выделили знакомые пользователям CTA‑элементы: «В корзину», «Сравнение»;
-
Сделали 50/50 split экрана: фото/инфо — сразу видно главное;
-
Добавили анимацию при наведении на кнопки и ссылки;
-
Ввели стикеры статусов «Хит», «Новинка» в зону внимания.
-
-
Упрощение принятия решений:
-
Внедрили интеллектуальный блок модификаций: автоподбор вариантов;
-
Добавили виджет гравировки с визуальным предпросмотром;
-
Реализовали «умное» отображение цены, включая рассрочку.
-
-
Работы с вовлечением:
-
Внедрили интерактивную галерея с пинч‑зумом — +12% к времени просмотра;
-
Реализовали систему отзывов с визуальным рейтингом;
-
Добавили персонализированные блоки: «Ранее вы смотрели», «Похожие товары», «С этим товаром покупают».
-
Также обновлённая карточка сразу дала результат. Уже в первую неделю после публикации новых страниц мы зафиксировали рост оформленных заказов.
Кроме того, по данным Топвизор улучшились позиции по точечным товарным запросам — например, «шашка кадетская 1881 года» или «шашка рядовая», которые ведут не в раздел, а именно на конкретные карточки товаров. Рост позиций даже на 1 пункт в топ‑3 по таким запросам ощутимо влияет на видимость и кликабельность, а значит — и на конверсию.
Скриншот из сервиса Топвизор: мониторинг позиций сайта в поисковой выдаче
В итоге, на старте работ сайт уже был оптимизирован: он приносил заказы, занимал высокие позиции и работал как полноценный канал продаж. Но мы усилили именно карточку товара с учетом seo, чтобы она раскрывала ценность продукта и работала на максимум. Такой подход помог превратить просто «рабочий» инструмент в сильный и эффективный — тот самый, который отделяет стабильный результат от уверенного роста.
Заключение: SEO — это только про запросы или нет?
Этот кейс доказал простой, но важный вывод: SEO — это не только трафик и позиции, это комплексный подход к сайту как к маркетинговому инструменту.
На старте этого кейса клиент предполагал, что достаточно обновить фотографии — и всё «полетит». Такое решение звучит логично. Многие студии в такой ситуации просто сказали бы: «Да, присылайте фото — мы заменим», и формально были бы правы. Но мы пошли глубже и предложили системную доработку, взяв на себя и аналитику, и дизайн, и разработку, и координацию команды.
В результате уже на этапе запуска обновлённой карточки мы видим: путь пользователя стал короче и понятнее. Заказ можно сделать быстрее, сайт решает вопросы без лишней коммуникации, а команда менеджеров разгрузилась.
Сейчас работа над проектом продолжается. Почти все ключевые направления уже в топе, но есть планы по развитию новых смежных категорий. У нас — ещё не финал, а прочная основа для следующих шагов.