Cоздание сайта для интернет-магазина

Количество покупок в интернете растет с каждым годом. Клиенты не спеша могут выбрать нужный товар в сети, изучить отзывы, сравнить с аналогами и при необходимости прийти в оффлайн-магазин. Наиболее популярными товарами, продающимися через сайты, стали бытовая техника и электроника. Есть небольшая часть потребителей, которая предпочитает посмотреть товар на месте, удостовериться в исправности. Большинство же предпочитает купить на 20-25% дешевле по интернету. Среди услуг пользуется популярностью доставка еды. Заказать обед домой или в офис быстрее и дешевле, чем пойти в магазин или кафе.

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

С онлайн-магазина удобно начинать бизнес:

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

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

Выбирая товар для реализации — нужно решить задачу по созданию сайта.

1. При самостоятельной сборке интернет-ресурса требуется наличие технических навыков. Необходимо выбрать домен и хостинг для него. Далее нужны установка, настройка и ведение CMS ( системы управления контентом). Зато сам ресурс создается бесплатно.
2. Установка готового конструктора сайта, предоставляемого специализированными сервисами обойдется несколько дороже. Однако с технической частью разобраться в этом случае проще. Минус в шаблонности сайта. Для небольшой компании подобный вариант удобен. Крупной лучше обратиться к web-студии.
3. Индивидуальный проект от web-студии — самый дорогой вариант по созданию и поддержанию сайта.

В зависимости об объема продаж магазины могут быть

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

Технические советы по созданию онлайн-магазина самостоятельно

По широте ассортимента интернет-магазины делятся на два вида.

Монотоварные, на которых продается один товар.

Это лендинги (Landing page). Такой сайт несложно создать самому. Этот вид сайтов называют посадочной страницей. Несмотря на простоту исполнения, его контент подчиняется правилам. Содержание должно быть релевантным — соответствующим ожиданиям клиентов. Перейдя по ссылке с рекламой игрушек, покупатель должен увидеть именно игрушки. Заголовки должны заинтересовывать содержанием и контрастным цветом. Кнопка «купить» обязательно делается яркой. В тексте всегда присутствует призыв к покупке или заказу услуги. Лендинг не должен быть перегружен информацией и большим количеством изображений. Мигающие на одностраничнике картинки вызывают желание немедленно покинуть сайт. Такой вид часто имеют ресурсы, предлагающие сомнительные услуги.

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

С помощью Lpgenerator владелец магазина сам создаст лендинг, выбрав из 300 шаблонов. Конструктор позволяет управлять лидами, проводить A/B тестирование, а также имеет другие опции.

Простой и удобный конструктор Flexbe предлагает тестирование своей бесплатной версии в течение 14 дней. Бюджетный тариф дает право создать 10 страниц на одном домене. Также включает 250 смс-уведомлений. свой почтовый ящик, бесплатный домен, техническую поддержку. В более дорогой тариф, который не сравнится с заказанным в веб-студии сайтом, входит 100 смс. Количество доменов и страниц сайтов не ограничено. Посадочная страница создается на этом конструкторе самостоятельно за 10 минут.

Конструктор LPTrend предлагает 61 шаблон для лендинга. В качестве функционала вкладка «полезные сервисы», возможность A/B тестирования. Дается пробный период на 15 дней. С премиум-тарифом вы самостоятельно создадите неограниченное число посадочных страниц.

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

Конструктор Tilda имеет модульную систему. Популярный сервис.

Бесплатные конструкторы лендингов предлагают сервисы:

• ru. wix. com;
• landingi. ru;
• setup. ru.

Многостраничные сайты-каталоги, они же сайты-витрины.

Имеют широкий ассортимент товаров и развитую архитектуру. Требуют регулярного обновления ассортимента и цен. Для их создания требуются cms.

К бесплатным cms (системам управления содержимым) относятся:

• OpenCart
• WordPress
• Joomla;
• Drupal;
• Instant CMS;
• phpBB.

Платные cms:

• 1C bitrix;
• osCommerce;
• UMI. CMS.

В России наиболее популярны WordPress, OpenCart и 1C Bitrix.

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

• Сайты с любой архитектурой можно создавать с помощью Wix. com. Благодаря профессиональному уровню конструктора вы сделаете как лендинг, так крупный интернет-магазин.
• Самостоятельное создание сайтов разного уровня возможно также с сервисом Nethouse. Платная версия включает в себя стоимость домена. Имеет простые шаблоны с большим набором функций.
• За небольшую плату создать сайт самому довольно просто на конструкторе Setup. Он не требует дополнительных вложений для seo и подбора индивидуального дизайна.
• Функцию загрузки собственного уникального шаблона имеет Jimdo. com. В конструкторе также большое количество готовых шаблонов. Среди плюсов: достаточно настроек и нет рекламы.
• Конструктор uKit обладает простым интерфейсом и подробной аналитикой. Сайт, созданный на этом сервисе удобен для seo-продвижения.
• Множество вариантов дизайна дает создать Ucoz. ru. Популярный конструктор с оперативной технической поддержкой. Позволяет делать сайт на собственном домене. Дополнительный возможности по минимальным ценам.
• Конструктор UMI интегрируется с 1С. Бесплатная версия имеет небольшое количество функций. Цены на сервис средние. Высокая стоимость смены хостинга сайта.

Только платные версии у конструкторов:

• Redham с готовыми шаблонами. Удобный сервис по средней стоимости. Можно брать свой шаблон.
• российского А5 с высокой платой за интернет-магазин.

Традиционно покупатель заказывает товар онлайн, компания-владелец интернет-магазина везет его со склада клиенту. Возможен вариант доставки со склада в торговую точку с последующим самовывозом. Для редких товаров, например, узкоспециализированного оборудования, этот вариант обычно не применяется. В подобных случаях магазин забирает нужное количество продукции у поставщика. Склада при этом у торгового предприятия нет. Иными словами это дропшиппинг-бизнес — перепродажа. Он возможен и для более распространенных товаров. В таком случае важна скорость доставки конечному потребителю. Посредник при этом зарабатывает от 20% до 100%, в сравнении с ценой производителя.

Создание интернет-магазина возможно практически с нуля, с минимальным стартовым капиталом. Это возможно, если многие функции выполнять самому:

• создание, наполнение и администрирование сайта;
• ведение учета товара в 1С;
• доставка клиентам;
• реклама и продвижение.

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

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

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

• PhpDesigner;
• Adobe Dreamweaver;
• Notepade ++;
• Adobe Muse;
• Balsamiq Mockups.

Компании нужен логотип. Это лаконичное изображение, отражающее суть деятельности. Максимально простой и запоминающийся с минимумом цветов. Его исполняют в векторных графических программах, таких как Corel Draw. Логотип размещают на главной странице. Что еще должно быть на главной?

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

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

В создании текста для сайта пригодятся

• — CSS (язык для создания стилей, цветов, шрифтов);
• — и HTML (язык гипертекстовой разметки страницы).

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

• Intro Condensed;
• Vollkorn;
• Fowviel;
• Nord;
• Yeseva;
• GNUTypewriter;
• Monitorca;
• SCHIST;
• Casper;
• Forum.

Подборка удобных для чтения шрифтов на латинице:

• Georgia, разработанный для сайтов, хорошо читаемый даже при малых размерах букв;
• напоминающий шрифт учебной литературы FF Meta Serif;
• Helvetica, самый популярной у дизайнеров;
• FF DIN, первоначально украшавший дорожные знаки и номера квартир;
• FF Tisa, еще один хорошо читаемый шрифт в любых масштабах букв;
• придуманный не так давно, в 2006 году, Droid Sans, предназначавшийся для экранов смартфонов;
• бесплатный Calluna.

Названия страниц должны иметь не только дружественный. но и отражающий широкое значение темы URL:

• неудачный: https://robo4678kyl
• удачный: https://ноутбуки_леново.

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

Код страниц пишется еще до создания сайта. Он должен быть «чистым»:

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

Самостоятельное продвижение онлайн-магазина

1. Для SEO-продвижения требуется употребление ключевых слов, по которым пользователь ищет товар. Важно не злоупотреблять ими, чтобы поисковые системы не блокировали ресурс за переспам. Их обязательно употреблять в заголовках и названиях страниц.
2. «Яндекс» и «Гугл» ищут ресурс по ссылкам. Кроме внутренних с одной страницы сайта на другую, должны быть внешние. Это ссылки на сайт с других сайтов и соцсетей. Можно договариваться об обмене ссылками или покупать на биржах. Среди известных бирж ссылок: miralinks и gogetlinks.
3. Пассивное добавление в индексацию поисковиков Google и «Яндекс» не требует специальных навыков. Достаточно добавить информацию о своем сайте через их сервисы AddURL. Единственный минус — результат индексации будет не сразу.
4. Публикация полезной информации с сайта в соцсетях. Наиболее эффективно продвигает онлайн-ресурсы твиттер. Однако не стоит забывать о фейсбуке и ВКонтакте.

Удобство онлайн-магазина для покупателей

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

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

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

Вопросы и ответы

Продвигаешь свои товары и услуги в интернете? У нас для тебя еще больше инструментов, лайфхаков и вдохновения на Яндекс.Дзен.Подписывайся!