Продвижение интернет-магазина органических товаров «БиОрганик»

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

• склейка домена (с www и без),
• закрытие от индекса мусорных и ненужных страниц, 
• составление robots.txt, 
• генерация sitemap.xml,
• анализ и доработка кода шаблонов, 
• тестирование форм и элементов юзабилити (типа кнопок купить, заказать в 1 клик),
• доработка скорости загрузки страниц.

Отдельно были сформированы задачи по seo:

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

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

При разработке интернет-магазина всегда возникает множество моментов, которые необходимо править. И хотя сайт выкатывался максимально доработанным, периодически возникали правки именно для Seo технического характера, которые мы исправляли/внедряли:

• чистка сайтмапов от 404,
• чистка индекса от ненужных урлов с параметрами вида https://beorganic.ru/bitrix/urlrewrite.php?SEF_APPLICATION_CUR_PAGE_URL=/catalog/organicheskoe/spirulina_khlorella/ , https://beorganic.ru/bitrix/urlrewrite.php?SEF_APPLICATION_CUR_PAGE_URL=/catalog/zdorovie/balzamy_geli_mazi/838/,
• замена кнопки «Корзина» на «Купить»,
• настройка Last-Modified и If-Modified-Since на сервере,
• разработка функционала бонусов,
• формирования фида товары и цены для Яндекса,
• доработка сео-фильтра в листинге (приведение полей к единому оформлению, добавление дополнительных параметров фильтрации).
  

SEO-оптимизация:

• навешивание шаблонов мета-тегов для разных типов страниц,
• продвижение группы «Аюрведа» на главную страницу,
• доработки на листингах:

— ввод статуса «В наличии» у товаров в анонсах (был статус «Много»),
— вывод части текста на страницах ДО листинга,
— формирование срезов по бренду внутри разделов с чпу, https://beorganic.ru/catalog/organicheskoe/poleznye_sladosti/royal_forest/ с оптимизацией мета-тегов,
— скрытие текстов на страницах фильтрации, которые передавались с основных разделов.

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

Основные работы были с шапкой как для ПК, так и для мобильной версии. 

ПК:

• сделали все номера телефонов видимыми сразу, раньше прятали в выпадашку 

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

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

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

• Аналогичным образом вывели отдельным разделом «Благовония».

• В пункте меню Бренды в основном меню, который был просто ссылкой на раздел, сделали выпадашку, куда выводятся самые популярные бренды товаров.

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

На страницах листингов (разделов каталога) сделали как сео-правки, так и визуальные доработки:

• Увеличили количество товаров до 40 вместо 20.
• Настроили подсчет количества товаров на листингах, чтобы сформировать переменную, которую можно выводить в мета-теги, что сделает их динамическими, так как база товаров обновляется. В title добавили вывод в конце количества товаров в формате «15 товаров».
• На листингах в превью товаров вывели страну и бренды.

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

Товарная страница претерпела самые большие изменения, особенно в визуальном виде. Большинство изменений пришлось на мобильную версию. Что было сделано:

1. Подняли основной контент вверх экрана, убрав вспомогательные элементы:

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

2. Убрали текст анонса в начале страницы, так как он дублировался из основного описания.

3. Сделали вывод 2-х цен, если есть скидка: старой и новой.

4. Сделали цену и бонусы более заметными элементами за счет выделения цветом.

5. Вывели количество покупок данного товара.

6. Сделали новый блок из 2-х вкладок с условиями доставки и скидками.

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

8. Добавили блок внизу страницы «Рекомендуемые товары».

9. «Доработали блок описания товара — увеличили количество вкладок, чтобы разделить информацию на отдельные смысловые блоки для удобства восприятия. К вкладкам «Описание», «Состав», «Отзывы» добавились «Характеристики» и «Инструкция». 

• Доработали мета-теги на страницах брендов: обновили правила, в том числе сделали возможность добавления мета-тегов руками, чтобы можно было добавлять названия и в русском, и в английском написании.
• Доработали вывод превью брендов: в старой версии логотипы были очень маленькие, без подписей названий брендов, что затрудняло их чтение. Логотипы сделали более крыпными и вывели названия самих брендов со ссылками на страницы брендов.

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

• Убрали выпадающие крошки.

• Убили в 404 урлы формата https://beorganic.ru/bitrix/rk.php?goto=https://www.pornko.net/phoenix-marie-bridgette-b.html.
• Кнопка купить на листингах и товарах была завернута с тег noindex — убрали его. 
• Почистили код шаблонов: у картинок товаров в превью атрибут title полностью дублировал название товаров на листингах, помимо того, что это же название выводится и в атрибут alt, поэтому оставили только заполненными альты.
• Поправили код меню каталога: в каждой ссылке меню был прописан атрибут title, который дублировал названия пункта меню, такое почистили.
• Настроили редиректы для несуществующих страниц пагинации.
• Доработали микроразметку: на страницах брендов вывели названия, картинки и description; на на страницах товаров поправили description — сделали его более короткими, так как изначально туда выводился весь текст со страницы; исправили ошибки в разметке крошек.
• Настроили мета-теги по правилам на страницах пагинации, чтобы они были уникальными.

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

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

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

Отдельной большой технической работой была доработка скорости загрузки страниц. Здесь мы добились хороших показателей.

Главная страница ПК: 

• было 50
• стало 93

Главная страница мобилка: 

• было 43
• стало 81

Страница раздела каталога ПК: 

• было 72
• стало 92

Страница раздела каталога мобилка: 

• было 28
• стало 88

Страница товара ПК: 

• было 62
• стало 88

Страница товара мобилка: 

• было 15
• стало 54

Работа над проектом ведется постоянно. Из ближайших работ планируем реализацию тегового блока на страницах товаров:

Из регулярных работ:

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

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