Как сделать правильную структуру интернет-магазина?

Правильный текст о компании — какой он

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

Текст о пиццерии, описывающий преимущества и с акцентом на особенностях:

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

Им важно знать, что принесет сотрудничество с вами

Важно! Блок «О нас» — это самопрезентация и позиционирование. Размещенная здесь информация должна быть полезной для пользователей

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

Вариант с ярким позиционированием:

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

Определение

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

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

Внешняя – это перелинковка. В нее входят пункты меню, расположение элементов относительно друг друга и т. д. Именно она учитывается поисковыми системами при анализе вашего ресурса.

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

Обычно в иерархии сайта учитываются следующие аспекты:

• текущее местонахождение пользователя;
• куда оттуда можно попасть (разделы, товары, страницы);
• куда можно попасть из разделов, товаров и т. д.

Также при разработке иерархии обычно смотрят на SEO. Перелинковка, анкорные ссылки и прочие прелести поискового продвижения.

Иерархия ресурса имеет свои определенные требования. Если вы используете CMS, то скорее всего все эти требования (или большинство из них) уже соблюдены. Однако при создании самописного сайта придется учитывать этот момент в первую очередь. Если вы, конечно, хотите, чтобы поисковые системы относились к вашему проекту лояльно.

Карточка продукта – ваш продавец

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

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

Здесь же специалисты советуют размещать информацию о подарках за приобретенный товар.

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

Пример разработки структуры сайта под SEO продвижение

На самом первом этапе я бы рекомендовала провести анализ сайтов конкурентов в своей нише. Изучите их структуру — вы увидите, что у большинства она похожая. И раз эти сайты в топе, значит, она является оптимальной. Вы можете изучить структуру, пройдясь по разделам меню. Задание упрощается, если у сайта открыта карта сайта. Тогда вся его схема будет у вас перед глазами.

Подумайте, какие из разделов вам не нужны, или какие вы можете добавить, потому что они будут интересны вашим клиентам.

Постарайтесь сделать структуру сайта максимально естественной. Продумайте, какие у вас будут разделы и категории. Сложнее всего как раз с категориями

Важно построить архитектуру, чтобы категория потом не была пустой, или содержала всего 2-3 материала. Но в то же время они и не должны быть слишком большими – в таком случае проще сделать ещё один раздел

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

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

1. Собираем и кластеризуем семантическое ядро.

Для этого можно использовать специальные программы – например, KeyCollector.  Собираем все ключи, убираем ненужные нам, или которые не относятся на самом деле к нашим услугам (например, мы не реализуем стройматериалы оптом; ключ «краска оптом» уже нам не нужен).

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

Более подробно: Как составить семантическое ядро сайта

2. Прорабатываем непосредственно структуру.

Из категорий (если судить по ключам) нам нужны:

• каталог строительных материалов.
• услуги.
• доставка и оплата.
• о компании.
• контакты.

Каталог и услуги будут включать в себя подкатегории.

У каталога это будут:

• строительные смеси.
• кирпич.
• кровельные материалы.
• пиломатериалы.
• лакокрасочные материалы.
• декоративная штукатурка.

Услуги будут включать в себя подкатегории:

• грузчики.
• вывоз мусора.

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

3. Визуализация.

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

Итак, у нас вышло:

Читай также: Прототипирование сайта

Закажите статью у лучших копирайтеров Биржи

Отзывы:

456 / 3

tasha78

10398 работ
Цена на услуги:
цена не указана
Оформить заказ

Отзывы:

334 /

avec

5892 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ

Отзывы:

139 /

volh07

5737 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ

Отзывы:

567 / 3

marina048

15384 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ

Отзывы:

334 /

enzowa

5017 работ
Цена на услуги:
от 250/1000 символов
Оформить заказ

Отзывы:

295 / 1

vajnii_jas

7411 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ

Отзывы:

284 / 1

maryn

3785 работ
Цена на услуги:
от 120/1000 символов
Оформить заказ

Отзывы:

285 / 5

vivien_91

3235 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ

Отзывы:

181 /

tradeskantia

2855 работ
Цена на услуги:
от 200/1000 символов
Оформить заказ

Отзывы:

266 / 5

stepan82

7029 работ
Цена на услуги:
цена не указана
Оформить заказ

Создание тегов

Решение с применением тегов, а именно специфических характеристик товаров, которые позволяют более точно его описать. Его редко используют в чистом виде. Обычно комбинируют с другими способами. Например с древовидной структурой составленной из ключевиков (см. решение 1 — Создание древа категорий).

Так, в рамках этого решения, на определенном уровне дерева каталога, создаются дополнительные страницы Тегов, которые будут содержать в себе товары, которым присущи те или иные характеристики.
Например при спускании на самый низкий уровень в древовидной структуре каталога мы хотим дать пользователю возможность попасть на страницу на которой есть кроссовки только 1 цвета. В таком случае выводим в облако тегов дополнительные теги:

Черные кроссовки Nike Air Max 87
Синие кроссовки Nike Air Max 87
Желтые кроссовки Nike Air Max 87
и т.п.

Тег ведет покупателя на страницу, которая релевантна данной фразе. На этой странице выведены товары которые относятся к категории, в которой он был до этого и все товары имеют тот цвет, который покупатель выбрал.

Этот метод так же возможен в комбинации со следующим вариантом построения структуры каталога.

Поиск: многофункциональность

Если покупатели не определились с товарами, на сайте должен быть удобный поисковик.

В пример можно привести вышеописанный магазин автошин и дисков. Именно так стоит формировать структура Каталога и функцию Поиск.

Другой пример: магазин автозапчастей. Каталог имеет абсолютно иной вид: марка авто –  модель – группа запчастей – запасная часть

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

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

Адаптивная сетка

Итак, начнем с создания адаптивных плиток — будущих карточек товаров. У нас будет 8 комнатных растений:

Оберткой для товаров послужат блоки, занимающие 100% ширины родителя на мобильных устройствах.

Теперь используем медиа-запросы, чтобы разместить по две, три и четыре плитки в ряд при больших разрешениях монитора.

И зададим стили карточек товаров.

Из-за того, что карточки имеют равный , весь список имеет нежелательный отступ справа.

Исправим это с помощью отрицательного значения у родителя.

Теперь все в порядке. Посмотреть на получившуюся сетку можно на страничке демо. Для наглядности блокам в демо задана фиксированная высота.

Оптимизация фильтров

Как говорилось ранее, сайт работает на 1С-Битрикс, и у него уже есть некая реализация смарт-фильтров. Например, если в категории «Кухонные столы» мы выберем в фильтрах классический стиль и столешницу МДФ, то получим страницу с адресом https://vobox.ru/catalog/kukhonnye_stoly/filter/minprice-from-3200-to-40725/stil-is-klassicheskiy/material_stoleshnitsy-is-mdf/apply/:

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

• Неоптимизированный URL – в адресе присутствуют параметры фильтрации, которые мы не выбирали, но которые были выставлены заранее. В данном случае это цена, т.е. весь уровень /minprice-from-3200-to-40725/. Вложенность /filter/ здесь не является критичной, можно сохранить. А вот /apply/ в конце лучше убрать. В итоге получим адрес вида https://vobox.ru/catalog/kukhonnye_stoly/filter/stil-is-klassicheskiy/material_stoleshnitsy-is-mdf/apply/.
• Дублирование заголовков и метатегов – они такие же, как у категории https://vobox.ru/catalog/kukhonnye_stoly/. Для страниц смарт-фильтра необходимо генерировать h1, title и description по своим правилам, используя параметры, выбранные в фильтре. Например, в данном случае они могут быть следующими:

H1: Кухонные столы из МДФ в классическом стиле

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

Рекомендация. Необходимо внедрить полноценный функционал смарт-фильтра и открыть его для индексации:

Требования к структуре сайта от Яндекса и Гугла

Все онлайн-ресурсы затачиваются под поисковые системы, так как иначе пользователи их не увидят. Поэтому, говоря о требованиях к верстке, нельзя не вспомнить о Яндексе и Google.

Подробнее

Поисковые системы анализируют верстку ресурса по-своему. Их оценка сильно отличается от пользовательской, так как основывается на других принципах. Поисковые системы исследуют URL-структуру сайта. И у них есть определенные требования.

Рекомендации от Яндекса

Поисковик в своем саппорте разместил детальное описание требований к структуре сайтов. Можно зайти на страницу технической поддержки и ознакомиться с ними. Если говорить коротко, то суть этих рекомендаций заключается в следующем:

• Необходимо иметь четкую ссылочную структуру. Каждая страница или документ должны относиться к своему разделу. На каждую страницу должна вести хотя бы одна ссылка с другой страницы.
• Для ускорения индексации сайта нужна его xml-карта.
• С помощью файла robots.txt необходимо ограничивать индексирование служебной информации.
• У каждой страницы должен быть уникальный URL-адрес. Разные страницы должны размещаться под разными адресами, а одна и та же страница должна иметь только один URL.
• Ссылки на другие разделы необходимо делать текстовыми, так Яндексу проще анализировать информацию.
• Нужно проверять корректность symlink-ов: когда пользователь переходит со страницы на страницу, адреса URL не должны суммироваться (пример от Яндекса, как быть не должно: example.com/name/name/name/name/).

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

Рекомендации от Google

Этот поисковик лаконичен. В отличие от Яндекса его требования к верстке просты, понятны и занимают всего несколько строк:

• простая структура;
• понятная логика URL-адреса;
• слова, а не идентификаторы;
• присутствие знаков пунктуации в URL (особенно рекомендуется дефис «-»);
• короткие и простые URL.

Виды структур сайта

Существует несколько видов структур сайта:

Линейная

Самая простая структура — здесь каждая страница ссылается на другую, одна за одной. Пользователь проходит через весь сайт по одному пути — от начала до конца. Такую структуру имеют лендинги, сайты-портфолио, презентации. Тут основная задача — провести пользователя по чёткому пути от начала сайта до конца, не давая свернуть с него.

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

Блочная

Эта структура встречается крайне редко, потому что подходит далеко не для всех сайтов. В основном — для тех, кто презентует один продукт. Каждый блок описывает какое-то преимущество, и все страницы ссылаются друг на друга. Потому для продвижения такой сайт практически готов, дело за контентом.

Деревовидная

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

Это интересно: Продающая структура Landing Page

Какие дополнительные расходы требуются на разработку интернет-магазина

Есть много других важных факторов, которые влияют на итоговую стоимость.

Домен

Это адрес сайта, запись в базе данных. Цена в доменной зоне .ru начинается от 160 рублей. Активность домена продлевается ежегодно. Стоимость в доменной зоне .com будут стоить дороже — от 700 рублей в год. Популярные названия могут стоить десятки или сотни тысяч рублей. 

Обратите внимание на возрастные домены. К таким адресам у поисковиков уже есть доверие

Их легко продвинуть в поисковой системе. Главное, чтобы история домена соответствовала тематике. Если на нем был сайт кухонной мебели, а вы планируете заниматься автозапчастями — он вам не подходит.

Хостинг

Хостинг — это место на сервере для размещения вашего сайта. Цена от 300 до 900 рублей в месяц, или 4,9 тыс. рублей в год. При выборе тарифа на несколько лет экономите до 30%. Приобретая хостинг, обязательно узнайте технические параметры и сравните с требованиями вашего проекта. 

Это движок и система управления магазином. Есть зарубежные и отечественные. Лидер в рунете — «1С-Битрикс». Есть и другие CMS: Prestashop, OpenCart, Drupal и многие другие. Мы не будем подробно писать о всех CMS. Остановимся на двух самых известных, которые позволят реализовать любой функционал: «1С-Битрикс» и PrestaShop. 

Преимущества:

• есть русская локализация;
• легко масштабировать;
• интеграция с российскими сервисами;
• подходит для международной торговли; 
• несколько языков; 
• поддерживает разные валюты;
• 3,5 тыс.модулей в базе.

Недостатки: 

• платные модули;
• мало разработчиков.

Преимущества: 

• удобное управление;
• встроенные платежные системы;
• множество интеграций;
• безопасность;
• много разработчиков.

Недостатки: 

• нуждается в мощном сервере;
• стоимость от 35 тыс. рублей;
• ежегодные платные обновления;

В итоге на CMS нужно заложить не менее от 35 тыс. рублей.

Сертификат SSL

Таблица 2: дополнительные расходы на разработку веб-сайтов

Фактор расходов	Цена
Доменное имя	от 200 рублей
Хостинг	от 300 рублей в месяц
Платформа (CMS)	от 35 тыс. рублей в год
Сертификат SSL	от 400 рублей в год

Наполнение контентом

За контент в команде разработчиков отвечают контент-менеджер и копирайтер. Копирайтер создает текстовый материал, а контент-менеджер публикует его. Помимо текстов это могут быть изображения и видео.

Этот этап может идти параллельно с другими шагами создания. Главное, поставить правильные задачи исполнителям. Благодаря параллельному выполнению задач можно обнаружить ошибки и несоответствия (например, некорректное отображение изображений, смещение текста и т.д.).

За счет контента магазин выглядит полноценным и привлекает больше клиентов. Описание товара раскрывает особенности продукта и его применение. Качественные изображения помогают посетителю ознакомиться с товаром. Благодаря описанию разделов пользователи узнают информацию о брендах. Хороший контент помогает магазину продавать товар.

Какие схемы структуры сайта бывают

На сегодняшний день можно выделить ряд наиболее востребованных типовых иерархий, которые имеют как преимущества, так и недостатки. Далее рассмотрим каждый из них поподробнее и наглядно покажем фото с примерами.

Линейная

Тут все достаточно просто и логично – страницы располагаются последовательно, одновременно ссылаясь на «соседей» и на главную. Подобная конструкция прекрасно подходит для создания простых веб-проектов (лендингов, визиток, малостраничников). Ее минус заключается в недостаточно хорошем индексировании поисковиками

Их внимание приковано к первому, основному уровню – все что находится дальше, их уже не так сильно интересует. Именно поэтому на таких ресурсах весь важный контент, как правило, размещен на главной странице

Она же выступает акцентом и для рекламного продвижения.

Блочная

Здесь между элементами действует равенство. Система предполагает определенный набор равнозначных блоков, расположенных рядом. Ее можно применять для работы с каким-то строго обозначенным продуктом, делая отдельные записи с описанием его характеристик, достоинств или свойств.

Если рассматривать подобную иерархию со стороны поискового продвижения, то она более выгодна, так как перелинковка очень положительно влияет на индексацию роботами. Схему можно встретить на сложных лендингах или визитках, которые продвигают конкретного человека или услугу.

Древовидная

Самый популярный и оптимальный вариант, который применяется на 95% всех интернет-сайтов. Многоуровневая система подразумевает, что каждая составляющая веб-проекта может быть частью другого элемента. Первый уровень – это главная страница, от нее идут ответвления – записи, разделы, подразделы. От каждого компонента может отходить множество различных «ветвей», от которых пойдут свои и так практически до бесконечности, ограничений нет. Для SEO древовидная схема подходит лучше всех остальных. Она повсеместно используется в высоконагруженных магазинах, информационных порталах и других сложных проектах.

Оформление

Обязательные элементы в ней:

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

Подвал» (нижняя часть сайта) тоже необходимо правильно оформить. В нем должны быть:

• ссылки на соц. сети;
• контактные данные;
• правовая информация (о сайте и компании в целом);
• блоки ссылок на все полезные и служебные статьи.

Иногда ссылки на социальные сети переносят в «шапку», это стоит сделать в том случае, если вы активны в соц. сетях и хотите, чтобы пользователи подписались на ваши аккаунты. Если вы выкладываете одно фото раз в месяц, то ссылки лучше оставить внизу.

Что такое структура сайта и зачем она нужна

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

Такой план-схема обычно изображается графически, в виде блоков, связанных стрелочками.

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

Структура сайта зависит от того, какой вид сайта вообще планируется делать. Если это сайт-визитка, то здесь план-схему сделать проще всего. Здесь будет главная страница, а от неё идут ссылки на разделы:

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

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

Хорошая структура сайта делает его удобным не только для посетителей. Поисковым роботам она тоже облегчит работу, в итоге не будет проблем с индексацией страниц.

Статья в тему: Юзабилити-аудит сайта

Что и о ком писать: основы работы

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

Задачи, которые решает блок:

1. Рассказать, какой товар и для каких целей приобретают.
2. Объяснить принцип работы сайта.
3. Сделать акцент на выгодах покупки у вас.
4. Продемонстрировать, почему вам доверяют.

Важно! Перед началом определите портрет целевой аудитории. Хороший текст помогает или отвечает на вопросы

Плохой — добавлен для галочки.

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

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

Если сотрудничаете с именитыми компаниями, упомяните об этом, не лишним будет опубликовать несколько отзывов. Не только положительных, но и пару отрицательных, сопроводив их рассказом, как вышли из ситуации.

Помните! Не страшно, если отзывов еще нет. Замените их коротким рассказом о том, как пришла идея создания и почему вы уверены в компетентности. Пишите грамотно, не допускайте грамматические ошибки или неправильные обороты речи.

Еще один классный формат:

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

В завершение всегда необходимо подробно объяснить покупателю, почему он должен сделать выбор в пользу вас. Призовите просмотреть каталог товаров, подписаться на информационную рассылку или ознакомиться с отзывами. Ключевая задача — не дать посетителю заскучать во время просмотра.

Тестирование

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

Тестирование нужно для следующих целей:

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

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

4 варианта создания структуры сайта

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

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

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

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

Подбор домена и хостинга

Когда сайт готов технически, прошел этап тестирования, его следует выгрузить на основной домен. Предварительно осуществляется этап подготовки к запуску проекта, на котором группа людей имитирует действия реальных пользователей. Если все устраивает, то проект полностью готов к запуску.

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

Процесс создания доменного имени – ответственный. За него отвечает заказчик, так как он сам должен придумать имя своему сайту. Команда разработчиков может помочь в этом вопросе, все продумывается на этапе концепции и создания дизайна. Ведь от названия также зависит и позиционирование сайта. После регистрации домена и выгрузки ресурса на хостинг, проект готов к полноценной работе.

Часто возникающие ошибки при составлении структуры

При разработке торгового ресурса многие исполнители совершают распространенную ошибку – они  не рассматривают структуру торгового ресурса «по ту сторону прилавка», глазами покупателя. И если Вы регулярно инвестируете в маркетинг и продвижение торговой площадки, а увеличения потока продаж нет, стоит поискать ошибки в структуре сайта.

Дубликаты по названию или смыслу

Дублируемый контент на двух и более страницах сайта плохо воспринимают поисковики. Ухудшается ранжирование всего ресурса. Есть вероятность попасть под фильтры  — и это еще не все проблемы, которые могут возникнуть при наличии дубликатов в интернет магазине. Внутренний ссылочный вес будет неправильно распределен. Чем это грозит? За счет ошибок в перелинковке, дубликат получает больший ссылочный вес чем страница оригинал. И, основываясь на пользовательском поведении, поисковый алгоритм считает дубль релевантнее чем запрос. Также при желании поделиться ссылкой, пользователь  может сослаться на дубликат и ссылочный вес достанется не той странице.

Пустые категории

При виде пустующей категории с минимальным описанием товара, у клиента создается ощущение скудного ассортимента. Такое унылое зрелище недопустимо для качественного торгового сервиса, к тому же интернет магазину грозит плохое ранжирование из-за небольшого выбора.  В одной категории должно быть минимум 5 – 7 товаров с текстом описания, который убедит покупателя осуществить покупку в Вашем магазине. Если же у Вас всего несколько товаров, которые вы хотите разместить в отдельной категории, лучшим решением будет разместить их в других максимально подходящих категориях и наполнить карточки товаров качественным, продающим контентом.

Товары и комплектующие в одном месте

Каждая категория и подкатегория должна иметь ассортиментное сходство. В противном случае современный магазин превратится в хаотический набор товаров. Покупатель хочет купить в Вашем магазине подзарядку, которая оказалась среди ноутбуков. Зачем ему тратить время на поиски нелогично размещенного товара, если можно уйти на другую торговую площадку?

Не предусмотрена возможность создавать новые категории и подкатегории

Часто можно наблюдать ситуации, когда в процессе разработки торгового сайта возникает необходимость добавить категории, подкатегории или раздел

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

Выводы

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

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

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