Структура интернет-магазина: ключевые страницы и разделы
Содержание:
- Общая структура сайта
- Закажите статью у лучших копирайтеров Биржи
- Создание специальных «кастомных страниц»
- Карточка продукта – ваш продавец
- Разработка структуры интернет-магазина
- Реклама интернет-магазина
- Структура сайта как неотъемлемая часть продвижения
- Какие схемы структуры сайта бывают
- URL внутренних страниц интернет-магазина
- Топ-4 варианта оформления раздела «О нас»
- Виды структуры
- Какие дополнительные расходы требуются на разработку интернет-магазина
- Что и о ком писать: основы работы
- Поиск: многофункциональность
- Проблемы пагинации
- Что такое структура сайта и зачем она нужна
- Как создать структуру своего сайта с примерами
- Переключение вида карточек товаров
- Важность призыва к действию в структуре сайта
- Пример
- Вложенность в URL у категорий
- Создание тегов
Общая структура сайта
По общей структуре для сайтов, имеющих различные товарные направления, можно спорить долго. Можно разбивать разделы на типы товаров, выделяя категории, а можно – по различным назначениям. У Vobox ассортимент разбит на пять основных назначений мебели: для дома, для офиса, производственная мебель, для сада и дачи, дизайнерская мебель. При этом последние два раздела структурно находятся в разделе «Мебель для дома» – они выводятся на странице , но не показываются в верхнем меню, где они вынесены в отдельные пункты. Это не является минусом и не представляет проблемы, но лучше все же их не только вынести отдельными пунктами меню, но и сделать отдельными разделами во внутренней структуре каталога.
Закажите статью у лучших копирайтеров Биржи
Отзывы:
455 / 3
tasha78
10346 работ
Цена на услуги:
цена не указана
Оформить заказ
Отзывы:
334 /
avec
5891 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ
Отзывы:
139 /
volh07
5737 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ
Отзывы:
566 / 3
marina048
15313 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ
Отзывы:
332 /
enzowa
4983 работ
Цена на услуги:
от 250/1000 символов
Оформить заказ
Отзывы:
295 / 1
vajnii_jas
7401 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ
Отзывы:
280 / 1
maryn
3754 работ
Цена на услуги:
от 120/1000 символов
Оформить заказ
Отзывы:
283 / 5
vivien_91
3217 работ
Цена на услуги:
от 100/1000 символов
Оформить заказ
Отзывы:
181 /
tradeskantia
2846 работ
Цена на услуги:
от 200/1000 символов
Оформить заказ
Отзывы:
265 / 5
stepan82
6982 работ
Цена на услуги:
цена не указана
Оформить заказ
Создание специальных «кастомных страниц»
Необходимо разработать функционал создания специальных страниц с определенными наборами параметров фильтрации товаров. При создании такого элемента для него задаются параметры, выбирается категория выводимых товаров и т.д. Также для него должна быть возможность задать произвольные h1, title, description, текст с описанием и символьный код (по желанию).
Если пользователь выбирает в каталоге фильтр, абсолютно совпадающий с теми параметрами, которые заданы для такого элемента, то такой странице фильтрации задаются h1, title, description, текст с описанием – не автосгенерированные, а заданные у элемента. Помимо этого, если у элемента задан символьный код, то происходит 301 редирект с адреса страницы фильтрации на адрес такой кастомной страницы. Если символьный код не задан, то просто странице фильтрации с ее адресом задаются указанные h1, title, description, текст с описанием.
С помощью таких страниц удобно создавать подборки товаров из нескольких свойств или нескольких значений одного свойства. Кроме того, можно создать такие подборки, как, например, «недорогие» – т.к. цена, как было определено выше, будет задаваться с помощью GET-параметров, то можно создать страницу с нужным диапазоном цены.
Рекомендации. Реализовать функционал, позволяющий создать кастомные страницы с нужными наборами свойств.
Карточка продукта – ваш продавец
Для тех покупателей, которые посетив сайт, мгновенно попадают на карточку требуемого товара, поиск практически не имеет значения. Посетитель уже именно на той странице, где и принимает решение о приобретении товара. Поэтому в данном случае просто необходимо иметь полную информацию о товаре, о способах его покупки, оплаты, вариантах доставки, и подробно описанных дополнительных условиях, если таковые имеются.
Замечено, что чрезвычайно высокоэффективно размещение на товарной карточке всевозможных ссылок на сопутствующую продукцию, т.е. на товары, которые необходимо докупить в комплекте. Например, большинство моделей видео-регистраторов не имеют в комплектации карту памяти. Поэтому ее нужно приобретать отдельно.
Здесь же специалисты советуют размещать информацию о подарках за приобретенный товар.
И еще одно дополнение, которое вызывает неподдельный интерес у посетителей, удерживая, тем самым, их на вашем сайте. Это блок схожих товаров. Помимо этого, данное дополнение подойдет для SEO-оптимизации, выполнит функцию синхронизации ссылок с сайтов. Также он весьма продуктивен и для потенциальных покупателей, которые незамедлительно могут дать оценку товарам, имеющимся в вашем виртуальном магазине. И если определенный продукт по каким-то параметрам не подходит, например, весом, то увидев список схожих товаров, посетители смогут перейти к аналогичной модели.
Разработка структуры интернет-магазина
На этом этапе собираются и анализируются ключевые запросы, по которым пользователи интернета будут находить ваш магазин через поиск. Эти же запросы используются при настройке контекстной рекламы.
Таким образом, если вы решите сэкономить время и перепоручить процесс работы с семантикой подрядчику, для магазина ассортиментом в 500 товаров (каждый товар — посадочная страница) стоимость разработки подробной структуры составит около 100 тысяч рублей. Как разработать SEO ориентированную структуру самостоятельно — читайте здесь.
Разработанная структура сайта представляет собой многоуровневый список, таблицу или диаграмму, где видна иерархия разделов и страниц:
Пример типовой структуры интернет магазина в виде схемы Mind Map (draw.io)
Каждой странице при этом соответствует определенный набор ключевых слов. На этом этапе не нужно прорисовывать структуру с точностью до одного товара. Достаточно выделить разделы, подразделы, фильтры и основные страницы («Контакты», «Порядок заказа и оплаты», «Доставка» и пр.)
Реклама интернет-магазина
Для настройки и ведения рекламных кампаний лучше всего нанять отдельных специалистов. Так, квалифицированная настройка Яндекс.Директ на 500 ключевых запросов обойдется в 15-30 тыс. рублей. Активное ежемесячное сопровождение примерно столько же (зависит от частоты смены цен на товары, акций и пр., плюс аналитика и оптимизация кампаний). Расходы на саму рекламу: цена за клик по объявлению в Яндекс.Директ — от 30 рублей. Максимального порога при этом нет, и итоговая стоимость кампании будет зависит от активности конкурентов, от точности настроек, от времени показа и множества других факторов. В среднем, магазин потребительских товаров масштабом 500 единиц при среднем чеке 3000 рублей тратит на рекламу не меньше 50 тыс. рублей в месяц.
Структура сайта как неотъемлемая часть продвижения
Продуманная структура обеспечит вашему сайту эффективное сканирование и индексирование, улучшит его поисковую видимость и поможет пользователям находить нужную им информацию (а значит и повысит ваш уровень конверсии). Проведя категоризацию ключевых запросов, распределив страницы по иерархии и покрыв нужную вам семантику благодаря проработке структуры, вы получите полезный и удобный сайт, который понравится и живой аудитории, и поисковым системам.
С помощью инструментов SE Ranking вы можете посмотреть структуру сайта конкурентов и создать семантическое ядро, на основе которого построите эффективную иерархию страниц. Если ваш сайт уже запущен, не будет лишним перепроверить его структуру — наверняка вы обнаружите аспекты, которые требуют улучшения и в перспективе принесут вам значительно лучшие SEO-результаты.
Просмотры:
12 316
Анастасия Осипенко
Анастасия — контент-маркетолог и редактор в SE Ranking, пишет про SEO, маркетинг и цифровые технологии. Кроме текстов для блога SE Ranking, Анастасия пишет музыку, а также любит старые фильмы и свою собаку.
Какие схемы структуры сайта бывают
На сегодняшний день можно выделить ряд наиболее востребованных типовых иерархий, которые имеют как преимущества, так и недостатки. Далее рассмотрим каждый из них поподробнее и наглядно покажем фото с примерами.
Линейная
Тут все достаточно просто и логично – страницы располагаются последовательно, одновременно ссылаясь на «соседей» и на главную. Подобная конструкция прекрасно подходит для создания простых веб-проектов (лендингов, визиток, малостраничников). Ее минус заключается в недостаточно хорошем индексировании поисковиками
Их внимание приковано к первому, основному уровню – все что находится дальше, их уже не так сильно интересует. Именно поэтому на таких ресурсах весь важный контент, как правило, размещен на главной странице
Она же выступает акцентом и для рекламного продвижения.
Блочная
Здесь между элементами действует равенство. Система предполагает определенный набор равнозначных блоков, расположенных рядом. Ее можно применять для работы с каким-то строго обозначенным продуктом, делая отдельные записи с описанием его характеристик, достоинств или свойств.
Если рассматривать подобную иерархию со стороны поискового продвижения, то она более выгодна, так как перелинковка очень положительно влияет на индексацию роботами. Схему можно встретить на сложных лендингах или визитках, которые продвигают конкретного человека или услугу.
Древовидная
Самый популярный и оптимальный вариант, который применяется на 95% всех интернет-сайтов. Многоуровневая система подразумевает, что каждая составляющая веб-проекта может быть частью другого элемента. Первый уровень – это главная страница, от нее идут ответвления – записи, разделы, подразделы. От каждого компонента может отходить множество различных «ветвей», от которых пойдут свои и так практически до бесконечности, ограничений нет. Для SEO древовидная схема подходит лучше всех остальных. Она повсеместно используется в высоконагруженных магазинах, информационных порталах и других сложных проектах.
URL внутренних страниц интернет-магазина
Если у вас не будет делаться акцент на бренды, товар лучше привязывать URL товара не к бренду, а к товарной группе, например:
Magazinsupertehniki.ru/catalog/holodilniki/dvuhkamernye/0103.html
Соответственно, URL страниц категорий и товарных групп должны выглядеть приблизительно так:
Magazinsupertehniki.ru/catalog/holodilniki/samsung/
Magazinsupertehniki.ru/catalog/holodilniki/dvuhkamernye/
Зачем это нужно?
Вполне логичный вопрос, если учесть, что в топе даже по самым конкурентным запросам можно найти много магазинов, которые не используют ЧПУ (несмотря на то, что это в прямом смысле рекомендуется Яндексом – пункт 4).
Но, во-первых, наличие ключевых слов в URL может давать незначительное преимущество при продвижении магазина в поиске. Конечно, это преимущество абсолютно не решающее и очень мизерное, но в условиях высокой конкуренции не следует игнорировать даже малейшие возможности улучшить свои перспективы.
Во-вторых, ЧПУ повышает CTR страницы в выдаче поисковых систем. Как думаете, на какую ссылку скорее кликнет пользователь, который вводил в поиск запрос «ноутбук asus n73sv» – на эту:
… или на эту:
Обратите внимание, что и Яндекс, и Google подсвечивают ключевые слова в URL в результатах поиска. Что лучше – транслитерация или перевод?
Поисковые системы уже давно научились хорошо понимать и транслит, и перевод
Можно использовать оба приема, но лучше не совмещать их в одном URL. То есть можно так:
Superbupermag.ru/bags/woman/leather/model-021.html
Или так:
Superbupermag.ru/sumki/zhenskie/kozhanye/ model-021.html
А вот так не нужно:
Superbupermag.ru/sumki/woman/kozhanye/model-021.html
Лично я предпочитаю использовать в URL транслитерацию, так как мне кажется, что она больше нравится посетителям
Что лучше – транслитерация или перевод?
Поисковые системы уже давно научились хорошо понимать и транслит, и перевод. Можно использовать оба приема, но лучше не совмещать их в одном URL. То есть можно так:
Superbupermag.ru/bags/woman/leather/model-021.html
Или так:
Superbupermag.ru/sumki/zhenskie/kozhanye/ model-021.html
А вот так не нужно:
Superbupermag.ru/sumki/woman/kozhanye/model-021.html
Лично я предпочитаю использовать в URL транслитерацию, так как мне кажется, что она больше нравится посетителям.
Что выбрать в качестве разделителя – “-“, “_” или “/” ?
Раньше поисковые системы не понимали нижний прочерк и «склеивали» слова, между которыми он использовался как разделитель. Сейчас такой проблемы нет – можно разделять слова и дефисом, и прочерком, и слешем. Но я считаю, что между словами, указывающими на структурное расположение страницы, должен использоваться слеш, а между словами, указывающими на само название страницы – дефис или нижний прочерк.
Не советую делать URL очень длинными, генерировать URL на кириллице, использовать в одном и том же URL одинаковые токены, так как это может затруднить продвижение.
Топ-4 варианта оформления раздела «О нас»
В зависимости от целевой аудитории доступно несколько форматов:
1. Коммерческое предложение. Короткий рассказ о фишках продукции, список известных покупателей, положительные отзывы. Серьезный формат, подходящий B2B-сегменту.
2. Сторителлинг. Реальная история о том, как продукция положительно повлияла на жизнь покупателя, изменив ее к лучшему
Важно не переусердствовать, выдуманные истории и новости выглядят неестественно.
3. Полноценное описание процессов с момента производства товара и вплоть до упаковки и доставки
Этот способ позволяет добиться эмоционального отклика у потребителя.
4. FAQ по выбору и использованию продукта. В процессе подбора подходящего варианта человек сталкивается с массой нюансов, которые можно осветить, параллельно убедив в целесообразности совершения покупки у вас.
Помните! Страница «О нас» создана продавать
А чтобы продажи росли, важно определить ЦА и на основании этого подбирать стиль оформления раздела
Виды структуры
Можно выделить несколько типовых структур, которые чаще всего используются при создании ресурсов.
Линейная
Самый простой вид, который характеризуется последовательным расположением элементов. Пример линейного вида можно углядеть в малостраничниках, визитках, простых лендингах.
Такой вид схемы плохо индексируется поисковыми роботами. Как правило, они отдают предпочтение содержимому главной страницы – все, что находится на следующих уровнях, уже не так интересно.
Поэтому все те же малостраничники, визитки и лендинги размещают основной контент на главной странице. На нее же чаще всего они делают акцент при рекламном продвижении.
Сложная линейная
Все та же линейная, но уже с некоторыми дополнительными элементами, отходящими от основной цепочки. Ее еще называют “линейная с ответвлениями”.
Блочная
Все элементы равны между собой. Представляет собой набор нескольких блоков, которые расположены рядом друг с другом.
Со стороны поискового продвижения такой вариант является более выгодным. Перелинковка и равнозначное положение очень хорошо влияет на индексацию.
Поэтому такую схему очень часто используют на более сложных лендингах или сайтах, которые рассказывают о каком-то конкретном продукте, человеке или событии.
Древовидная
Самый основной вариант, который используется на большинстве проектов. Это иерархическая структура – значит, что каждый элемент может являться составной частью другого. Они разделены по уровням. Самый верхний – главная страница. Далее могут идти рубрики, подрубрики, страницы и записи. Все они распределены по уровням, это и есть иерархия.
В WordPress используется древовидный тип. Страницы, разделы, подразделы, метки и посты – все это можно представить в виде древовидной иерархии, где от одного элемента может идти более десятка различных “ветвей”, а от них тоже могут идти ветви и так до бесконечности.
Какие дополнительные расходы требуются на разработку интернет-магазина
Есть много других важных факторов, которые влияют на итоговую стоимость.
Домен
Это адрес сайта, запись в базе данных. Цена в доменной зоне .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 рублей в год |
Что и о ком писать: основы работы
Как бы странно не звучало, но на странице «О нас» последнее, о чем нужно рассказывать — о вас. Акцент делается на интересы клиента, его боли, а потом на бизнесе.
Задачи, которые решает блок:
1. Рассказать, какой товар и для каких целей приобретают.
2. Объяснить принцип работы сайта.
3. Сделать акцент на выгодах покупки у вас.
4. Продемонстрировать, почему вам доверяют.
Важно! Перед началом определите портрет целевой аудитории. Хороший текст помогает или отвечает на вопросы
Плохой — добавлен для галочки.
Чтобы рассказ о магазине получился интересным, придерживайтесь рекомендаций:
1. Сделайте акцент на пользе для людей, посетивших сайт. Расскажите, например, какие выгоды принесет покупка товара или оформление заказа.
2. Не добавляйте несуществующих достоинств, правда все равно вскроется сразу после начала сотрудничества. Это способно ухудшить репутацию.
3. Рассказывайте о достижениях только с уклоном на пользу для читателя. Просчитайте заранее, какие вопросы у него возникнут, и предоставьте ответы.
Если сотрудничаете с именитыми компаниями, упомяните об этом, не лишним будет опубликовать несколько отзывов. Не только положительных, но и пару отрицательных, сопроводив их рассказом, как вышли из ситуации.
Помните! Не страшно, если отзывов еще нет. Замените их коротким рассказом о том, как пришла идея создания и почему вы уверены в компетентности. Пишите грамотно, не допускайте грамматические ошибки или неправильные обороты речи.
Еще один классный формат:
Начать можно с краткого рассказа о себе и коллективе. Этот метод работает для магазинов, продающих одежду или предметы ручной работы. Допускается добавление фотографий складов или офисов, можно рассказать о взаимодействии с поставщиками или сертификации товаров.
В завершение всегда необходимо подробно объяснить покупателю, почему он должен сделать выбор в пользу вас. Призовите просмотреть каталог товаров, подписаться на информационную рассылку или ознакомиться с отзывами. Ключевая задача — не дать посетителю заскучать во время просмотра.
Поиск: многофункциональность
Если покупатели не определились с товарами, на сайте должен быть удобный поисковик.
В пример можно привести вышеописанный магазин автошин и дисков. Именно так стоит формировать структура Каталога и функцию Поиск.
Другой пример: магазин автозапчастей. Каталог имеет абсолютно иной вид: марка авто – модель – группа запчастей – запасная часть
Поиск всегда был наиважнейшим элементом в оформлении сайта, поскольку этой частью посетители пользуются чаще всего.
Если весь имеющийся ассортимент вы выставите на одну страницу, внизу появятся их номера. Такой подход неудобен и, вероятно, изнурительно перелистывать страницы для просмотра имеющегося товара не всем захочется.
Проблемы пагинации
Сейчас при переходе на вторую страницу в разделе https://vobox.ru/catalog/kukhonnye_stoly/ мы получаем следующий адрес: https://vobox.ru/catalog/kukhonnye_stoly/?utm_source=adwords&utm_medium=cpc&utm_campaign=dynamic-poisk-dom-xmao&gclid=EAIaIQobChMIoIaOp7Op3wIVlZAYCh2hAwRPEAAYAiAAEgK8NvD_BwE&PAGEN_2=2. Здесь указаны UTM-метки для отслеживания рекламных кампаний, и непонятно, откуда они здесь взялись. При этом тег canonical указывает на первую страницу категории, в title указывается номер страницы, а сами страницы пагинации закрыты от индексации. Однако на них не выводится текст с описанием, что верно.
Рекомендация. Необходимо оптимизировать страницы пагинации:
- Убрать лишние параметры, оставив только необходимые – т.е. адрес примет вид https://vobox.ru/catalog/kukhonnye_stoly/?PAGEN_2=2.
- Открыть для индексации страницы пагинации правилом в robot.txt:
Allow: /*?PAGEN_2=
- Использовать для разметки страниц пагинации атрибуты rel=»next» и rel=»prev» у тега link.
- Убрать указание canonical на первую страницу категории.
- В title и description подставлять номер текущей страницы пагинации и общее число страниц после тегов, заданных для первой страницы. Например:
Title: Купить кухонный стол | Недорогие столы на кухню – страница 2 из 4
- Не выводить текстовые описания, заданные для первой страницы.
- Обеспечить доступность первой страницы по единственному адресу. Например, с адреса https://vobox.ru/catalog/kukhonnye_stoly/?PAGEN_2=1 следует настроить 301 редирект на первую страницу https://vobox.ru/catalog/kukhonnye_stoly/.
Что такое структура сайта и зачем она нужна
Структура сайта — это схема размещения его основных разделов и страниц относительно друг друга. Это план-схема, которая показывает, каким образом строится сайт, логическая связка его страниц.
Такой план-схема обычно изображается графически, в виде блоков, связанных стрелочками.
Не стоит путать внешнюю и внутреннюю структуру. Внешняя — это макет страницы, расположение блоков на ней. Внутренняя же отображает категории и принадлежность отдельных страниц или материалов. Вот об этой, внутренней структуре, и пойдет речь.
Структура сайта зависит от того, какой вид сайта вообще планируется делать. Если это сайт-визитка, то здесь план-схему сделать проще всего. Здесь будет главная страница, а от неё идут ссылки на разделы:
У коммерческого сайта схема будет гораздо сложнее. Тут обычно три уровня страниц: главная страница сайта, затем категории, которые описывают виды деятельности, и третий уровень — подвиды.
У информационного сайта будет похожая структура. Только от главной будут идти основные разделы. А каждая статья — это будет уже страница, на которую можно попасть в том числе и с главной. Причем каждый раздел практически не имеет информационной ценности, это страница со ссылками на статьи. У коммерческого же сайта каждый раздел содержит в себе важную информацию.
Хорошая структура сайта делает его удобным не только для посетителей. Поисковым роботам она тоже облегчит работу, в итоге не будет проблем с индексацией страниц.
Статья в тему: Юзабилити-аудит сайта
Как создать структуру своего сайта с примерами
Выбирать оптимальную схему необходимо в зависимости от поставленных целей. Лучше заранее продумать перелинковку и сделать её правильно сразу, чем переделывать готовый и рабочий сайт в будущем. В противном случае можно потерять важные страницы, что приведет к понижению позиций и снижению посещаемости.
Сайт-визитка
Данные проекты чаще всего имеют одну или две страницы. Основная цель визитки – познакомить пользователя с главной информацией о компании. Для создания визитки используется линейная схема, так как вложенность в данном случае минимальная.
Важную роль для визитки играет графическое оформление и контент. Рекомендуется выбирать стиль, который будет соответствовать корпоративной составляющей компании.
Коммерческий ресурс
Данная форма предназначена для того, чтобы познакомить потенциального клиента с компанией, рассказать об оказываемых услугах или товарах. Перелинковка на таких проектах более обширная.
Основная задача разработчика состоит в том, чтобы клиент смог дойти до целевой страницы максимум в 3 клика. Поэтому для коммерческих сайтов используются в основном сложные линейные схемы.
Блог или контентный проект
Блог по своей сути является смесью новостного и статейного сайта, где пользователь в большей степени ориентируется на дату.
Для создания контентного проекта разработчики отдают предпочтение сложной линейной или древовидной структуре. Ориентиром при этом становится актуальность контента или тематика.
Какой именно вид выбирать основывается не только на типе сайта, но и на анализе семантического ядра.
Переключение вида карточек товаров
Для переключения между плиткой и табличным видом каталога мы создаем две кнопки.
По клику на кнопки у списка товаров удаляется и добавляется класс .
Таким образом, прописав стили для карточек-дочерних элементов блока , мы можем «превратить» список в таблицу только с помощью CSS, без перезагрузки страницы. Для этого задается ширина карточек равная 100%. А вложенные блоки теперь займут только часть ширины карточки, например:
Далее абсолютно позиционированные элементы занимают свое «естественное» положение. Например, так происходит с кнопками.
Это был последний момент, которым хотелось с вами поделиться. С праздниками и всего доброго.
Важность призыва к действию в структуре сайта
Какой бы ни была структура сайта, схема обязательно должна предусматривать призыв к действию. Как правило, он размещается в тексте несколько раз. Первый – сразу после специального предложения. Второй раз – в середине текста. Третий – в конце. Если текст длинный, призывов к действию может быть и больше. Они могут быть сформулированы одинаково или по-разному в зависимости от общего контекста статьи.
Иногда призывы делают двойными, например, «Купите товар и оформите подписку». Или добавляют предложение о выгоде: «Запишитесь на консультацию. Первая бесплатно!». Или ограничивают срок действия предложения: «Купите новые шины. Только сегодня скидка 20 %».
Если товар недорогой и его покупка не требует долгого обдумывания, призыв формулируется с помощью глаголов, обозначающих немедленное действие: купи, закажи, подпишись и т. п.
Когда товар дорогой или сложный или продажи осуществляются в В2В-сегменте, процесс принятия решения о покупке может занять долгое время. Призывы к немедленному действию здесь не сработают. Поэтому продавцы делают акцент на общение с клиентами и установление с ними крепкой эмоциональной связи. Потенциальных покупателей приглашают на бесплатные консультации, клиентские мероприятия, предоставляют пробную версию продукта и т. п.
Подробнее
Также в продажах дорогого или сложного товара для мотивации клиентов часто используются буклеты, электронные рассылки или ссылки. Они нужны тогда, когда потенциальный покупатель не готов общаться с менеджером по телефону или при личной встрече, но ему необходима информация о товаре, которая поможет принять окончательное решение.
Как правило, в конце посадочной страницы, помимо последнего призыва к действию, размещаются контакты компании, ссылка на форму оформления заказа, схема проезда, если у фирмы есть офлайн-офис.
Пример
Стоит наглядно проанализировать пример структуры интернет – магазина. Для этого рассмотрим магазин Яндекс по продаже видео – регистраторов.
Видео регистраторы – технически сложные товары, поиск которых осуществляется по определенным параметрам: углу обзора, качеству видеозаписи, количеству камер, функции автоматического просмотра, максимальный объему памяти, мощности аккумулятора и т.д. Все фильтры, используемые для поиска, можно взять в разделе технических характеристик.
Это необходимо сделать для того, чтобы привлечь как можно большее количество посетителей на сайт. Однако в этом случае не стоит забывать и о рекламе.
Предположим, потенциальный покупатель зашел на вашу главную страницу и пытается отыскать видео – регистратор с двумя камерами.
Несмотря на обилие подобного товара, для поиска подходящего предложения необходимо будет вручную просмотреть все предложения. Но если сайт оснащен Поиском по этому параметру, данная задача элементарно разрешится.
Также структура каталога, помимо фильтров по характеристикам, должна включать варианты сортировки результатов по критериям. Например, по стоимости, объему памяти, популярности.
Весомым дополнением станет возможность отображения результатов поиска в виде мини-карточек товаров с фото, небольших описаний и стоимости продукта. Для удобства в настройках должна быть возможность смены отображения результатов с карточек на список.
Вложенность в URL у категорий
Символьный код категорий следует сразу за директорией /catalog/. Например, для категории «Кухонные столы» он имеет вид https://vobox.ru/catalog/kukhonnye_stoly/. Лучше соблюсти полную вложенность для категорий, соответствующую структуре каталога. В данном случае это https://vobox.ru/catalog/mebel_dlya_doma/kukhnya/kukhonnye_stoly/. Это поспособствует более корректному восприятию структуры сайта поисковыми системами.
Отметим, что категории каталога сейчас недоступны по неверным адресам (с промежуточными уровнями вложенности) и корректно отдают код 404, что правильно.
Рекомендация. Отразить в URL-адресах полную вложенность у категорий каталога, а также настроить 301 редиректы со старых адресов на новые.
Создание тегов
Решение с применением тегов, а именно специфических характеристик товаров, которые позволяют более точно его описать. Его редко используют в чистом виде. Обычно комбинируют с другими способами. Например с древовидной структурой составленной из ключевиков (см. решение 1 — Создание древа категорий).
Так, в рамках этого решения, на определенном уровне дерева каталога, создаются дополнительные страницы Тегов, которые будут содержать в себе товары, которым присущи те или иные характеристики.
Например при спускании на самый низкий уровень в древовидной структуре каталога мы хотим дать пользователю возможность попасть на страницу на которой есть кроссовки только 1 цвета. В таком случае выводим в облако тегов дополнительные теги:
Черные кроссовки Nike Air Max 87
Синие кроссовки Nike Air Max 87
Желтые кроссовки Nike Air Max 87
и т.п.
Тег ведет покупателя на страницу, которая релевантна данной фразе. На этой странице выведены товары которые относятся к категории, в которой он был до этого и все товары имеют тот цвет, который покупатель выбрал.
Этот метод так же возможен в комбинации со следующим вариантом построения структуры каталога.