Интернет магазин архитектура: Какой должен быть подход к выбору архитектуры интернет-магазина? — Хабр Q&A

Содержание

Рассматриваем возможные варианты архитектуры информационной системы на примере и…

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

Вопрос в том, как разместить это программное обеспечение? Сколько серверов задействовать?

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

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

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

Всё в одном

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

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

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

При этом нужно понимать, что такие изменения имеют пределы. У виртуальной машины они намного шире, чем у «железной», но они всё-таки имеются.

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

Витрина отдельно, данные отдельно

Следующим шагом в развитии интернет-магазина и любого другого интернет-сервиса может стать размещение его публичной части («витрины») и базы данных на разных серверах.

Это позволит точнее и рациональнее использовать оплаченные вычислительные ресурсы. Дело в том, что ситуации в разных информационных системах бывают разные. В одних — большая часть нагрузки приходится на обработку данных, то есть на веб-сервер; в других — на хранение.

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

Из недостатков такого варианта архитектуры можно указать следующие: 1) придётся администрировать несколько серверов; 2) потребуется больше сетевых настроек; 3) сохранятся потенциальные ограничения в масштабировании, хоть и менее жёсткие, чем в случае одного сервера.

Группа серверов

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

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

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

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

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

Для обеспечения слаженной работы группы серверов потребуется балансировщик нагрузки.

Однако при размещении базы данных на нескольких серверах необходимы дополнительные механизмы поддержания её целостности, например, репликация, шардинг и т. п. Здесь углубляться в эти вопросы мы не станем.

Горячий резерв

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

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

Шаблон сервера

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

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

Репликация данных

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

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

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

Заключение

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

Если ваш проект стабилизировался и обрёл будущее, распределите свою информационную систему по разным серверам. Например, разделите базу данных и веб-сервер.

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

Если ваш сервис стал популярным (ура!), и потребность в производительности и надёжности увеличилась, примените пулы и кластеры серверов.

В этом контексте интересно посмотреть на статистику сервиса аренды инфраструктуры в облаке 1cloud.

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

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

Например, один из клиентов 1cloud использует в своей информационной системе более 200 виртуальных машин.

Книги по архитектуре и строительству

ЛюбаяАвстралияАвстрияАзербайджанАнглияАргентинаАрменияБельгияБолгарияБразилияВеликобританияВенгрияВьетнамГерманияГренландияГрецияГрузияДанияЕгипетИзраильИндияИранИрландияИсландияИспанияИталияКазахстанКанадаКиргизияКитайКолумбияКорея, РеспубликаКубаЛатвияЛиванЛивияЛитваМаврикийМавританияМакедонияМексикаМолдавияНепалНигерияНидерландыНовая ЗеландияНорвегияПерсияПеруПольшаПортугалияРеспублика БеларусьРоссияРуандаРумынияСербияСингапурСловакияСловенияСоединенное КоролевствоСоединенные Штаты АмерикиТурцияУзбекистанУкраинаФинляндияФранцияХорватияЧехияЧилиШвейцарияШвецияЭстонияЮжная АфрикаЯпония

Любойрусскийанглийскийрусский/английскийфранцузскийиспанскийнемецкийитальянскийрусский/китайскийрусский/французскийанглийский/русскийрусский/итальянскийрусский/испанскийнесколькокитайский/русскийрусский/немецкийкитайскийанглийский/французский/немецкийпортугальскийнемецкий/русскийитальянский/русский

Любойанглийскийрусскийфранцузскийнемецкийитальянскийшведскийяпонскийиспанскийнорвежскийпольскийдатскийнидерландскийкитайскийрусский/английскийдревнегреческийлатинскийпортугальскийфинскийтурецкийивритчешскийрусский/испанскийнесколькоарабский

ЛюбойТвердый переплетМягкая обложкаКожаный переплетТвердый переплет+суперобложкаКоробкаТвердый переплет + суперобложкаГибкая обложкаКартонКожаТвердый переплет с золотым обрезомТвердый переплет (ткань)Листовое изданиеКомплект/Твердый переплет+футлярКожаный переплет (Cabra)Мягкая обложка на спиралиТвердый переплет (дутый)Кожаный переплет+футлярТвердый переплет (Переплетный материал VIP-класса Madera)ПапкаТвердый переплет+суперобложка+футлярМягкая обложка+суперобложкаТвердый переплет с окрашенным обрезомКартон на спиралиТканевыйТвердый переплет с окрашенным обрезом+суперобложкаТвердый переплет на спирали

ЛюбаяНа складеНет в наличии

Лего Архитектура (Lego Architecture)

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

 

Конструкция моделей и описание по сборке были разработаны архитектором Адамом Ридом Такером – волшебником архитектурного микромасштаба. Получив степень в области Архитектуры в Университете штата Канзас в 1996, Такер начал поиски материала для выражения собственных идей. Кирпичик Лего прекрасно подошёл для слияния воедино точных архитектурных линий и прогрессивного взгляда на искусство в целом. Вдохновлённый новой идей, молодой архитектор создал целый проект по созданию копий городских достопримечательностей всего мира. Его работа была замечена компанией Лего, и через некоторое время Такер получил специальный сертификат, позволяющий его обладателю вести разработку отдельной серии конструкторов Лего под названием Архитектура.

К началу 2010 года шесть наборов были выпущены под двумя сериями: Ориентир и Архитектура. В рамках серии Ориентир представлены модели высотных зданий, которые стали городскими символами и ориентирами для туристов: Уиллис Тауэр (21000), Центр Джона Хэнкока (21001), Эмпайр Стейт Билдинг (21002), и Спейс Нидл в Сиэтле (21003).

Серия Архитектура начиналась двумя моделями: Музей Соломона Гуггенхайма (21004) и Дом над водопадом (21005). В начале июля 2010 года был выпущен седьмой набор — Белый дом (21006). Восьмой набор Рокфеллер центр в Нью-Йорке (21007) был выпущен в ноябре этого же года. Апрель 2011 года стал отправной точкой для создания еще четырёх моделей, таких как Бурдж Халифа (21008), Дом Франсуорта (21009), Дом Роби (21010) и Бранденбургские ворота (21011).

Летом 2013 года серия Лего Архитектура пополнилась наиболее грандиозными и запоминающимися артикулами, такими как знаменитый Отель Империал (21017), Пизанская башня (21015), Штаб-квартира ООН (21018) и супер редкий набор Студия (21050).

На начало 2014 года запланированы продажи столь ожидаемой уменьшенной копии Эйфелевой башни (21019) и Отеля Marina Bay Sands (21021).

Стоит добавить, что количество моделей в серии Лего Архитектура быстро растёт из-за повышенного интереса коллекционеров и просто любителей памятников архитектуры. Компания Лего регулярно проводит опросы и голосования, чтобы определить будущего номинанта, который станет прототипом нового набора серии Лего Архитектура.


Информационная архитектура

для вашего магазина электронной коммерции: пример из практики Allbirds

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

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

НО… прямо сейчас у вас нет веб-сайта. Пока что.

Итак, что будет дальше? Как превратить свои заметки и идеи в полноценный веб-сайт электронной коммерции?

Вы попали в нужное место. Прокрутите вниз, пока мы рассмотрим основы создания веб-сайта электронной коммерции с упором на планирование и информационную архитектуру. Попутно мы также рассмотрим Allbirds.com как пример информационной архитектуры электронной коммерции.


Обзор:


Ваши результаты

Начнем с целей.Скорее всего, это будет что-то вроде этого:

  • Ваши клиенты должны иметь возможность найти ваши продукты, чтобы они могли их купить (ура, деньги!).
  • Они должны быть в состоянии ответить на свои общие вопросы о доставке, размере, возврате и т. Д. В течение 30 секунд (эпоха Интернета значительно сократила объем нашего коллективного внимания).
  • Процесс оформления заказа должен быть предельно простым. Положите нужный товар в корзину и убирайтесь оттуда.
  • Да, и вам понадобятся страницы с оптимизацией для SEO, которые помогут привлечь органический трафик по вашим основным ключевым словам.

Как добиться всего этого с минимальными усилиями? Наша рекомендация… Будьте как Allbirds. com. Мы перейдем к нашему тематическому исследованию ниже после объяснения…

Что такое информационная архитектура?

Звучит громоздко, но на самом деле довольно просто.

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

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

Архитектура информации, ориентированной на пользователя

Сделайте так, чтобы люди могли легко найти то, что они хотят! Вот и все.

Хорошо, если копнем глубже…

  • Кто ваш целевой рынок?
  • Чего им на самом деле нужно? Какая для них ценность?
  • Какие слова они используют, чтобы описать это, и как они говорят / классифицируют это?
  • Какие действия могут привести к переходу на ваш сайт?

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

Оказавшись на вашем сайте, люди следуют 3 основным путям:

  1. Они могут прокручивать (размещать самые популярные товары / категории на главной странице)
  2. Они могут искать (убедитесь, что основные поисковые запросы дают хорошие результаты)
  3. Они могут перемещаться по меню или категориям (используйте язык клиентов и пользовательский тест!).

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

Давайте посмотрим, как это делают профессионалы.

Пример информационной архитектуры: Allbirds.com

Allbirds — бегуны по шерсти, завоевавшие мир. Мы любим их, потому что они сделаны из тончайшей новозеландской шерсти мериноса и созданы одним из новозеландцев. Хорошая страна то =)

Помимо комфорта и стиля (я уже упоминал о простоте стирки? Это напоминает мне, что мне нужно снова промыть свою стиральную машину…), есть еще одна более актуальная причина, по которой мы любим Allbirds.Они сохраняют свою информационную архитектуру простой.

Их сайт можно разделить на «Информационные страницы» и список «Продуктов», отсортированных по «Категории» (или «Коллекции» в Shopify).

Взгляните на информационную архитектуру Allbirds.

Платформа Совет: Если вы еще не выбрали платформу для своего магазина, я настоятельно рекомендую использовать Shopify или Squarespace. Конечно, есть ежемесячная плата, но вы сэкономите время и деньги на счетах за дизайн / кодирование, купив тему с идеальным пикселем, у вас будет идеально оптимизированная касса, нет проблем с интеграцией поставщиков платежей, и они обеспечивают хорошую базу для SEO-работы (карты сайта, категории / целевые страницы и т. д.). Просто сделай это.

Страницы продукта / категории

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

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

Гендерная категоризация. Фильтр по типу продукта.

Информационные страницы

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

Достаточно, чтобы запустить сайт:

  • Справка:
    • Доставка
    • Возврат / Обмен
    • Направляющая для определения размера и посадки
    • Часто задаваемые вопросы
  • О нас
  • Свяжитесь с нами

Дополнительные опции:

  • Дополнительные истории «О нас»
  • Информация о продукте
  • Список физических складов / Карта
  • Подарочные карты / ваучеры
  • Гарантия
  • Партнерство
  • Пресс
  • Карьера

Ну вот. Выберите свои собственные информационные страницы для запуска и начните заполнять их контентом!

Куда подходят целевые страницы?

Органический поиск:

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

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

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

Платное привлечение (реклама) или маркетинговые кампании по электронной почте:

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

  • Пакетные предложения — объединение нескольких товаров по сниженной «цене пакета»
  • Соревнования — e. грамм. спин-выигрыш
  • Ориентация на ключевые слова общего стиля — например, «Удобные кроссовки»

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

URL целевой страницы:

В то время как страницы категорий и продуктов будут иметь естественную структуру в Shopify или Squarespace, для других целевых страниц вам просто нужны URL-адреса, которые содержат ключевые слова и имеют разумную структуру, например:
yourwebsite.com / spin-to-win
yourwebsite.com/runners/comfy-running-shoes

Хватит читать, пора начинать!

Не поймите меня неправильно, создание контента все равно потребует времени и усилий (особенно изображений продуктов!), Но вы можете быстро разобраться в своей информационной архитектуре, взглянув на примеры лидеров рынка, таких как Allbirds.

Рекомендации по архитектуре электронной коммерции

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

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

Почему вы должны создать хорошую архитектуру электронной торговли

Наличие хорошей архитектуры веб-сайта имеет свои преимущества. Вот некоторые из них.

Это упрощает индексацию и рейтинг вашего сайта

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

Это упрощает навигацию по вашему сайту

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

Google Featured Snippets

Было много разговоров о Google Featured Snippets. Это фрагменты информации, которые вы сразу видите вверху страницы, когда что-то ищете.Например, если вы выполните поиск по запросу «День рождения Брэда Питта», вы не будете перенаправлены на список сайтов. Поисковые системы «ответят» на ваш вопрос набором фрагментов.

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

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

Теперь, когда вы знаете, как важно иметь хорошую архитектуру веб-сайта. Перейдем к «как».

Как создать хорошую архитектуру веб-сайта электронной коммерции — 10 советов

Эта статья содержит 10 способов улучшить архитектуру своего веб-сайта. Вам не нужно делать все подряд. Фактически, это уже может улучшить вашу архитектуру в одно мгновение.Главное — принять во внимание эти факторы при создании веб-сайта электронной коммерции.

1 . Определите целевые ключевые слова

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

Есть много способов раскрыть некоторые целевые ключевые слова.

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

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

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

Как правило, я выбираю ключевые слова со значительным объемом (от 1000 до 10000, в порядке) и относительно низкой конкуренцией.Таким образом, я знаю, что нацелен на ключевые слова, по которым у меня есть шанс получить рейтинг. Отсюда я перехожу к следующему шагу.

2. Сортировка ключевых слов по названиям продуктов и категориям

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

Для категорий я обычно выбираю ключевые слова со средним хвостом. Это ключевые слова, состоящие из 2-3 слов. Обратите внимание, что я ограничиваю его 2-3 словами. Не переусердствуйте, поскольку 4 слова — это слишком много.

Q: Следует ли использовать бренды в качестве ключевых слов?

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

Возьмем, к примеру, Sephora.Они продают некоторые средства по уходу за кожей. Хотя у них есть панель навигации, которая включает в себя типы продуктов, у них также есть опция «Бренды» в верхней части навигации. Когда покупатель посещает это, он попадает на страницу, на которой в алфавитном порядке перечислены доступные бренды.

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

3. Планируйте структуру своего веб-сайта

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

Для создания плана лучше всего написать (или напечатать) все, чтобы вы могли четко видеть страницы своего веб-сайта. Необязательно включать все страницы, но они должны включать все основные страницы вашего веб-сайта. Например, вы можете объединить страницы продуктов и страницы категорий.Но вы должны рассматривать страницу «О нас», «Страница доставки», «Блог» и «Контактная страница» отдельно.

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

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

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

4. Вставьте ключевые слова в ссылки на странице продукта

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

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

Для пользователей WordPress изменить постоянную ссылку так же просто, как зайти в «Настройки»> «Постоянные ссылки». Это может относиться к владельцам веб-сайтов электронной коммерции, которые работают в своих магазинах на WordPress (например,WooCommerce). Для Shopify вам не нужно так сильно беспокоиться о постоянных ссылках, поскольку их нет на страницах продуктов. Он находится в корзине. Для этого вам не нужно беспокоиться о настройке, это нормально, что она уникальна.

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

Что такое метод тире? Здесь вы помещаете поток ключевых слов в тире. Поэтому вместо того, чтобы помещать в ссылку «фигурки», вы помещаете «фигурки».Вы уловили идею.

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

5. Вставка ключевых слов в ссылки навигации

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

Для этого вам может потребоваться определиться с несколькими вещами.

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

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

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

6. Не забудьте панировочные сухари

Еще одно место, где ключевые слова играют жизненно важную роль, — это хлебные крошки,

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

Возьмем, к примеру. Общая категория — это дом и сад, за которым следуют электрические приборы для кухни. Затем следуют продукты для приготовления еды и напитков, блендеры и смузи и фактическое название продукта.

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

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

ПРИМЕЧАНИЕ. Возможно, лучше использовать от 2 до 3 слов для навигационных ссылок с помощью хлебных крошек. Как видите, категории могут сильно запутаться, если их поставить рядом друг с другом.Ограничение его до 2–3 слов даст вам больше места для других категорий в области хлебных крошек.

7. Страницы лучше бесконечной прокрутки

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

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

Что такое нумерация страниц? Здесь вы организуете страницы своих продуктов таким образом, чтобы в их структуре присутствовали «предыдущие» или «старые» страницы. Вы часто будете видеть страницы с товарами внизу страницы, как показано ниже.

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

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

Как реализовать нумерацию страниц на своем веб-сайте? Это легко. Для большинства платформ электронной коммерции пагинация страниц продуктов выполняется автоматически.Но для других (например, для коллекций или некоторых категорий) вам может потребоваться реализовать код, чтобы активировать разбиение на страницы. Для пользователей Shopify вы можете перейти на эту страницу, чтобы узнать, как сделать разбивку на страницы на вашем сайте.

8. Используйте силу внутреннего связывания

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

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

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

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

Творческий способ создания внутренних ссылок — это делать две вещи.

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

Другой способ — иметь несколько списков. Наличие списка бестселлеров или списка топ-10 побудит клиентов взвесить свои варианты перед покупкой. Это может быть хорошим контентом для вашего веб-сайта и может помочь вам продать больше товаров в процессе.

9. Укрепите архитектуру своего веб-сайта с помощью внешних ссылокa

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

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

Однако получить внешние ссылки не так просто, как раньше. Вы больше не можете распространять свои URL-адреса по всем сайтам с бесплатными ссылками. Это просто не сработает.

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

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

PRO СОВЕТ : может быть полезно посмотреть внешние ссылки ваших конкурентов. Вы можете сделать это с помощью инструмента исследования ссылок, такого как Ahrefs.

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

10. Предотвращение дублирования содержимого с помощью канонических тегов

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

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

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

Пользоваться легко. Просто добавьте к своим URL-адресам канонические отношения, например:

Вот и все.

ПРИМЕЧАНИЕ: Вам может потребоваться сделать это не только для страниц продуктов. Помните, что вы также могли «скопировать» свою политику доставки, политику конфиденциальности и другие. Так что не забудьте проверить и это.

Заключение

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

Введение в информационную архитектуру

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

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

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

Развивайте свой бизнес с помощью партнерской программы Shopify

Предлагаете ли вы услуги веб-дизайна и разработки или хотите создавать приложения для Shopify App Store, партнерская программа Shopify настроит вас на успех. Присоединяйтесь бесплатно и получите доступ к возможностям распределения доходов, средам предварительной версии для разработчиков и образовательным ресурсам.

Подписаться

Что такое информационная архитектура и чем она ценна?

Роль информационной архитектуры в пользовательском опыте.Изображение адаптировано из книги Джесси Джеймса Гаретта «Элементы пользовательского опыта».

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

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

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

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

Информационная архитектура и навигация — это одно и то же?

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

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

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

«Хорошая навигация начинается с четкой информационной архитектуры».

Компоненты и принципы информационной архитектуры

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

В книге «Информационная архитектура для всемирной паутины» Лу Розенфельд и Питер Морвилл определяют четыре основных компонента информационной архитектуры:

  1. Организационные системы .Группы или категории, по которым разделена информация.
  2. Система этикетирования . Что команда продукта использует для представления информации.
  3. Навигационная система . Что помогает пользователям ориентироваться в продукте, находить контент и успешно использовать его функции.
  4. Поисковая система . Поисковые системы с такими инструментами, как контекстные фильтры, которые помогают пользователям искать информацию о продукте.

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

На этой странице описаны архитектурные компоненты веб-сайта. Изображение предоставлено O’Reilly Media.

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

  1. Принцип объектов .Относитесь к контенту как к живому, дышащему объекту с жизненным циклом, поведением и атрибутами.
  2. Принцип выбора . Создавайте страницы, предлагающие пользователям осмысленный выбор, сохраняя диапазон доступных вариантов, ориентированных на конкретную задачу.
  3. Принцип раскрытия информации . Покажите достаточно информации, чтобы помочь людям понять, какой контент они найдут, копнув глубже, но не подавляйте их.
  4. Принцип экземпляров .Опишите содержание категорий контента в продукте, показывая примеры содержания.
  5. Принцип входных дверей . Предположим, что по крайней мере половина посетителей сайта перейдут на какую-то страницу, отличную от главной.
  6. Принцип множественной классификации . Предложите пользователям несколько различных схем классификации для просмотра содержимого сайта.
  7. Принцип фокусированной навигации . Не смешивайте яблоки и апельсины в своей схеме навигации.
  8. Принцип роста . Предположите, что контент, который у вас есть сегодня, составляет небольшую часть контента, который у вас будет завтра.

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

Вам также могут понравиться: 10 лучших книг по промышленному дизайну.

Дизайн информационной архитектуры за семь шагов

По сути, дизайн информационной архитектуры имеет только две связанные с ним части:

  1. Определение содержания и функций продукта
  2. Определение отношений между отдельными частями контента или характеристиками продукта

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

Шаг 1. Определите свои бизнес-цели

Целью информационной архитектуры является достижение бизнес-целей. Вы должны спросить себя: «Чего я хочу достичь с помощью этого продукта?» до того, как команда приступит к работе над проектом. Если вы не можете сформулировать цели бизнеса, скорее всего, вы создадите плохую информационную архитектуру.

Шаг 2. Проведите исследование пользователей

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

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

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

Вот несколько вещей, которые следует помнить при исследовании пользователей:

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

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

Шаг 3. Проведите инвентаризацию контента, группировку контента и аудит контента

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

Вот несколько процедур, которые вы можете использовать.

Инвентарный список
Инвентаризация контента веб-сайта. Изображение Винишгарга.

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

Группировка контента

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

Контент-аудит
Контент-аудит продукта. Изображение Бенджамина Эстеса.

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

Шаг 4. Определите типичные сценарии взаимодействия пользователя с продуктом

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

«Безупречное взаимодействие приводит к более высокому коэффициенту конверсии».

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

Вам также может понравиться: Значение UX-раскадровки для дизайна продукта.

Помните:

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

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

Шаг 5. Определите области содержимого и пометьте их

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

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

Примерная схема информационной архитектуры MetaFilter.Шаблон информационной архитектуры от Джесси Джеймса Гарретта.

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

Вам также может понравиться: Скевоморфизм в дизайне цифровых продуктов.

При маркировке:

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

Шаг 6. Создайте необходимые каркасы

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

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

Шаг 7. Проведите юзабилити-тестирование и снизьте когнитивную нагрузку.

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

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

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

Вот несколько вещей, которые влияют на когнитивную нагрузку:

  • Кол-во опций . Чем больше вариантов вы предложите, тем больше усилий потребуется для их анализа (также известный как паралич выбора)
  • Распознавание . Дизайнеры должны использовать знакомые шаблоны взаимодействия, чтобы сделать взаимодействие знакомым для пользователей.
  • Контекст . Крайне важно доставлять нужный контент в нужное время.

Разработка четкой информационной архитектуры

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

Читать руководства для партнеров и разработчиков Shopify

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

Узнать больше

Архитектура интернет-магазина Microsoft Dynamics AX Retail

  • 6 минут на чтение

В этой статье

Применимо к: Microsoft Dynamics AX 2012 R3

Интернет-магазин Microsoft Dynamics AX Retail позволяет развертывать, управлять и настраивать канал продаж через Интернет, который полностью интегрирован с Microsoft Dynamics AX.Интернет-магазин построен на платформе межсайтовой публикации Microsoft SharePoint Server 2013. Публикация на нескольких сайтах использует одно или несколько семейств веб-сайтов для создания и хранения контента, а также одно или несколько семейств веб-сайтов публикации для управления дизайном сайта и отображения контента. Семейство сайтов разработки может содержать каталоги, например библиотеки страниц, и списки элементов, помеченных метаданными. Эти каталоги индексируются поисковой системой и становятся доступными для издательского портала.Портал публикации отображает ранее проиндексированные данные на веб-страницах с помощью веб-частей, управляемых поиском.

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

Особенности и компоненты розничного интернет-магазина

В этом разделе описаны функции и компоненты Интернет-магазина Retail.На рисунке 1 показана логическая архитектура и поток информации между некоторыми функциями и компонентами, обсуждаемыми в этом разделе.

Рисунок 1 Архитектура высокого уровня розничного интернет-магазина

Сервис в реальном времени

Обмен коммерческими данными: служба реального времени — это служба Windows Communication Foundation (WCF), которая использует .NET Business Connector для облегчения связи между штаб-квартирой Microsoft Dynamics AX Retail и средой выполнения коммерции Microsoft Dynamics AX (CRT).В предыдущих выпусках эта служба называлась службой розничных транзакций. Эта служба устанавливается с помощью программы установки Microsoft Dynamics AX. Дополнительные сведения об этой службе см. В разделе Установка обмена коммерческими данными: служба в реальном времени (служба розничных транзакций).

Обмен коммерческими данными: асинхронный сервер

Commerce Data Exchange: Async Server является частью системы для асинхронного обмена данными между Microsoft Dynamics AX и розничными каналами, такими как розничный интернет-магазин.Async Server установлен в головном офисе и взаимодействует с Microsoft Dynamics AX. Для получения дополнительной информации см. Обмен коммерческими данными: асинхронный сервер.

Обмен коммерческими данными: асинхронный клиент

Commerce Data Exchange: Async Client является частью системы для асинхронного обмена данными между Microsoft Dynamics AX и розничными каналами, такими как розничный интернет-магазин. Асинхронный клиент устанавливается на канале и взаимодействует с базой данных канала. Обычно вы устанавливаете по одному экземпляру Async Client для каждого канала.Дополнительные сведения см. В разделе Обмен коммерческими данными: асинхронный клиент.

Среда выполнения коммерции

Среда выполнения Microsoft Dynamics AX commerce — это набор .dll, которые выполняют бизнес-логику и обработку данных для интернет-магазина. CRT имеет четыре уровня (доступ к данным, службы, рабочий процесс, API) и базу данных. Для получения дополнительной информации об CRT см. Commerce Runtime.

Искать

Платформа межсайтовой публикации Microsoft SharePoint Server 2013 использует Microsoft FAST Search и управляемые поиском страницы для динамического отображения контента для клиентов.Дополнительные сведения о FAST Search при публикации на нескольких сайтах см. В разделе Планирование поиска для сайтов публикации на нескольких сайтах в SharePoint Server 2013

.

Наборы терминов

Наборы терминов используются для тегирования содержимого каталога, такого как страницы или элементы списка, на сайте разработки. Таким образом, термины помогают распределить контент по иерархии. Эти же термины позже используются на сайте публикации для выполнения запросов, отображения информации о страницах категорий и элементов каталога, создания удобных URL-адресов и для управляемой навигации.Дополнительные сведения см. В разделе Термины и наборы терминов плана в SharePoint Server 2013.

Базы данных розничного интернет-магазина

При развертывании интернет-магазина система создает следующие базы данных в Microsoft SQL Server.

  • База данных каналов : Интернет-магазин использует эту базу данных в качестве хранилища данных перед отправкой данных в SharePoint. По умолчанию база данных называется AxRetailSP. Настройки для этой базы данных хранятся в файле oob-topology.xml в разделе Настройки / Канал.

  • База данных поставщика удостоверений : в этой базе данных хранятся учетные данные пользователя для проверки подлинности на основе форм. По умолчанию база данных называется SPFBA. Настройки для этой базы данных хранятся в файле oob-topology.xml в разделе Settings / IdentityProvider.

  • База данных поставщика настраиваемых требований : в этой базе данных хранится сопоставление между идентификатором пользователя и его номером клиента Microsoft Dynamics AX, когда пользователь создал учетную запись.По умолчанию база данных называется SPAuthZ. Настройки для этой базы данных хранятся в файле oob-topology.xml в разделе Settings / CustomClaimsProvider.

На рис. 2 представлен подробный вид интернет-магазина Microsoft Dynamics AX Retail, а также функций и компонентов SharePoint.

Рисунок 2 Детальный вид архитектуры розничного интернет-магазина

Стартовые магазины

Microsoft Dynamics AX 2012 for Retail включает два «стартовых» розничных интернет-магазина.Магазин Contoso создан по образцу вымышленного интернет-магазина электроники. Магазин Fabrikam создан по образцу вымышленного интернет-магазина одежды. При установке розничного интернет-магазина с помощью Setup.exe или PowerShell вы указываете, какое начальное хранилище следует развернуть в вашей среде. Затем вы можете настроить и переименовать стартовый магазин в соответствии со своими потребностями. Начальные хранилища состоят из следующих семейств сайтов и элементов управления.

Коллекции сайтов

Каталог продуктов и семейства сайтов портала публикации расположены в отдельных веб-приложениях.Веб-приложение содержимого каталога продуктов использует AD DS для проверки подлинности авторов содержимого. Веб-приложение портала публикации использует проверку подлинности AD DS для дизайнеров и проверку подлинности на основе форм для веб-пользователей. Это веб-приложение настроено для разрешения анонимного доступа веб-пользователям. Семейство сайтов каталога продуктов содержит список данных о продуктах, включая иерархию навигации Microsoft Dynamics AX, которая хранится в хранилище терминов SharePoint. Эти списки, созданные в процессе публикации интернет-магазина, являются общими.

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

На рис. 3 представлен подробный обзор веб-приложений и семейств сайтов, которые создаются на сервере SharePoint при развертывании розничного интернет-магазина. На рисунке 3 также перечислены связанные классы для приложений и семейств сайтов.

Рисунок 3 Подробный вид веб-приложений и семейств сайтов интернет-магазина Retail

Соединитель Microsoft Dynamics AX (также называемый соединителем каналов) — это задание публикации службы SharePoint, которое выполняется в контексте OWSTimer.exe, который является стандартной службой таймера SharePoint для Windows. Задание публикации извлекает обновленный продукт, схему продукта, информацию об иерархии категорий из базы данных каналов и помещает ее в базу данных каталога продуктов. Затем информация просматривается поиском.

Служба токенов безопасности — это служба SharePoint, которая используется для проверки подлинности пользователей на основе форм.

Органы управления

Начальный интернет-магазин включает следующие настраиваемые элементы управления.

Тип управления

В наличии в стартовом магазине

Макеты страниц

Редактировать адрес

Ассоциированный клиент

Изменить пароль

Подтверждение кассы

Вход в Facebook

Выдать подарочную карту

Вход в систему

Лояльность

Мой счет

Просмотр заказа

Подтверждение заказа

История заказов

Описание продукта

Галерея продукции

Быстрый просмотр продукта

Шаблоны отображения

Contoso_Default_Item_ProductDetails

Contoso_Default_Item_ProductGallery

Contoso_Default_Item_ProductQuickView

Control_KitRetailListWithPaging

Control_ProductVariants

Control_RetailListWithCarouselPaging

Control_RetailListWithPaging

Control_RetailListWithPagingNoCrt

Fabrikam_Default_Item_ProductDetails

Fabrikam_Default_Item_ProductGallery

Fabrikam_Default_Item_ProductQuickView

Filter_RetailMultiValue

Filter_RetailMultiValue_Body

GiftCard_Item_ProductDetails

GiftCard_ProductVariants

Item_KitComponentDetails_Contoso_Default

Товар_Рекомендуемый

Item_SelectComponentSubstitutesQuickView_Contoso_Default

Элементы управления / Веб-части

Корзина

Мини-тележка

История заказов

Адрес — отображение, редактирование

Клиент — показать, отредактировать

Список желаний

Категория посадки

Приветственный бар

Наличие товара в магазине

См. Также

Интернет-магазин

6 лучших онлайн-услуг по дизайну интерьера с параллельными сравнениями

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

Рид Роллс

Правильно для вас, если… Вы хотите работать с известным дизайнером с ограниченным бюджетом.

Стоимость: 299 долларов за номер для пакета Classic, который включает работу с подающим надежды дизайнером; 599 долларов за номер за пакет «Элит», который включает работу с опытным дизайнером; и 1299 долларов за номер для пакета «Знаменитости», который, конечно же, включает работу со знаменитым дизайнером.

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

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


Facebook / Havenly

Havenly

Подходит для вас, если … Вам нужно что-то доступное по цене, независимо от масштабов вашего проекта.

Цена: 79 долларов за Havenly Mini (для обновления помещения или добавления последних штрихов), который включает в себя несколько начальных дизайнов, окончательный дизайн, список покупок и беседу один на один с вашим дизайнером; и 129 долларов за Havenly Full за полную реконструкцию комнаты или проектирование комнаты с нуля, включая все вышеперечисленное, а также индивидуальный план этажа и визуализацию компоновки.

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

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


Facebook / Modsy

Modsy

Правильно для вас, если… Вы хотите 3D-рендеринг с пакетами по разной цене.

Стоимость: 159 долларов США за номер для пакета Premium, который включает работу один на один с дизайнером; и 269 долларов за пакет Multi-Room, чтобы работать сразу над тремя комнатами, один на один с дизайнером; и 499 долларов за пакет Luxe, который дает вам VIP-обслуживание и лучше всего подходит для крупных проектов или если вы хотите получить опыт, аналогичный работе с традиционным дизайнером интерьера.

Как это работает: 3D-рендеринг Modsy настолько реалистичен, что вы не поверите, что они ненастоящие — и это здорово, потому что это позволяет вам еще легче увидеть, какой именно будет ваша комната после того, как вы включите ваш новый дизайн.Чтобы использовать Modsy, вы сделаете несколько снимков своего помещения и отправите их вместе с измерениями. Затем вы пройдете тест по стилю Modsy и дадите им всю необходимую информацию о ваших потребностях, бюджете и всей имеющейся у вас мебели, которую вы хотели бы сохранить. Затем вы получите два индивидуализированных плана дизайна вашей реальной комнаты в 3D.

Оттуда вы можете работать с командой дизайнеров Modsy или использовать их редактор 3D-стилей, чтобы получить именно тот дизайн, который вам нужен, благодаря доступу к неограниченному количеству редакций.И, наконец, что не менее важно, как и другие услуги в этом списке, вы можете приобрести все, что вам нужно, простым универсальным способом покупки, получая при этом эксклюзивные скидки.


Предоставлено Room Lift

Room Lift

Подходит для вас, если … Вы любите просматривать образцы в реале, а не на компьютере.

Стоимость: 250 долларов за ящик для принадлежностей; 895 долларов за подъемник для одной комнаты двух разных конструкций; 1250 долларов США за ящик для комнатного лифта двух разных дизайнов и образцов; 1000 долларов за коробку Room Lift, если вы покупаете три или более, включая два дизайна и образцы со скидкой 20%.В каждом боксе Room Lift есть две 15-минутные консультации по телефону или электронной почте по поводу вашего дизайна.

Как это работает: Room Lift — это скорее бутик-сервис по доставке по почте, созданный дизайнером Меган Херш. Если вы выберете Room Lift, вы будете работать с самой Меган, чтобы создать комнату своей мечты. Первый шаг — заполнить анкету службы о вашем стиле, потребностях, бюджете и многом другом, включая загрузку фотографий вашего помещения. Вы также просмотрите подборку досок Pinterest, упорядоченных по стилю, и выберите две, которые больше всего соответствуют вашему личному стилю.В течение трех-пяти дней после оплаты вы получите черновой набросок плана этажа, который не в масштабе, и заполните правильные размеры в отмеченных местах. Примерно через две недели вы получите физический ящик для лифта, в комплекте с масштабным планом этажа, крошками краски, образцами ткани и обоев, и, конечно же, двумя (или тремя, в зависимости от выбранной вами упаковки) стоимостью дизайна бумажные карточки с изображениями продуктов, ценами и информацией о том, где их купить, а также примечания о стиле, чтобы вы могли их просмотреть.

После этого вы можете приобретать любые продукты независимо — просто перейдите к брендам на странице ресурсов Room Lift, чтобы сделать покупки. В отличие от других услуг в этом списке, Room Lift не дает вам возможности приобрести все предметы, которые вы хотите, из одной корзины покупок, но услуга предлагает доступ к скидкам, поэтому вы все равно можете экономить при покупке. Да, и если вы беспокоитесь об использовании бумаги, не волнуйтесь — Room Lift работает с организацией под названием One Tree Planted и жертвует, чтобы гарантировать, что дерево будет посажено в национальном парке за каждую отправленную коробку.


Facebook / Pottery Barn

Pottery Barn

Подходит для вас, если … Вы хотите бесплатно провести время один на один.

Цена: Pottery Barn предлагает совершенно бесплатную помощь от своих опытных дизайнеров для советов по стилю, планированию пространства или полной модернизации. За небольшую плату они даже помогут с установкой — в рамках партнерства бренда с Porch — если вам нужна помощь в установке телевизора, развешивании штор или покраске комнаты.

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

Что касается рекомендаций по продуктам, вы получите их только от компании. К счастью, это также включает в себя дочерние бренды, такие как Pottery Barn Kids и Teen, West Elm, Williams Sonoma, Mark & ​​Graham и Rejuvenation. Бонус: если у вас есть быстрый вопрос по дизайну, вы можете сразу же обсудить его в онлайн-чате с экспертом по дизайну.


Spacejoy / Instagram

Spacejoy

Правильно для вас, если … Вы ищете специализированный сервис с гарантией возврата денег.

Стоимость: 99 долларов за пакет Delight, который включает одну дизайнерскую концепцию для одной комнаты; 159 долларов за пакет Bliss, который дает вам две концепции дизайна для одной комнаты плюс рекомендации по окраске; 239 долларов за пакет Euphoria, который включает в себя две концепции дизайна для одной комнаты, а также рекомендации по окраске и предложения по обработке окон.

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

В итоге вы получаете настраиваемый список продуктов, которые можно полностью купить прямо через веб-сайт Spacejoy от таких брендов, как Wayfair, West Elm, Anthropologie, Target и других. Команда сервиса также ищет выгодные предложения, чтобы вы могли получить самые выгодные цены.Примечание. Если в какой-то момент вы останетесь недовольны процессом проектирования и захотите остановиться, они вернут вам деньги!


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


Подписывайтесь на House Beautiful в Instagram.

Бриттни Морган Редактор рынка, House Beautiful Бриттни Морган — известная русалка и Дева, склонная к ремеслам, красной помаде и покупающей слишком много декоративных подушек.Келли Аллен Келли Аллен — помощник редактора Delish & House Beautiful, где она освещает весь спектр новостей, включая продукты питания, образ жизни и путешествия.

Этот контент создается и поддерживается третьей стороной и импортируется на эту страницу, чтобы помочь пользователям указать свои адреса электронной почты. Вы можете найти дополнительную информацию об этом и подобном контенте на сайте piano.io.

Официальный сайт LIGNE ROSET — Мебель современного дизайна

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

Пожалуйста, проверьте свою покупку сразу после доставки. Если товар поврежден или неудовлетворителен, ваш местный продавец, отвечающий за ваш заказ, будет работать с вами, чтобы решить проблему, чтобы вы были удовлетворены квалифицированным ремонтом продукта, заменой деталей или обменом. Вы также можете связаться с нами по электронной почте [email protected]. Если вы получите поврежденный, дефектный или неправильный товар, мы будем работать с вами, чтобы все исправить.

Эти правила доставки, отмены и возврата действительны только для товаров, приобретенных на официальном сайте электронной коммерции Ligne Roset (www.ligne-roset.com/us) для рынка США.


Продукты быстрой доставки
Невозвращаемая комиссия в размере 15% применяется к возврату, отмене или изменению продуктов быстрой доставки. Полный возврат средств возможен только в том случае, если заказ отменен в течение 48 часов с момента его размещения. Стоимость услуги по доставке
White Glove не возвращается.Возврат должен быть получен в исходном состоянии в течение 30 дней. Заказы на кредитную карту будут возвращены в виде кредита на исходный счет.

Возврат принимается только на складе местного продавца. В самом магазине возврат не принимается. Чтобы сделать возврат, заполните форму возврата и отправьте электронное письмо по адресу [email protected]. Затем с вами свяжется магазин, ответственный за ваш заказ (-ы), и сообщит более подробную информацию.


Товары на заказ
Мы не принимаем никаких возвратов или обменов на мебель, сделанную на заказ, в том числе товары, не включенные в быструю доставку и / или товары, изготовленные по индивидуальному заказу (на ваш выбор отделки и ткани).
Отменить заказ можно только в течение 48 часов с момента его размещения. Если вы хотите отменить заказ, заполните форму Отмена и отправьте электронное письмо по адресу [email protected]. Затем с вами свяжется магазин, ответственный за ваш заказ (-ы), и сообщит более подробную информацию.

Полное руководство по архитектуре веб-сайтов электронной коммерции

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

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

И кому это нужно — особенно когда от этого зависят средства к существованию?

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

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

И давайте посмотрим правде в глаза: если покупатель каким-то образом найдет ваш веб-сайт, и он будет похож на супермаркет, который мы обсуждали, он уйдет и найдет прекрасный новый супермаркет.

Итак, как создать архитектуру веб-сайта, которая понравится поисковым системам и потенциальным клиентам?

Сильная структура веб-сайта помогает с…

SEO

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

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

Предотвращение каннибализации страницы

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

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

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

Шаг 1. Помогите пользователям найти то, что они ищут

Сохраняйте простоту — хорошая архитектура сайта начинается с краткой и очень, очень очевидной навигации.

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

Следующие функции навигации влияют на SEO в электронной коммерции и имеют решающее значение:

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

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

Функции поиска — Они очень полезны, опять же, даже в умеренных магазинах есть большой выбор продуктов, и если покупатель не может сразу увидеть то, что он ищет, панель поиска часто может быть вашей спасительной милостью и вероятно, их последняя попытка найти что-то, прежде чем наступит разочарование, и они нажмут ужасную кнопку «назад».

Структура домашней страницы — Домашняя страница — это ваш центр и место, куда большинство людей попадут в первую очередь. На вашей домашней странице должно быть все необходимое, чтобы подтолкнуть любого клиента в нужном направлении. Например, если они ищут популярные товары, новые товары или новую рекламную акцию, убедитесь, что вы показываете им это ясно и просто. Согласно HubSpot, 55% ваших посетителей проведут на вашем сайте менее 15 секунд. Таким образом, у вас есть всего 15 секунд, чтобы убедить более половины ваших пользователей остаться.Сделайте это.

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

— О чем спрашивают наши потенциальные клиенты перед тем, как прийти на место?

— Какая информация им понадобится, чтобы убедить их оставаться на месте?

Хотя это исследование кажется трудным, на самом деле это просто здравый смысл; подумайте о том, какие продукты или услуги вы предлагаете, и определитесь с мировоззрением вашего клиента: что бы вы искали и что вам нужно было бы увидеть, чтобы приобрести у конкретной компании?

Шаг 2. Структура URL


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

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

Ниже приведены факторы, которые рекомендует Google при выборе структур URL:

— Создавайте URL-адреса с логическим, естественным потоком.

— Используйте дефисы, а не пробелы подчеркивания

— По возможности старайтесь не превышать 70 символов.

Шаг 3. Отфильтрованная навигация

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

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

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

Если все делать правильно, значит, веб-сайты электронной торговли должны:

— Определите параметры URL, которые необходимы ботам для эффективного индексирования каждой страницы.

— Решите, какие параметры предоставят ценную информацию, и исключите те, которые вызовут проблемы с дублированием.

— Создание настраиваемых параметров для URL-адресов, которые включают дополнительные параметры, например rel = ‘nofollow’ внутренние ссылки или запретить robots.txt.

Шаг 4. Панировочные сухари

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

Использование панировочных сухарей:

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

— Улучшает обнаруживаемость различных разделов и страниц.

— визуально определяет местоположение пользователя на веб-сайте.

— Создает естественные внутренние ссылки сайта.

— Предлагает законную возможность получить ключевые слова на странице.

Шаг 5: разбиение на страницы

Для отображения продуктов на вашем веб-сайте у вас есть три варианта: разбиение на страницы, прокрутка до бесконечности без остановки пальца или опция «загрузить больше». Большинство дизайнов веб-сайтов электронной коммерции используют разбиение на страницы в качестве основного варианта.

Разбивка на страницы позволяет вам разделять контент вашего веб-сайта на более мелкие и мелкие куски, что дает пользователям возможность сократить бесконечные щелчки и пинг прямо для набора продуктов, которые они хотят видеть.Использование тегов rel = ’next’ и rel = ’prev’ указывает поисковым системам, что эти страницы связаны.

Шаг 6. Канонические теги У

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

Они в основном используются для страниц продуктов, но также неплохо использовать их для вариаций продуктов и нумерации страниц.

Следующая запись

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *