Как вывести разделы из фильтра Яндекса

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

Проверка url 8 июля
Проверка url 8 июля

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

Проверил разделы в Гугле — все нормально.

Что делать? Как вернуть категории из фильтра Яндекса?

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

Вернемся к нашим баранам

Сегодня сел писать статью с хорошим настроением, т.к. 21-го июля проверял страницы и 2 из них Яндекс опять вернул в поиск! Вот скрин проверки раздела:

Проверка Яндекса 21 июля
Проверка Яндекса 21 июля

Думаю, отлично, напишу статью про то, как я смог опять понравиться Яндексу. Да не тут то было, проверка 31 июля показала, что раздел опять исключен из поиска.

Проверка 31 июля
Проверка 31 июля

Что делать? Как вернуть раздел обратно?

После первого обнаружения наложения фильтра на раздел я сделал следующее:

  1. Изменил текст в конце страницы и в ее начале, т.е. сделал более читабельный текст, соответствующий тематике страницы, т.к. текст не менялся лет 5.
  2. Добавил в подразделы строку с Цена от и до… (раньше этого не было)
  3. Добавил с форумов несколько ссылок на эту страницу (4 шт.)

Скорее всего дело в добавленных ссылках, т.к. 21-го июля, когда раздел опять вернулся в базу яндекс, внешних ссылок было всего 2, сейчас (31-го июля) показывает 7.

Может кто-то встречался с такой проблемой? Что подскажете?

Нужен ли слайдер в интернет-магазине

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

Конечно же, не забыл настроить utm-метки на каждом слайдере, чтобы можно было отследить клики на слайдеры и дальнейшие конверсии.

И что вы думаете? Проверив слайдеры через некоторое время я обнаружил потрясающую эффективность!

Во первых: на слайдеры нажимали, а это уже хорошо. Значит их смотрят и листают.

Во вторых: на один из слайдеров не только нажимали, но и были конверсии. Вот скриншот Google.Analitics

Слайдер в интернет магазине
Слайдер в интернет магазине

Да, это были нажатия на первый слайдер в карусели, на другие нажимали не так часто и там не было конверсий, но какой эффект!

На какие страницы ведут слайдеры

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

Второй слайдер ведет просто на раздел сайта, который нам интересен (переходов нет)

Третий слайдер информирует о подарках при покупке определенных товаров (всего два перехода)

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

Переходы с мобильных и с обычных ПК, что эффективней

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

Переход на слайдер с мобильных устройств
Переход на слайдер с мобильных устройств

Мобильную версию сайта я сделал примерно около года назад (40% посетителей с мобильных устройств — срочно делаем адаптивный дизайн) — эффект налицо!

Конечно, имеет смысл поэксперементировать с очередностью слайдеров, но не сейчас. Как говорится: «Не чеши, пока не чешется».

Вывод: Делать окончательный вывод пока рано, так как пока нет нормальной статистики, тем не менее уже однозначно понятно, что слайдер в интернет магазине — эффективная вещь, которую обязательно нужно использовать. А вы со мной согласны?

Понравилась статья, подписывайтесь на блог в форме ниже или нажмите нравится в моей странице на Facebook


 

 

Результаты A/B тестирования

Пришло время подвести итоги A/B-тестирования. Код для простого A/B-теста и сами тестируемые элементы можете почитать в статье: A/B-тестирование своими силами — простой php-код.

Тестировались различные варианты цветов кнопок в различных областях страниц сайта. Разделим кнопки на 2 типа:

1-й тип — кнопки относятся к заказу товара и находятся в основной области видимости карточки товара, названия кнопок «Добавить в корзину»,  «Купить за 1 клик».

A/B-тест заказ товара

2-й тип — кнопка «Заказать звонок», находящаяся в нижней части страниц (карточка товара, статья, страницы о доставке).

A/B-тест заказ звонка

Тестирование проводилось в течении месяца.

В итоге получились очень интересные и вполне объяснимые результаты:

  1. Показатель нажатий на серую и синюю кнопки 1-го типа составил: 52% и 48% соответственно. Т.е., это говорит о том, что если посетитель собирается сделать заказ, то он его сделает и цвет кнопок не будет играть для него большой роли (в данный момент я плотно работаю с дизайнером, он также подтверждает этот факт).
  2. Показатель нажатий на серую и синюю кнопки 2-го типа составил: 25% и 75% соответственно. Это говорит о том, что цвет кнопок в данном случае играет очень важную роль. Т.е. в конце страницы яркая кнопка «зацепляет» внимание посетителя и побуждает его совершить конверсию (нажать на кнопку «Заказать звонок»).

Так, A/B-тест, казалось бы, совсем незначительного элемента, цвета кнопки, показал совершенно различные результаты.

Так получилось, что как раз в момент проведения A/B-теста дизайнер работал над сменой некоторых элементов сайта. В итоге мы изменить на сайте следующее:

1-й тип кнопок мы сделали в разных цветах, тем более это прекрасно вписывалось в общую картину карточки товара. Кнопка «Добавить в корзину» была сделана в оранжевом цвете, копка «Заказать в 1 клик» в сером.

A/B-тест результат

2-й тип кнопок остался в лучшем по тесту (синем) цвете, также, мы немного изменили выделение самого блока размещения кнопки.

A/B-тест результат 2
Вывод: A/B-тестирование действительно приносит результаты и довольно просто реализуется, обязательно буду использовать в дальнейшей работе.
Было бы интересно узнать результаты Ваших A/B тестов, если они проводились. Если нет, пишите, попробуем вместе.

Понравилась статья? Подписывайтесь на новые, будет еще интересней:


 

Переезд на новую CMS интернет-магазина на практике

Подготовка к переезду!

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

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

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

Для начала расскажу, что нужно сделать, чтобы нормально «переехать».

1. Конечно же, сначала нужно хорошенько проверить все ссылки на новом сайте. Битых, неработающих и ведущих вникуда ссылок быть не должно. С этой точки зрения все должно быть идеально.

2. Настраиваем 301 редирект, делается очень просто, в файле .htaccess нужно перенаправить каждую ссылку со старого адреса на новый:

Redirect 301 /старая ссылка.html /новая ссылка.html

Чтобы перенаправить все ссылки и ничего не забыть мы проделали несколько шагов:

1. сначала мы написали перенаправления для всех категорий нового сайта;

2. затем, рассмотрели все активные ссылки за последние полгода в Google.Analitics. Оказалось, что мы забыли добавить на новый сайт еще массу страниц, которые были в индексе и приносили трафик. Кроме этого, в индеске были те страницы, которых нет на новом движке. Например: на старом движке были отдельные страницы на отзывы о товарах, на новом движке отзывы были в самой карточке товара. Страницы с отзывами мы просто перенаправляли на карточки товара.

Перелопатить пришлось около 1500 ссылок, но что делать, без этого никуда не уйти.

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

Ура!!! Пока все работает!!! Ждем результат…

Выбор движка (CMS) с адаптивной версией для интернет магазина

При поиске движка для интернет магазина я отталкивался от следующих принципов:

1. Должны быть темы с адаптивным дизайном, которые можно просто переверстать.

2. В темах должны поддерживаться снипеты с микроразметкой.

3. У движка должна быть поддержка, чтобы можно было в случае чего обратиться за помощью.

4. Не высокая цена.

5. CMS должна быть удобной и современной.

Как мне показалось, все эти требования я нашел в CMS VamShop2.

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

Расписывать плюсы и минусы данной CMS не буду, это можно почитать на сайте продавца. Но самый главный плюс в том, что в разобравшись, через 2 месяца после покупки я уже перевел сайт на новый движок! Если бы в движке не поддерживались пункты 1-3, вряд ли можно было все это сделать за такой короткий срок.

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

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

 

Если по правильном, все нужно стараться делегировать, это быстрей и правильней. Но, есть вещи, которые я не могу кому-то передать. Будем говорить — это проверка меня на проф. пригодность.

Сделав работу сам, я в очередной раз убедился в своей профпригодности! В следующей статье, о подготовке «переезда» сайта в новый дом!

40% посетителей с мобильных устройств — срочно делаем адаптивный дизайн!

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

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

Прошло время… И где-то год назад, после посещения семинара Гугл, я стал задумываться о необходимости мобильной версии сайта. Тем более, по результатам google.analitics количество посетителей мобильных устройств росло с катастрофической скоростью и в последнее время составляет более 40% от всех посетителей! Скриншот ниже:

40% посетителей с мобильных
40% посетителей с мобильных устройств

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

В общем, время поменялось и нужно было срочно делать мобильную версию сайта! Тем более в апреле 2015 года Гугл официально заявил о том, что сайты с мобильной версией будут лучше ранжироваться.

Решено, делаем мобильную версию для сайта!

Какие есть варианты:

1. Доработать существующий код под мобильную версию.

2. Сделать отдельный сайт третьего уровня m.мой_сайт.ru.

3. Найти движок с адаптивным дизайн и «пересадить» сайт на него.

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

Второй вариант меня также не очень устраивал. Насколько я понял — это разные движки, и при появлении новых страниц на сайте нужно постоянно делать редиректы на мобильную версию сайта. Также, как правило, это урезанные версии сайтов, которые будут «обделять» мобильных пользователей.

А вот адаптивный дизайн — это то что надо! Посмотрите любой сервис Гугл, для примера. С какого компьютера не зайди, как телефон не поверни, все понятно и логично, причем никаких доменов третьего уровня! Просто нужно один раз сделать хорошо, и наслаждаться на долго!

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

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

Понравился блог? Подписывайтесь на обновление.