Рубрики
Кейсы

Создание онлайн-магазина с нуля. Успешный кейс. Советы по SEO.

В сентябре на площадке YouDo появился заказ на SEO оптимизацию сайта, продающего картриджи, бумагу и другую продукцию. Я откликнулся, так как изучаю e-commerce платформы в интернете.

Главная страница исходного сайта
Главная страница исходного сайта

У меня свое отношение к оптимизации сайтов для поисковых систем: решает только чистота кода, его уникальность. Все остальные действия, которые предлагают «специалисты», считаю крайне неэффективными. Такие как настройка Title и description страниц, размещение SEO текстов (набитых ключевыми словами), исправление ссылок и другие. Роботы они и на то роботы — смотрят только на код. Что может оказать реальное влияние на ранжирование в выдаче — знает только сам поисковик.

В данном случае, после изучения CMS («движка» сайта), после изучения воздействия нескольких лет «специалистов», я понял — все нужно делать с нуля. Почему? Ведь можно же исправить? Нет.

Страница товара (старая)
Страница товара (старая)

Представьте что вы поисковой робот Google. Что вы видите? Код. Какой он на этом сайте. С кучей ошибок, с кучей скриптов и плагинов, не уникальный (ведь таких сайтов на этой CMS десятки тысяч). В вашей базе миллионы сайтов. Что вы сделаете в конкретной выдаче по запросу «купить картридж»? Закинете этот сайт подальше — он же «скучный» и пытается вас обмануть.

Совет №1: Думайте как робот, если хотите достичь успеха в выдаче поисковых систем Yandex или Google. Не пытайтесь лукавить — код, он абсолютно прозрачен.

Каталог продукции (старый). Более 100 страниц подкатегорий индексируются поисковиками
Каталог продукции (старый). Более 100 страниц подкатегорий индексируются поисковиками

Ответ, почему нужно делать сайт с нуля:

  • Данная CMS перегружена, не дает возможности для модернизации, кругом костыли. Заказчик просто не заходит в админ-панель для работы с каталогом, для работы с базой клиентов. Из-за кучи лишнего он просто не хочет в этом разбираться.
  • Из-за первой проблемы возникает вторая — нет смысла улучшать плохой «фундамент» сайта. Требуется кардинально свежий взгляд, минимальный интерфейс для заказчика и для его клиентов.
  • Уникальность кода. Требуется сделать сайт на чистом HTML5, CSS и jQuery, так как задача изначально была в той самой «оптимизации» для поисковиков.
  • Мне хотелось сделать с нуля онлайн-магазин: клиентскую часть, корзину, админ-панель. Поехали!

Совет №2: Не бойтесь делать свое решение. Да, не будет уже готовых плагинов, таких как для CMS WordPress или OpenCart. Да, нужно во всем разбираться. Да, возможно сайт будет выглядеть не на миллион. И что? Главное — результат.

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

Главная страница нового образца. Современно, минималистично
Главная страница нового образца. Современно, минималистично

Что менялось и какие цели были поставлены:

  • Хотелось сделать минимум кнопок, минимум лишних деталей
  • Поиск на сайте должен работать! Он должен быть удобным и быть на самом видном месте. Вы бы пользовались старым поиском («Введите текст…»)?
Новый поиск с
Новый поиск с «умными» подсказками
  • Убрать серый цвет, использовать в интерфейсе 4 цвета «Бабочки». Оставляем и выделяем узнаваемую «Бабочку», как главный запоминающийся элемент
  • Магазин работает с 2009 года — пользователи должны об этом знать («10 лет на рынке»)!
Страница товара (новая)
Страница товара (новая)
  • Корзина должна быть всегда под рукой, закрепляем на экране снизу. Да, не наверху в меню как все привыкли. Компенсируем — кнопка большая, плавно меняет цвета (те самые 4 цвета «Бабочки»). При нажатии «Добавить в корзину» фото товара «летит» в кнопку, подсказывая следующий шаг клиенту
  • Убираем бестолковую кнопку «Купить в 1 клик», по нажатии которой открывается поп-ап с формой «захвата» телефона клиента. Сайт должен работать АВТОНОМНО. Вам, как исполнителю заказ должен приходить уже сформированным
  • Каталог переделал слегка. Главное отличие — страницы внутри (категории и подкатегории) не индексируются поисковиками. ЧТО?? Сделаем нормальные страницы товаров. Не нужно спамить сотней бессмысленных и не уникальных страниц — это будет только во вред. Куча бесполезного на сайте = спам = атака на доверие поисковика = сайт в выдаче даже не в ТОП 200
  • Корзина теперь понятная и не перегруженная. Подгружается в том же окне. Делаем обязательное поле «Телефон» — вот вам и пример покупки в 1 клик. В старой корзине была куча нелепых полей, на манер «Выберите страну»
Новая корзина
Новая корзина
  • Админ панель затачивается под заказчика. Минимум лишних деталей — максимум SEO.
Редактирование товара в Админ-панели
Редактирование товара в Админ-панели

Совет №3: Не ведитесь на «полезные предложения» «экспертов»: SEO-шников, SMM-щиков, маркетологов, многих директологов. Это все бред для выкачивания денег из неопытных. Делайте удобный и понятный инструмент для клиента.

Совет №4: Если вы наняли фрилансера или студию — не мешайте, не суетитесь. Так как вы выбрали специалиста, то пусть он делает свою работу. Как «нужно» никто не знает, но он все равно знает больше чем вы.

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

Автор: Николай Косарев

Основатель Студии. Пишу обо всем интересном, даю советы.

Бесплатная оценка

Интересно в каком состоянии Ваш сайт?
Проверьте прямо сейчас!

Облака

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

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