Как я перестроил сайт мебели на заказ
Сайту мебели нужно объяснить, что можно сделать, что входит в цену и как заказать. Вот как я перестроил такой сайт вокруг этих вопросов.
Стол может выглядеть идеально на фото и всё равно оставить покупателя с вопросами. Влезет ли он в комнату? Его можно сделать длиннее? Указана цена стола или уменьшенной версии? Эти вопросы определили, как я перестраивал сайт мебели из массива дерева.
Проект заключался в переносе давнего каталога с MODX на WordPress и WooCommerce. В каталоге были гладкая и состаренная мебель, эталонные модели и индивидуальные работы для домов и коммерческих интерьеров. Самая трудная задача — сделать всё это понятным: превратить годы карточек товаров, фотографий и знаний мастерской в сайт, который помогает выбрать вещь и отправить содержательную заявку на расчёт.
Начните с того, как продаётся мебель
Я решил строить магазин вокруг заявок. Эталонная модель даёт покупателю отправную точку, но окончательный заказ может зависеть от размеров, дерева, отделки, количества и доставки. Если просить оплату до того, как эти детали согласованы, выпадет важный этап продажи.
WooCommerce при этом подходит. Он даёт каталог, повторно используемые атрибуты и вариации; главным действием может стать «Узнать о модели» или «Запросить другой размер». Покупателю, который обставляет всю комнату, нужен короткий список, чтобы обсуждать несколько предметов сразу.
Это решение поменяло, что я искал в исследовании конкурентов. Я проследил путь покупателя от категории к товару и заявке: смотрел размеры, цены, образцы отделки, готовые проекты и описание процесса заказа. Большой каталог интересен, только если посетитель в нём разбирается. Полезнее было сравнить, сколько посетитель может узнать, прежде чем придётся звонить.
В исследовании также обнаружилась ошибка в моём первом сборе ключевых запросов: я позволил охвату выйти за пределы того, что мастерская может реально предложить. Я отказался от этой версии и сверил новый короткий список с настоящим ассортиментом. Фраза может относиться к мебели и всё равно быть плохим поводом создать страницу для этого бизнеса.
Главной структурой я выбрал тип изделия, а затем рассмотрел материал, форму, комнату и назначение. Например, «круглые обеденные столы» могут заслужить страницу-подборку, если в каталоге есть подходящие модели и интент поиска отличается. У страницы для ресторанной мебели другая задача: помочь подобрать совместимые предметы, понять возможности кастомизации и описать крупный заказ.
Приведите старый каталог в порядок до импорта
Старый сайт хранил больше информации, чем показывали видимые страницы. Внутри описаний товаров лежали неопубликованные записи, пользовательские поля, порядок фото в галереях и таблицы цен. Сначала я сделал снимок базы данных и архив файлов, а затем собрал локальную инвентаризацию в SQLite из исходных таблиц.
Я сохранял исходные значения рядом с очищенными полями и для каждой записи оставлял стабильный ID из старой системы. Так можно было проследить новый товар до источника, проверить подозрительную цену или вернуть пропавшую фотографию без повторения всего переноса.
У каждой старой записи должно было быть место назначения. Одни стали товарами, другие — вариациями другой модели, третьи остались черновиками или были сняты с продажи после проверки. Сравнение общего количества карточек на двух сайтах скрыло бы эти различия. Родительский товар с несколькими отделками может заменить несколько старых карточек без потери вариантов, которые в них были.
Очистка данных потребовала решений, которые простой импорт принять не может. Значение «Сосна; дуб — по запросу» описывает и эталонный материал, и индивидуальную опцию. Если поместить оба значения в одно поле «порода дерева», фильтры начнут вводить в заблуждение. Стальной каркас относится к конструкции, а цвет морилки — к отделке.
Я стандартизировал названия, единицы и пунктуацию прямо в данных, чтобы одни и те же значения работали в фильтрах, характеристиках и тексте карточек. Если описание было неясным, я оставлял вопрос для мастерской. Это особенно полезно для фурнитуры, размеров и конструктивных деталей, которые фото не объяснит.
ИИ помогал разбирать описания и отмечал возможные атрибуты для проверки. Это полезно, чтобы находить вероятные формы и несогласованную терминологию. Точные размеры, породу дерева и скрытую фурнитуру всё равно нужно подтверждать письменным источником или мастером. Иначе красивая карточка просто выдаст догадку за факт.
Относитесь к фотографиям как к данным товара
Я отделил оригиналы фотографий от множества миниатюр разных размеров, которые делал старый сайт, проверил дубликаты файлов и сохранил порядок в галереях. Порядок важен: общий снимок знакомит с изделием, а крупные планы показывают стыки, ручки, текстуру и отделку.
Копии в WebP уменьшают вес галереи, а оригиналы остаются доступными. Обработка изображений требует такой же аккуратности, как правка текста. Изменение ручки, стыка или пропорции меняет то, что покупатель думает, что заказывает. Если фото было слишком маленьким или не показывало товар ясно, полезным следующим шагом становится запрос более качественной съёмки.
Дайте несколько входов в один каталог
Покупателю, который ищет стол, покупателю, который обставляет столовую, и покупателю, который планирует ресторан, могут понадобиться одни и те же товары. Я встроил эти маршруты в навигацию, сохранив одну карточку на каждую модель.
Опорой служат категории товаров. Страницы комнат и бизнеса собирают подходящие модели, связанные проекты и практические советы. Страницы по материалам и формам помогают сузить выбор там, где данные это позволяют. Так сайт отвечает на разные вопросы покупателя и не держит несколько копий одной и той же мебели.
Я также отделил адрес товара от его места в дереве категорий. У товара есть постоянный URL внутри префикса каталога; навигация и хлебные крошки объясняют, где он находится. Если модель позже переедет в более подходящую категорию, её адрес может остаться прежним.
Решите, какие фильтры заслуживают отдельной страницы
Фильтры зависят от согласованных данных. Если у одного товара написано «массив дуба», у другого «дубовая древесина», а у третьего дуб упомянут только в описании, фильтр по породе будет ненадёжным. Повторно используемые атрибуты дали каталогу общий словарь.
Выбор фильтров и посадочная страница поиска решают связанные, но разные задачи. Покупатель должен свободно комбинировать опции при просмотре. Постоянная посадочная страница требует полезной подборки, понятной цели и содержания, которое помогает выбрать. Я вёл явный реестр утверждённых страниц, а не позволял каждой возможной комбинации создавать ещё один индексируемый URL.
| Исходная точка покупателя | Полезная страница назначения |
|---|---|
| «Мне нужен обеденный стол.» | Категория товаров с нужными фильтрами и понятными карточками моделей. |
| «Мне нужен круглый стол из дуба.» | Отфильтрованная подборка или проверенная посадочная страница, если ассортимент и спрос это поддерживают. |
| «Я оснащаю ресторан.» | Подборка подходящих товаров, готовые работы и путь к обсуждению количества и характеристик. |
| «Какую отделку выбрать?» | Гайд по материалам и отделкам со ссылками на реальные образцы и подходящие модели. |
Правила сканирования должны отражать это различие. Комбинации сортировки и фильтров могут быстро размножаться, поэтому при планировании полезны рекомендации Google по фасетной навигации. Утверждённые посадочные страницы я рассматривал отдельно от обычных состояний просмотра, а затем проверял канонические URL, пагинацию и правила индексации для каждой из них.
Сделайте карточку товара полезной
У первого экрана была простая задача: показать модель, объяснить цену, дать основные характеристики и сделать следующий шаг очевидным. Остальная часть страницы могла ответить на вопросы, которые возникают, когда человек начинает представлять вещь в своей комнате.
Ценам нужна особая аккуратность. Цена «от» полезна, когда названы размер и комплектация, на которые она распространяется. Индивидуальное изделие может требовать расчёта. Отсутствующая цена должна превращаться в понятный статус «нужен расчёт», а не в ноль, который случайно прошёл через импорт.
Размеры тоже нужно подписывать правильно. Внешние габариты кровати и размер матраса — разные вещи. Ширина, глубина и высота шкафа должны оставаться раздельными. Для товаров, которые продаются по длине, единица измерения стоит рядом с ценой. Эти детали легко потерять, когда каждое старое поле превращают в общий текст описания.
| Что нужно знать покупателю | Что должно быть на странице |
|---|---|
| Что входит в эту цену? | Эталонный размер, материал, отделка и единица расчёта цены или понятный запрос на расчёт. |
| Поместится ли? | Подписанные размеры, с отдельными внутренними или матрасными замерами, если они важны. |
| Можно ли изменить? | Подтверждённые индивидуальные опции и способ отправить желаемые размеры. |
| Как будет выглядеть отделка? | Реальные образцы, крупные фото и напоминание, что экраны влияют на цвет. |
| Что будет после заявки? | Как согласуются характеристики, затем применимые этапы оплаты, изготовления и доставки. |
| Можно ли увидеть что-то похожее? | Подходящие готовые проекты и связанные модели. |
Старые ценовые таблицы я держал отдельно от описательного текста. Так можно было улучшать формулировки вокруг товара, не удалив случайно ставку и не изменив её смысл. Это также дало информации о ценах определённое место для проверки при обновлении каталога.
После этого в описании оставалось место для полезной работы: объяснить видимую конструкцию, показать, чем модель отличается от соседних альтернатив, и указать, какие варианты требуют разговора с мастерской. Важнее было ответить на следующий разумный вопрос, чем добавить слов.
Покажите работы и упростите заявку
Для мебельщика портфолио должно находиться рядом с каталогом. Готовая столовая может показать, как стол, стулья и отделка работают вместе. Оттуда можно вернуться к моделям, которые в ней участвуют. И наоборот: карточка товара может вести к проекту, где покупатель видит вещь в контексте.
Разделы о мастерской, команде, шоуруме и отзывах я построил вокруг одного принципа: дать покупателю конкретное, на что можно опереться. Производственные фото показывают, как делается мебель. Профили сотрудников объясняют, кто занимается дизайном, изготовлением или заявками. Описание проекта может изложить задание, материалы и показанные работы.
Эти разделы работают лучше всего, когда детали идут из самого бизнеса. Короткий рассказ об известном проекте полезнее, чем красивая история вокруг галереи без объяснений. То же относится к отзывам: показывайте источник фрагмента и ясно указывайте, отзыв это о компании или о конкретном товаре.
Гайды по материалам и глоссарий могут ответить на вопросы, которые иначе прерывали бы продажу. Гайд по отделке должен стоять рядом с вариантами отделки, а статья об уходе — рядом с товарами, к которым она относится. Я спланировал эти ссылки как часть каталога, чтобы совет был доступен там, где покупатель в нём нуждается.
Передайте выбор покупателя в заявку
Я сделал три основных способа оставить заявку: спросить о одной модели, отправить короткий список или описать индивидуальный проект. Каждый начинается с информации, которая уже есть у покупателя. Тот, кто на карточке товара, не должен переписывать её название в пустую контактную форму.
Индивидуальный запрос спрашивает об изделии, примерных размерах, материале, количестве и предполагаемом месте установки и только потом собирает контакты. Поля должны помогать объяснить задачу. Человеку, который ещё не знает нужного дерева или точных замеров, всё равно нужен способ начать разговор.
На мобильном я проверил всю последовательность: открыть категорию, применить фильтр, посмотреть галерею, сохранить модель и отправить заявку. Выбранные фильтры должны оставаться видимыми. Закрытие панели должно возвращать покупателя туда, где он был. У липкой кнопки заявки нужен отступ, чтобы она не закрывала последнюю характеристику или ошибку формы.
Я проверял прямые заходы на URL товаров и категорий, а также переходы через меню. Форма должна переносить выбранную модель, вариацию и количество в сохранённую заявку. Сообщение об успехе лишь говорит покупателю, что что-то произошло; мастерской нужны правильные данные, чтобы ответить.
Доставка, оплата, сроки и информация об уходе тоже должны быть на этом пути. Покупатель должен находить применимые условия, пока рассматривает товар, а не узнавать о них после того, как написал длинную заявку.
Планируйте переезд во время создания нового сайта
Работа с каталогом также дала основу для карты редиректов. Поскольку каждая новая запись сохраняла старый идентификатор, я мог связать старые адреса товаров с задуманными заменами и проверить исключения: объединённые модели, снятые записи и изменённые категории.
Я совместил инвентаризацию базы со старой картой сайта, данными сканирования и записями из вебмастеров. Адрес назначения должен совпадать с тем, что посетитель ожидал найти. Объединённый товар может вести на свою замену; несвязанная главная страница — плохое назначение для снятой модели. Руководство Google по переезду сайта описывает сопоставление URL и проверки вокруг переезда.
Внутренние ссылки должны вести сразу на новые адреса. В план миграции я также включил изображения: товар может пережить импорт и при этом потерять половину галереи. Проверка редиректов должна смотреть финальный ответ, включая HTTP и HTTPS, варианты хоста и старые шаблоны путей.
Сделайте SEO-данные согласованными
Я передал теме ответственность за граф структурированных данных, а для выбранных полей метаданных использовал SEO-плагин. Так было проще не допустить конфликтующих описаний товаров или организации из разных частей стека.
Одни и те же факты о товаре должны совпадать на видимой странице, в метаданных и в структурированных данных. У модели «только по запросу» не должно появиться предложение с нулевой ценой. Отзывы о компании нельзя копировать на каждый товар как его рейтинг. Я сверил реализацию с документацией Google по структурированным данным для товаров и фактическим содержимым страниц.
Сам релиз я веду короткой последовательностью с явной точкой отката. Это удерживает переезд управляемым, когда новый каталог, конфигурация сервера и обработка заявок должны работать вместе.
Учтите старые записи, проверьте цены и единицы, галереи и закончите карту URL.
Откройте основные URL напрямую, проверьте элементы управления на десктопе и мобильном и убедитесь, что данные тестовых заявок сохранились верно.
Сделайте свежий бэкап, включите редиректы, задайте боевые правила индексации и проверьте канонические адреса, URL в карте сайта и доставку форм.
Следите за ошибками и индексацией, затем проверьте, доходят ли заявки до бизнеса с достаточной информацией для ответа.
Измерения должны следовать той же аккуратности, что и миграция. Я посмотрел аналитику старого сайта, чтобы зафиксировать базовую линию, и отделил клики по телефону, отправки форм и квалифицированные заявки. Клик по номеру телефона полезно отслеживать, но он не говорит, состоялся ли разговор.
После переезда я сравнил бы типы посадочных страниц, устройства и группы запросов, а не только общий трафик. Для такого бизнеса следующие вопросы практические: может ли мастерская понять задачу, подготовить расчёт и быстро ответить? Отслеживание этой передачи помогает понять, относится ли следующее улучшение к сайту или к процессу заказа.
Частые вопросы
Нужна ли сайту мебели на заказ онлайн-оплата?
Нужна ли каждому фильтру по материалу или размеру своя SEO-страница?
Что делать с отсутствующими характеристиками товара?
Как связать готовые проекты с каталогом?
Что нужно проверить перед переездом сайта?
Check it with SpiderHead
Free and local: run the audit on your own machine.
