Разработка сайта для онлайн-аптеки: сначала SEO-архитектура, потом дизайн, красота и кнопочки

Аптечная сеть планировала вывести бизнес в онлайн и сделать интернет-магазин с доставкой препаратов на дом.

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

При разработке сайта обычно допускают такие ошибки:

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

Это шаги, которые рекомендуем проходить для создания правильной SEO-архитектуры сайта:

Теперь подробнее на примере онлайн-аптеки.

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

В случае с онлайн-аптекой нужно было адаптировать каталог под несколько групп пользователей и сценариев:

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

Домен — имя для сайта. Его регистрируют, а потом продлевают. Если не продлить домен, он освободится, и любой желающий сможет его зарегистрировать снова.

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

План такой:

Анализ поискового спроса помогает определить сезонность разных товарных групп и понять, какие товары пользователи ищут чаще всего. Например, видно, что пик спроса на антигриппин — осень и весна:

Динамика спроса по антигриппину из Вордстата

Благодаря анализу можно сформировать ассортимент магазина — сделать упор на популярные товары или заранее подготовиться к сезонному росту спроса.

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

Парсинг помогает:

В нашем случае оказалось, что все сущности нужно максимально разъединять. Например, у каждого препарата есть характеристики «бренд» и «страна». Их нужно помещать в разные ячейки базы. Вместо «Эвалар, Россия» → «Эвалар», «Россия». В будущем этими характеристиками будет удобнее управлять и подключать их к новому функционалу, например чтобы выводить значения в теге Title или метатеге Description.

А еще мы зафиксировали:

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

В фарм-тематике огромное количество запросов. С помощью Вордстата, тематических баз Just-Magic, анализа конкурентов Spywords мы получили более миллиона запросов.

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

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

Давайте посмотрим, как составляли маску запроса, на примере Ацикловира.

У препарата есть характеристики:

форма выпуска — таблетки,

количество — 20 шт,

доза действующего вещества — 400 мг,

название Ацикловир-Акрихин,

категория — противовирусное средство,

действующее вещество — ацикловир.

Составляем маску запроса:

Ацикловир, Aciclovir (Название действующего вещества на кириллице и латинице)

или

Ацикловир, Aciclovir, Zovirax, Зовиракс (Название препарата на кириллице и латинице + cинонимы. аналоги от различных производителей)

+

Для детей, взрослых (предназначение по возрастно-половому признаку)

+

200 гр, 400 гр (Доза/объем действующего вещества)

+

Таблетки/Мазь/Капли (Форма выпуска)

+

15 таб., 30 таб. (Объем выпуска)

+

Цена, сколько стоит / Купить, Заказать / Интернет-магазин / в Москве (маркеры намерения покупки)

+

Отзывы (маркер намерения узнать больше о препарате, затем, возможно, купить)

+

Инструкция (маркер намерения ознакомиться с инструкцией, затем, возможно, купить)

+

Аналоги (маркер намерения узнать/купить альтернативу)

Структура сайта состоит из типовых страниц и индивидуальных. На выходе получается дерево страниц.

Не все типовые страницы используются как посадочные. Бывают разводящие и промежуточные страницы. Они важны для SEO, но пользователи их не замечают. К примеру, вот разводящая страница на сайте «Пилюли», а это разводящая на сайте «Аптека».

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

В структуре аптеки было три каталога:

Их корневые страницы стали разводящими.

Теперь на примере покажем основные коммерческие типы страницы.

Показываем сокращенную версию структуры сайта.

Примеры запросов:

Каталог брендов и производителей. Пример URL: https://domain.ru/brands/

Корень каталога брендов/производителей. Пример URL: https://domain.ru/brand/acuvue/

Отзывы. Пример URL: https://domain.ru/brand/acuvue/otzyvy/

Производитель. Пример URL: https://domain.ru/manufacturer/bayer/

Каталог товаров

Корень каталога категорий. Пример URL: https://domain.ru/catalog/

Категория. Пример URL: https://domain.ru/catalog/sredstva-uhoda-za-polostju-rta/

Корень каталога тегов. Пример URL: https://domain.ru/tags/

Тег. Пример URL: https://domain.ru/tags/sredstva-uhoda-za-polostju-rta-dlja-detej/

Категория + Бренд. Пример URL: https://domain.ru/catalog/sredstva-uhoda-za-polostju-rta/lacalut/

Корень каталога товаров. Пример URL: https://domain.ru/products/

Товары новые: https://domain.ru/products/novinki/

Товары со скидкой: https://domain.ru/products/so-skidkoj/

Товары популярные, https://domain.ru/products/populjarnye/

Товар. Пример URL: https://domain.ru/products/XXXX-zyrtec-tabletki-pokryt-plen-ob-10mg-20sht/

Отзывы. Пример URL: https://domain.ru/products/XXXX-zyrtec-tabletki-pokryt-plen-ob-10mg-20sht/otzyvy/

Инструкция по применению. Пример URL: https://domain.ru/products/XXXX-zyrtec-tabletki-pokryt-plen-ob-10mg-20sht/instrukcija/

Аналоги. Пример URL: https://domain.ru/products/XXXX-zyrtec-tabletki-pokryt-plen-ob-10mg-20sht/analogi/

Для раздела «Лекарственные препараты» нужно учесть вариативность типовых точек входа в каталог. Вот основные точки входа:

Фармакологические группы (например диагностические, противомикробные, нейротропные, метаболики). База: https://www.rlsnet.ru/fg.htm.

Справочник заболеваний (например панкреатит, кератит, обветривание). База: https://www.rlsnet.ru/mkb.htm.

АТХ классификатор (например нервная система -> анестетики, анальгетики). База: https://www.rlsnet.ru/atc_tree.htm.

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

Блог. Пример URL: https://domain.ru/blog/

Рубрика. Пример URL: https://domain.ru/blog/muzhskoe-zdorovje/

Статьи. Пример URL: https://domain.ru/blog/XXXX-5-prichin-dolechitsja-dazhe-esli-nichego-ne-bolit/

Каталог заболеваний: https://domain.ru/zabolevanija/

Группа заболеваний. Пример URL: https://domain.ru/zabolevanija/gastroenterologja/

Заболевание. Пример URL: https://domain.ru/zabolevanija/pankreatit/

Пользовательские страницы (URL)

О компании. Пример URL: https://domain.ru/o-kompanii/

О проекте. Пример URL: https://domain.ru/o-proekte/

О команде. Пример URL: https://domain.ru/o-komande/

Словарь терминов. Пример URL: https://domain.ru/glossarij/

Карта сайта. Пример URL: https://domain.ru/karta-sajta/

Пользовательское соглашение. Пример URL: https://domain.ru/polzovatelskoe-soglashenie/

Политика конфиденциальности. Пример URL: https://domain.ru/politika-konfidencialnosti/

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

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

В вайрфрейм заложили:

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

Чтобы не было страниц-дублей, мы сразу задали жесткие правила переадресаций.

Переадресация с неосновного протокола на основной:

http://domain.ru/ -301R-> https://domain.ru/

С неосновного домена на основной:

https://*.domain.ru/ -301R-> https://domain.ru/

В том числе в комбинации с протоколом:

http://*.domain.ru/ -301R-> https://domain.ru/

Слеш на конце URL:

htps://domain.ru/brands/acuvue  -301R-> https://domain.ru/brands/acuvue/

Доступность сайта по IP-адресу:

81.193.159.26 -301R-> https://domain.ru/

Преднамеренное или случайное изменение URL, если кто-то удалит часть символов:

https://domain.ru/index.html

https://domain.ru/abcd

https://domain.ru/brands/acusudhfvue/

Мы попросили разработчиков не использовать AJAX/JavaScript, Flash, Iframe в функционале сайта, потому что это затрудняет его восприятие поисковыми системами.

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

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

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

Мы проанализировали внешние ссылки основных конкурентов, разбили источники на типы и получили такую картину:

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

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