Как сделать схему магазина
Создание структуры интернет магазина: схема категорий
Структура интернет магазина состоит из двух частей:
1. SEO структура сайта магазина. Схема категорий и товаров
Разработка любого IT проекта начинается с технического задания (ТЗ). Но в случае с интернет магазином, чтобы поставить правильную задачу разработчику, нужно знать какая будет структура SEO страниц интернет магазина, исходя из чего будет продумываться функционал сайта.
Обычно есть 5 основных типов СЕО страниц в магазине:
1. Категории товаров
Пример: Интернет магазин одежды
На сайте есть мужская, женская и детская одежда. Логично сделать 3 основные категории магазина: Для мужчин, Для женщин, Для детей. Таким образом покупатель определит к какому разделу он относится и быстро найдет нужный товар.
Схема категорий интернет магазина обычно выглядит так
В форме ЧПУ ссылок это будет так: vash-domen.ru/glavnaya-categotiya-1/podcategoriya-1
2. Товар
Страница с описанием товара или как еще говорят — карточка товара. СЕО структура страниц этого типа не требует предварительной проработки, как было с категориями выше, но важно указать в техническом задании, что не должно быть дублей ссылок в интернет магазине (обычно это касается только товаров).
Происходит это потому, что товар может быть одновременно относится к разным категориям, соответственно будет доступен по нескольким ссылкам.
Пример: Товар может относится к главной категории 1, главной категории 2, подкатегории 1 (главной категории 1) и к подкатегории 3 (главной категории 2) исходя из чего будет 4 ссылки на один и тот же товар:
vash-domen.ru/glavnaya-categotiya-1/tovar-1
vash-domen.ru/glavnaya-categotiya-2/tovar-1
vash-domen.ru/glavnaya-categotiya-1/podcategoriya-1/tovar-1
vash-domen.ru/glavnaya-categotiya-2/podcategoriya-3/tovar-1
Схематически это будет выглядеть так
Для того чтобы не было дублей ссылок, товару технически нужно присваивать одну главную категорию, а все остальные ссылки по которым можно зайти в товар — дополнительными. Таким образом все ссылки будут рабочими, но для поисковых систем будет выдаваться только одна основная ссылка в файле sitemap.xml.
3. Информационные страницы
Текстовые страницы сайта со статическим контентом называют информационными. Для интернет магазинов обычно это страницы: О магазине, Оплата, Доставка, Гарантия, Возврат, Политика конфиденциальности.
Ссылки таких страниц состоят с доменного имени и ссылки самой страницы.
4. Производители (бренды)
Пример:
vash-domen.ru/manufacturer — страница со списком брендов (производителей)
vash-domen.ru/manufacturer/apple — страница с описанием конкретного бренда (производителя). В данном случае Apple
5. Статьи
Пример:
vash-domen.ru/blog — страница со списком статей
vash-domen.ru/blog/statia-1 — страница самой статьи
Исходя из этого, перед тем как писать разработчику “сделай мне хороший магазин”:
— нужно продумать какие типы SEO страниц вам нужны в интернет магазине;
— составить схему структуры этих страниц: категории, товары, производители, статьи, информационные страницы и т.д. (удобно и очень наглядно это делать в специальной программе, но можно и на листочке нарисовать, главное чтобы понятно)
Чем больше разнотипных страниц, тем выше стоимость магазина. Поэтому вы должны четко представлять, какие страницы должны у вас быть и сгрупировать их по типам в схему, чтобы поставить правильную задачу подрядчику.
2. Техническая структура сайта интернет магазина
Помимо тех 5 типов страниц, что я описал в первой части, есть еще дополнительные функциональные страницы интернет магазина- которые связаны с функционалом и будут дополнительными типами страниц.
Вот перечень функциональных страниц структуры интернет магазина:
Основные страницы (14):
Используя эту информацию можно переходить к составлению технического задания.
Это моя первая статья на Habr, буду благодарен за критику и обратную связь.
Создание интернет магазинов достаточно объемная тема и в одной статье всего не напишешь.
Поэтапно в серии статей мы будем подробно разбирать каждую страницу, каждую функцию интернет магазина, что и для чего нужно делать, а также всю сопутствующую информацию касательно сайтов этого типа.
Редакторский дайджест
Присылаем лучшие статьи раз в месяц
Скоро на этот адрес придет письмо. Подтвердите подписку, если всё в силе.
Похожие публикации
10 показателей эффективности, за которыми должен следить каждый владелец интернет-магазина
Полезные книги по интернет-торговле и маркетингу
Эффективный интернет-магазин. Instagram, как инструмент для увеличения продаж
Вопросы и ответы
Как лучше сделать Landing Page на несколько товаров?
Как наполнить интернет-магазин без CMS товарами в автоматическом режиме?
Как сгенерировать электронный чек?
Может ли Magento 2.4.x комбинировать между собой способы доставки и оплаты, и создавать зависимости между ними?
Что можно полезного изучить про электронную коммерцию?
AdBlock похитил этот баннер, но баннеры не зубы — отрастут
Минуточку внимания
Комментарии 5
Если Вы, SEO понимаете как формирования структуры проекта, которая бы максимально эффективно решала задачи по привлечению трафика из поисковых систем, то
Вы допускаете ошибки характерные для любого программиста, который думает, что если он составит логичную для него иерархию каталога, то все проблемы с SEO решаются сами собой. Это заблуждение которое многим стоит потом времени/денег.
На сайте есть мужская, женская и детская одежда. Логично сделать 3 основные категории магазина: Для мужчин, Для женщин, Для детей. Таким образом покупатель определит к какому разделу он относится и быстро найдет нужный товар.
Если мы говорим о SEO то — нет не логично. Более того ошибочно. Правильно сначала провести исследование КАК люди ищут одежду. Вы будете удивлены когда окажется что люди предпочитают искать одежду совершенно иным образом. И Ваша иерархия, логичная до мозга костей программиста, окажется абсолютно бесполезной с точки зрения SEO.
Страница с описанием товара или как еще говорят — карточка товара. СЕО структура страниц этого типа не требует предварительной проработки, как было с категориями выше, но важно указать в техническом задании, что не должно быть дублей ссылок в интернет магазине (обычно это касается только товаров).
Еще одна грубейшая ошибка. Прежде чем заявлять подобное, любой специалист проанализирует, а какие именно страницы будут привлекать трафик. Это может быть как страница с списком товаров, так и страница конкретного товара. И в зависимости от этого, проработка страницы серьезно меняется.
Например, очевидно что вбивая в поиск кроссовки Jordan Airs, я захочу попасть на страницу именно этой модели кроссовок, а не страницы где показывают наличие кроссовок вообще, или кроссовок определенного бренда. И наоборот, вбивая в поиск кроссовки для бега, хочу попасть на страницу таких кроссовок предназначенных для регулярного занятия бегом, а не на страницу кроссовок которые носят для привлечения внимания.
Происходит это потому, что товар может быть одновременно относится к разным категориям, соответственно будет доступен по нескольким ссылкам.
Как создать структуру для интернет-магазина
Структура сайта — логические блоки, выстроенные в определенной последовательности. От системы размещения страниц разделов, карточек товаров, информационных блоков зависит удобство перемещения пользователя по сайту, скорость поиска и вероятность нахождения нужного, а следовательно, продажи. Ведь если клиент не находит хлеб в хлебном отделе, он вовсе уходит из супермаркета.
Правильно создать структуру для интернет-магазина — значит сохранить потенциальных клиентов, улучшить показатели поискового продвижения и заслужить доверие поисковиков.
Из статьи узнаете о правилах, инструментах и принципах разработки структуры интернет-магазина с нуля, а также сможете избежать частых ошибок. Изучите пример на практике создания каталога для магазина красок.
Когда начать разработку структуры интернет-магазина
Чтобы при оптимизации сайта не возникло трудностей, продумайте структуру интернет-магазина на этапе проектирования ресурса.
Преимущества такого подхода очевидны:
Что если структуру не продумали на старте?
Если структуру внедряют на уже работающем магазине, возможны негативные последствия:
Типы структур сайтов
Основные виды структур — линейная, линейная с ответвлениями, блочная, древовидная и теговая. Мы рассмотрим только последние две, поскольку они лучше всего подходят для создания интернет-магазина. Тогда как варианты линейной и блочной структур применяются для сайтов-презентаций, портфолио, онлайн-книг, продажи одного продукта или услуги.
Древовидная
Структура подразумевает вложенность одной категории в другую, для каждой услуги или товара формируется отдельная ветка. Это касается брендов, категорий, видов продукции.
Большинство сайтов имеет именно такую структуру, на них мы видим привычные разделы, подразделы и отдельные товары. Подобный формат наиболее удобен для восприятия:
Схема древовидной структуры
Тегированная
Структура, при которой создаются отдельные страницы тегов на основе определенных параметров: цена, акции, особенности использования, свойства, специфические характеристики и так далее. На примере категории «мобильные телефоны» тегами могут быть: «телефоны с 2 sim», «с большой батареей», «бюджетные».
Преимущество тегирования — увеличение количества страниц, которые могут привлечь дополнительный трафик. Такой результат достигается за счет расширения семантического ядра: использования большего количества низкочастотных запросов.
Теговая структура может быть наложена на древовидную.
Схематически это выглядит так:
Схема теговой структуры, наложенной на древовидную
А так это реализуется на практике:
Пример использования тегов
Теги могут как набирать популярность, так и изживать себя. Поэтому теговая структура должна пересматриваться, исходя из пользовательского интереса несколько раз год.
Рекомендуем начинать с древовидной структуры, но заложить на этапе разработки возможность добавлять теги по свойствам товара.
Какой должна быть идеальная структура
Правильная структура интернет-магазина составляется таким образом, чтобы она удовлетворяла пользователя в удобстве использования и поисковых роботов для эффективного и быстрого индексирования. Потому придерживайтесь основных требований:
Логичность
Размещение предложений должно быть понятным и интуитивно доступным. Удобство и скорость поиска нужного товара определяется категориями, их местом, количеством, а также логичностью.
Потенциальный клиент зашел на сайт товаров для животных за влажным кормом для котов. Изначально в схеме не было предусмотрено разделения категорий на виды животных. Посетитель замучается выбирать среди корма для собак, грызунов, пернатых, рыбок. Что он сделает — уйдет к конкурентам.
Между оригинальностью и комфортностью, всегда выбирайте последнее
Вот пример простой, понятной и четкой структуры:
Пример хорошо реализованной структуры
Уровень вложенности
Или глубина каталога товаров. Рекомендуем не гонять пользователя по сайту в поисках нужной продукции и сделать глубину не более двух-трех уровней вложенности. Пересмотрите структуру и оптимизируйте ее, если необходимо.
Оптимально так: категория — подкатегория — товар. На примере: женская одежда — верхняя одежда — куртки.
Также не создавайте мини-каталоги или несколько каталогов. Пользователь растеряется и запутается, а подходящего товара может и не найти — не у всех железное терпение и много времени на изучение сайта.
Если клиенту, чтобы добраться до желаемого, необходимо кликать больше 3-х раз — меняйте структуру
Совет!
Для оптимизации глубины вложенности советуем создавать страницы хабы, когда под основным названием категории сразу даются подразделы. Они помогают удобно структурировать информацию.
Пример страницы типа «хаб»
Названия категорий
Используйте простые слова без узкой терминологии или сленговых выражений. Они должны быть понятными большому количеству людей.
Если у предмета есть несколько названий, которые применяют для его обозначения, — вешалка, тремпель, плечики — выбирайте наиболее употребляемый.
Отталкивайтесь от частотности запроса и потребностей целевой аудитории. Проверить частотность поможет, например, Яндекс Вордстат и Google Keyword Planner.
Подписывайте категории так, чтобы человек при поиске определенного товара понял, именно здесь находится желаемое
1 товар = 1 категория
Не дублируйте информацию на разных страницах и отслеживайте появление одного и того же продукта в нескольких категориях, доступного по двум и более URL.
Вот так неправильно:
http://site.net/ category-1 / product-1 /
http://site.net/ category-2 / product-1 /
Такая ситуация может привести к стандартным проблемам со страницами-дубликатами:
Результат: сайт хуже индексируется и ранжируется.
Один товар в одной категории, а не в нескольких
Ошибки
Чтобы создать эффективную структуру интернет-магазина, избегайте основных ошибок.
Отдельная страница «Каталог»
Почему не нужно выделять каталог товаров для интернет-магазина в отдельную страницу, как показано на схеме:
Схема структуры с ошибкой — Отдельная страница «Каталог»
«Каталог» в этом случае — лишняя и бесполезная страница:
То есть «Каталог» не только не приносит пользу, но и забирает внутренний ссылочный вес со всех страниц сайта. Рекомендуем исключить страницу из структуры:
Схема правильной оптимизированной структуры
Нельзя создавать новые страницы
Помните, что в процессе разработки и в дальнейшей работе интернет-магазина часто возникают ситуации, когда необходимо добавить категорию, подкатегорию, раздел.
А потому важно предусмотреть техническую возможность расширения структуры и сделать ее гибкой. Тогда не придется отказываться от удобной и логичной навигации или придумывать обходные пути, чтобы выкрутиться.
Дубликаты по названию или смыслу
Повторы страниц вредят продвижению. Если продукция относится к нескольким категориям — не привязывайте к названиям категорий URL товара. Когда что-то ищут в разных разделах, размещайте их везде, но при этом используйте только один URL адрес.
Есть товар по ссылке https://site.com/apple-iphone-8-256gb-red/ и при корректной реализации он доступен в 2-х категориях:
При некорректной реализации URL товара может быть таким:
И тогда это будут дубликаты. Поэтому лучше, если URL товара не будет зависеть от категории, в которой он находится. А товары всегда должны отображаться по одному URL.
Товары дочерних категорий внутри родительской
Размещение товаров подкатегорий в родительской категории приводят:
Родительская категория «очки», подкатегория «аксессуары и средства ухода за очками». В аксессуарах есть 50 штук футляров и средств для очистки. А поскольку в родительской категории сначала размещаются новые добавления товаров, получается, что первые 3–5 страниц будут с футлярами и только потом с очками или вперемешку. Для поисковика категория и подкатегория с аксессуарами по наполнению будут одинаковыми, то есть дубликатами.
Наглядно ситуация показана на рисунке:
Схема структуры с товарами дочерних категорий внутри родительской
Неточные названия групп
Недопустимы некорректные, размытые или абстрактные названия, например, «Разное», «Мелочи», «Дополнительно»:
Пример каталога с неточным названием категории — «Разное» 
Пример каталога с неточным названием категории — «Другое»
Они неинформативные, что в них размещено непонятно: пользователь может пройти мимо и пройдет. Персонализируйте, выделяйте главное, используйте короткие и точные названия.
Пустые или малочисленные категории
Когда в категории пусто или очень мало товаров (1–2 шт.), посетитель может воспринять весь ваш ассортимент скудным:
Пример категории с маленьким количеством товаров
Минимальное количество товаров в категории — 5–7. Это необходимо, чтобы у потенциального клиента не сложилось впечатление ограниченности выбора и пустого прилавка.
К тому же, такая страница будет плохо ранжироваться из-за небольшого выбора для пользователя.
Неравномерное распределение товаров по группам
Другая ошибка — каталог товаров для интернет-магазина с разными по количеству товарными группами. Например, в одной разместили 300 товаров, а в другой — 10. Из этого вытекает две проблемы:
Выход из ситуации: для удобства поиска дробите категорию на подкатегории при количестве товара больше 1000. Либо создавайте удобные для пользователя фильтры.
Товары и комплектующие в одном месте
Не смешивайте жидкое с красным: помещать в одну категорию основные товары и комплектующие к ним — моветон.
Пример категории с основными товарами и аксессуарами к ним
В каждой категории или подкатегории важно соблюсти ассортиментное сходство. Искать среди ноутбуков чехол или зарядку неудобно и нелогично. Все в одном месте напоминает секонд-хенд. Чтобы не создавать хаос, разделите их на две группы.
Фильтры предшествуют выбору категории или один набор фильтров на все категории
Фильтры здорово облегчают поиск, когда важны определенные характеристики. Почти все посетители интернет-магазинов их используют.
Однако прежде всего дайте человеку осмотреться и понять ваш ассортимент, какие группы товаров есть и что он еще может найти на страницах сайта.
Если вы сразу дадите фильтры, до выбора категории, как минимум — человек опешит, как максимум — покинет сайт ни с чем.
Еще одна крайность — делать один набор фильтров на весь ассортимент.
Например
В интернет-магазине представлены наручные часы аксессуары. Размещены, как положено, в разных категориях. А слева вы находите фильтр, где указаны такие параметры выбора, как тип крепления, форма корпуса, тип механизма, цвет циферблата, цвет корпуса, тип циферблата, камни и т. д. Все эти фильтры подходят для категории «Часы», но не релевантны категории «Ремешки для часов», которые тоже находятся в этой категории. Все в куче — это 1) странно, 2) нелогично, 3) очень неудобно.
Оптимизация структуры сайта магазина: 1 категория = 1 отдельный набор фильтров.
Пример неправильной реализации фильтрации на странице каталога
Использование в названиях категорий фирм-производителей
Выглядит это будто вы учитель и выделили любимчиков. Даже если и так, соблюдайте правила и принципы построения структуры. Иначе опять-таки получим хаос. Структура выполняет функцию путеводителя по сайту, а потому навигация должна быть однозначной, понятной и одинаковой по всему сайту.
Выделять отдельную категорию, например, под iPhone или джинсы бренда Levi’s можно, но важно следить за тем, чтобы они были не на высшем уровне.
Такой вариант возможен также:
Пример, когда допустимо писать бренд в названиях — всего 2 производителя на сайт:
Пример реализации каталога с 2-мя брендами
С ошибками закончили. Далее вы узнаете как создать самую подробную структуру в нише.
Способы сбора данных для структуры
Создать структуру можно с помощью анализа конкурентов или самостоятельно на основе подбора семантики.
Мы в Livepage используем оба способа. Каждый вариант имеет свои плюсы и минусы. Какой из них лучше и как реализовать?
На основе страниц конкурентов
Самый простой способ — анализ структуры сайта конкурентов. И можно пойти двумя путями:
Чтобы получить максимально подробную структуру и учесть все особенности, анализируйте сразу несколько конкурентов. А результаты объединяйте, удалив повторяющиеся страницы и информацию. Таким способом вы сможете закрыть пробелы одних сайтов с помощью наработок других. За основу берите самую полную и хорошо реализованную, на ваш взгляд, структуру и дополняйте ее.
На основе семантики
Создать структуру сайта с помощью семантического ядра сложнее: нужны определенные навыки и понимание принципов поиска. Чтобы воплотить этот способ, необходимо проанализировать основные запросы пользователей. Так SEO-структура интернет-магазина будет релевантной интересам посетителей. Это можно сделать, например, в Яндекс Вордстате или Google Keyword Planner.
Семантическое ядро позволяет выделить категории, подкатегории, обозначить фильтры или теги. По результатам видно, сколько запросов было по определенным характеристикам или свойствам товара (цвет, производитель, размер, количество и так далее).
Недостаток способа — если вы не сильны в SEO, потребуется помощь специалиста. Это займет время и потребует вложений, при этом результат будет качественнее.
Практика
Представьте, что интернет-магазин специализируется на красках для профессиональных художников. Вам необходимо проработать структуру. Предполагается, что на сайте будут разделы по типам красок. Поскольку такое деление наиболее простое и понятное как для художников с опытом, так и для новичков.
На примере пошагово разберемся, как построить структуру.
Создание дерева категорий
Чтобы определиться с категориями и подкатегориями:
Схематически получается такая структура:
Итог сбора семантики, анализа конкурентов, распределения запросов
Построение системы фильтров на сайте
Недостаточно просто распределить товары по категориям интернет-магазина. Используйте фильтры — дополнительный инструмент при структурировании сайта. Он помогает детализировано выстраивать предложения, что значительно ускоряет и упрощает поиск.
На фильтры выносим все параметры, которые пересекаются в товарах одной категории. В сервисе подбора слов прогоняем каждую категорию, чтобы определить частотность поиска той или иной характеристики. Если вводим запрос «акварельные краски», получаем такой результат, где нам важны хвосты:
Скриншот из сервиса Яндекс Вордстат
Запросы часто включают «цвета» и «количество» — значит, необходимо сделать категорию «Акварельные краски», а в качестве фильтров использовать:
То есть получатся такие страницы:
Так прорабатывается каждая категория.
Важно соблюсти баланс: не перегнуть с количеством параметров для фильтров. Выделите только самые основные, чтобы клиент не успел устать от выбора характеристик.
Все наборы фильтров нужно продумать во время построения структуры.
Создание страниц тегов
Если мы хотим дать пользователю дополнительный выбор, а фильтры для этого не годятся, используем теги. Например:
В итоге вы получите всевозможные комбинации категория + фильтр, категория + тег, категория + фильтр + тег.
Инструменты для создания структуры сайта
Создание структур можно выполнять в Excel или с помощью специальных программ и сервисов.
Обычная таблица в Excel подойдет для маленького интернет-магазина. При большом массиве информации с ней работать неудобно: на экране не видно всю структуру сразу, визуально нет четкого понимания расположения страниц, приходится много листать и легко запутаться.
Как правило, продумать структуру в уме довольно сложно: детали забываются, идеи и мысли сложить воедино не получается, ошибки и конечный результат не виден. Чтобы избежать трудностей и визуально увидеть, каким будет итог, воспользуйтесь интеллект-картами.
Преимущества интеллект-карт
Предлагаю ознакомиться с некоторыми MindMap сервисами (платные и бесплатные, десктопные и онлайн):
Создавайте структуру интернет-магазина, которая привлечет больше трафика и сыграет важную роль в росте продаж.
Структура — это только первый шаг к достижению успеха проекта. Рекомендуем к прочтению исчерпывающее руководство о стратегии раскрутки интернет-магазинов и трендах интернет-торговли.