Unifashion: сайт швейной фабрики с каталогом на 98 страниц

Швейная фабрика полного цикла: пошив одежды, брендирование, печать на ткани и сувенирах. Мы сделали сайт, который продаёт B2B-услуги фабрики: 98 страниц каталога и услуг, кастомная тема WordPress, микроразметка, и как результат — средняя позиция в поиске выросла с 70,6 до 25,2.

Что за проект

Unifashion — швейная фабрика полного цикла в Санкт-Петербурге, на территории завода «Мезон». Фабрика шьёт одежду под заказ: от футболки и толстовки до бомбера и жилета, наносит логотип любым способом — от шелкографии до вышивки и гравировки — и делает корпоративный мерч для банков, IT-компаний, строительных фирм, школ, кафе и магазинов.

Заказы идут двумя потоками: розница от одной штуки и опт от 25 штук. Это определило структуру сайта: с одной стороны витрина продукции, с другой — услуги производства и нанесения, на которые приходят из поиска.

Задача

Сайт должен был решать три задачи:

• Показать производство. Не строчкой «мы шьём одежду», а конкретным перечнем: футболки, толстовки, худи, свитшоты, лонгсливы, поло, майки, бомберы, куртки, жилеты, шорты, джоггеры, спортивная форма, детская одежда, шапки, бейсболки, шарфы, шопперы, рюкзаки, фартуки, носки, пледы, вымпелы, флаги, блокноты, ручки и печать на сувенирах.
• Собирать заявки. Каждая страница — точка входа: «Запросить цену» в шапке, кнопка заявки на первом экране, форма в конце страницы.
• Приводить трафик из поиска. Продвигать не «услуги» одним списком, а каждый запрос отдельной страницей: пошив футболок, пошив толстовок, шелкография, DTF-печать, вышивка, мерч для банков, одежда для ресторанов.

Дизайн

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

Карточки преимуществ сделаны беджами с фигурным краем — деталь, которая отличает блок от типовой сетки иконок. Единый стиль держится на всех разделах: каталог, услуги, кейсы, акции, статьи блога, вакансии.

Структура сайта

В карте сайта 98 адресов. Из них больше шестидесяти — страницы продукции и услуг: пошив конкретных изделий, способы нанесения (шелкография, DTF, DTG, сублимация, термотрансфер, вышивка, тиснение, гравировка, УФ-печать), брендирование, упаковка, бирки и этикетки, разработка лекал и образцов, индивидуальный пошив, отраслевые решения для банков, IT, стройки, школ, медицины, ресторанов и салонов красоты.

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

Как устроен сайт

Тема написана с нуля под задачу, без конструкторов и готовых шаблонов. Код разложен по классам с автозагрузкой PSR-4, рендеринг страниц идёт через фабрику со стратегиями: для каждого типа страницы — свой набор блоков и своя микроразметка.

• Каталог и услуги. 19 шаблонов страниц и 30 переиспользуемых блоков: слайдеры продукции, галереи, таблицы расчётов, формы, баннеры, отзывы, FAQ.
• Контент под управлением заказчика. Поля на Carbon Fields: тексты, цены, баннеры, микроразметка — всё редактируется из админки, без правок кода.
• Перенос данных. Страницы услуг залиты миграцией Phinx из таблицы Excel: один прогон вместо ручного набора десятков страниц.
• Картинки. Размеры изображений генерируются по требованию — каталог с сотнями фотографий не тормозит загрузку.
• Формы. REST API, reCAPTCHA v3 с порогом 0,5, серверная валидация и отправка письма по SMTP.
• Микроразметка. Тема сама собирает Schema.org: организацию, веб-сайт и страницу, услугу с ценой, вопросы и ответы, хлебные крошки. Плагин SEO разметку не дублирует.

Фронтенд собирается webpack: SCSS, Bootstrap 5.3, Swiper для слайдеров, Fancybox для галерей, маска ввода телефона. Итого в теме 114 PHP-файлов и 6 788 строк PHP, ещё 38 файлов стилей и скриптов.

Что сделано для поиска

Помимо страниц и разметки — служебная часть, которую обычно не видно:

• Файл llms.txt. Короткое описание сайта и структуры для AI-поисковиков и ассистентов: что делает фабрика, где каталог, услуги и контакты.
• Чистые адреса. Старые ссылки вида index.html и /home перенаправляются на главную постоянным редиректом.
• Карта сайта. 98 адресов, разделы каталога, кейсы, акции и статьи — в одном файле для поисковых систем.

Результаты в поиске

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

Если сравнить первый и последний срез: средняя позиция выросла с 70,6 до 25,2, доля запросов в ТОП-10 — с 4 % до 29 %, в ТОП-3 — с 1 % до 15 %, в ТОП-100 — с 46 % до 60 %. В последнем срезе 516 запросов поднялись в выдаче, 294 опустились, 601 остались на месте.

Страницы отдаются быстро: отклик сервера — 0,15 секунды на главной, на странице услуги и в разделе кейсов. Это запас под дальнейший рост: быстрые страницы легче удерживают позиции и дешевле обходятся в поддержке.

Что забрали в другие проекты

• Страница под каждый запрос. Одна страница «услуги» не собирает поисковый спрос — собирает набор страниц под конкретные формулировки: изделие, способ нанесения, отрасль.
• Каталог и услуги — в одном проекте. B2B-фабрика продаёт и товар, и производство; разносить их по разным сайтам нельзя, иначе теряется перелинковка.
• Микроразметка из того же места, где контент. Если разметка живёт в плагине, а цены — в полях страницы, рано или поздно они разойдутся. У нас источник один.
• Служебные файлы нового поколения. llms.txt и чистые адреса — дешёвая работа, которая расширяет охват: часть аудитории приходит не из классической выдачи, а из ответов ассистентов.

Частые вопросы

Сколько страниц нужно сайту швейной фабрики?

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

Зачем кастомная тема вместо готового шаблона?

Шаблон ограничивает структуру: нестандартные блоки, свои фильтры каталога, генерация микроразметки и перенос данных из Excel в него не помещаются. Кастомная тема стоит дороже на старте, зато потом правки — это работа с полями, а не с чужим кодом.

Как быстро сайт отдаёт страницы?

Отклик сервера — около 0,15 секунды, полная загрузка главной — 0,2 секунды при размере HTML 140 КБ. Картинки каталога отдаются в нужном размере: тема генерирует варианты по требованию.

Что дала микроразметка?

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

Проект сделан в рамках услуг «Создание сайтов под ключ», «Дизайн сайтов» и «SEO-продвижение сайтов». Если у вас производство или B2B-услуги и нужен сайт, который приводит заявки из поиска — напишите нам.