Как создать интернет-магазин: техническая сторона

Picture by Christina Morillo / Pexels

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

Домен и хостинг

Представим, что у вас уже есть сайт, но он еще не «загружен» в интернет. У него нет адреса. Покупатели не могут зайти на сайт, сначала его нужно где-то «поселить». Нужен домен и хостинг.

Что такое домен

Проведем аналогию. Допустим, вы собираетесь арендовать квартиру. Сначала смотрите адрес: в каком городе квартира, в каком районе. Допустим, вы живете в Киеве, а квартира — во Львове. Однозначно не подходит. А вот с районом будет сложнее: нужно, чтобы он и нравился, и удобным был, и по бюджету подходил. Так же и с доменом.

https://www.ukraine.com.ua/domains/

Доменное имя — это адрес вашего сайта в интернете. Домен состоит из двух частей. Первая — это обычно название компании. Вторая — доменная зона, она указывает на страну или сферу деятельности. Например, у сайта rozetka.ua «Розетка» — это название, а «.ua» — доменная зона. А вот у komiz.io название «Комизио», доменная зона .io входит в часть названия.

Для украинского ИМ подойдет домен .ua или .com.ua. Но имейте в виду, что для .ua нужна официально зарегистрированная торговая марка. Для работы на российском рынке выбирают домен .ru. Раньше были популярны «городские» домены: .od.ua, .kiev.ua. Но они потенциально ограничивают аудиторию, поэтому лучше выбирать что-то более глобальное, например, .com или .com.ua. Домен в зоне .com обычно означает коммерческую деятельность, для ИМ подходит идеально.

Есть и другие домены: .biz, .top, .xyz, .shop, .online и так далее. Одна из самых дорогих — зона .blackfriday. Есть и такие зоны, где интернет-магазинов не бывает. Это, например, домен .gov (для государственных организаций) и .edu (для образовательных учреждений).

Что такое хостинг

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

Оборудование в дата-центре, picture by Pixabay/Pexels

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

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

  • место на жестком диске (очевидно, что файлы огромного онлайн-маркетплейса lamoda.ua «весят» больше, чем файлы нишевого магазина носков mushka.com.ua);
  • страна размещения серверов (есть страны, которые требуют хранения баз на своей территории; если вы хотите работать на таком рынке, эти требования стоит учесть при выборе хостинг-провайдера; Украина к таким странам не относится);
  • цены и тарифные планы.

Наш опыт показывает, что надежный хостинг предоставляют провайдеры mirohost и Volia. Также вы можете ориентироваться на отзывы и рейтинги (например, Hosting Top-10).

В некоторых тарифных планах при оплате на год вперед бесплатно предоставляется домен в одной из зон: .com, .net, .org, .biz, .info, .com.ua, .kiev.ua, .ru, .рф.

Как выбрать хостинг

При выборе хостинга не зацикливайтесь на стоимости. В низком тарифе, скорее всего, предоставляется виртуальный хостинг (shared hosting), а не выделенный сервер (dedicated server). Он не выдержит даже 300 посетителей сайта в день. Несмотря на большие обьемы на HDD-диске, их ресурсов (CPU и RAM) не хватает для функционального движка магазина.

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

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

Из чего состоит ИМ (технический взгляд)

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

ИМ состоит из:

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

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

Если выберете платформу или разработку «под ключ» в студии, то получите готовый ИМ. Если же выберете «коробочное» решение или разработку на заказ (поэтапную), для всех задач придется искать исполнителей. Это дизайнеры, программисты. Вы можете, например, найти фрилансеров на бирже (Weblancer.net, Freelancehunt, FL.ru и так далее) или обратиться в студию.

https://freelancehunt.com/project/add

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

Платформы всех этих проблем лишены, а техподдержка доступна по звонку.

Дизайн интернет-магазина (технический взгляд)

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

Создание дизайна состоит из нескольких этапов:

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

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

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

Индексация интернет-магазина

Первое, что нужно сделать после старта, — открыть сайт для поисковых систем (Google, Яндекс и так далее), «сообщить» им, что открылся новый ИМ. Пока поисковик о вас не знает, он не сможет показывать сайт пользователям, которые ищут ваш товар.

Для начала нужно понимать, как работают поисковые системы. Существуют специальные программы — поисковые роботы. Они сканируют все страницы в интернете и индексируют их по определенным алгоритмам. Когда пользователь вводит запрос в строке поиска, он получает целый список ссылок на ресурсы. Если в ИМ есть соответствующая страница (и поисковик знает о существовании ИМ), тогда она появится в этом списке.

Скорость индексации зависит от количества товаров, для сайтов с 15 000 и более товаров может занимать от 2 месяцев и более.

Можно, конечно, просто разместить сайт на хостинг и ждать, пока поисковый робот проведет индексацию. Но лучше сделать это самостоятельно. Прежде всего, не забудьте открыть сайт для индексирования в файле robots.txt. Именно через него поисковые боты получают важную для индексации информацию. Дальше нужно добавить ссылку на интернет-магазин в основные поисковые системы — Google и Яндекс. В этом помогут Google Search Console (бывший Google Webmaster Tools) и Яндекс.Вебмастер.

https://search.google.com/search-console

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

SEO vs. Google Ads

Дальше нужно привлекать покупателей на сайт. Для этого стоит заняться поисковой оптимизацией контента и контекстной рекламой.

Поисковая оптимизация (SEO) — это процесс, который помогает улучшить «видимость» сайта для поисковиков. Грамотная SEO-оптимизация может вывести сайт в топ-10 выдачи.

SEO-оптимизация бывает:

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

Подобрать ключи для внутренней оптимизации помогает Google Keyword Planner, Yandex.Wordstat и другие инструменты. При этом алгоритмы и правила SEO постоянно меняются. То, что сегодня выводит вас на топовые позиции, завтра может обернуться черным списком поисковых систем.

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

На старте лучше воспользоваться Google Ads (бывший AdWords). Это сервис контекстной рекламы от Google. Поисковик будет за деньги показывать ваше рекламное объявление тому пользователю, который ввел запрос. Например, он пишет «купить газонокосилку онлайн» — и видит рекламную ссылку на ваш магазин газонокосилок.

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

Технический функционал ИМ

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

  • Служба обработки онлайн-платежей
  • Интеграция со службами доставки
  • Учет остатков
  • Интеграция с сервисами рассылок (email-, SMS-, push-уведомлений)
  • Интеграция с соцсетями
  • Интеграция с системой бухгалтерского учета (на более поздних этапах)
  • Печать накладных поставщикам (упростит жизнь, пока нет бухгалтерии)
  • Гибкая система импорта (без привязки к определенным форматам) с Excel — поможет быстро менять цены, используя информацию из файлов поставщиков

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

Подведем небольшой итог по запуску интернет-магазина.

  1. Выбираем движок (платформу) — в зависимости от требований, которые мы себе составили.
  2. На основании выбора делаем вывод о необходимости хостинга и выбираем его под нужды движка (у всех движков разные требования к системной и программной части хостинга).
  3. Ищем исполнителей, согласовываем техническое задание (какой функционал нужен) и график работ.
  4. Пока идут работы над дизайном и версткой, регистрируем домен и решаем административные вопросы. В случае с платформой можно сэкономить время и начать наполнение товарами, пока ведутся технические работы над дизайном и модулями. Запускаем сайт.
  5. Проводим индексацию.
  6. Запускаем контекстную рекламу (Google Ads), и только по результатам нескольких кампаний можем стартовать с SEO-оптимизацией.

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

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