» » Для чего нужна мобильная версия сайта, пособие для новичков

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

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

  1. Не раскрывай свои секреты и наработки посторонним и конкурентам.
  2. Не говори банальностей.

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

 

Итак, сегодня я хотел поговорить про мобильные версии сайта, которые считаю необходимой частью «Продукта». О том, как же сильно вырос мобильный трафик, я имею в виду органический переходы на сайт из поисковых систем, e-mail рассылок и прямые заходы, проще говоря все маркетинговые каналы, которыми сложнее всего управлять напрямую и жёстко фильтровать, почти.

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

Я знаю, что большинство из вас, кто увидел эту статью подумали: «Ну вот ещё один капитан очевидность…», по большому счёту это так, но… Разве у всех уже есть хорошие и удобные мобильные версии сайта?

Проблема, которая кроется в отсутствие мобильной версии это не только потеря трафика, она глубже и больше.

 

  1. В эпоху схожих услуг, товаров и глобализации, «Продукт» (в нашем случае сайт), это не расположение кнопок, картинок, и другой навигации; это «Опыт, который получает посетитель от его использования» (User Experience), те чувства и эмоции, которые он испытал, угадывал ли ваш «Продукт» его ожидания, дал ли больше чем он ждал.
  2. Человек, который зашёл со смартфона к вам на сайт, про планшеты я пока не говорю там ситуация не столь критична, увидел на маленьком экране очень мелкий текст и картинки, и это даже уже хорошо, у многих ваш сайт и не загрузится, т.к. скорость мобильного интернета пока ещё хромает, есть регионы где на все четыре ноги или руки (серфинг по сети со скоростью EDGE). Что ему проще, стараться прочитать, понять или уйти и получить ещё одну ссылку, которую предоставят удобные и оптимизированные под его устройство поисковые системы?
  3. Ударит это по трафику? Ну, да. Но это ударит больше по имиджу бренда, который намного дороже, более хрупкий, но оценить это через Google Analytics и Яндекс Метрику не получится.

 

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

 

 

Небольшое отступление

На конференциях и других воплощениях «Бизнес молодости» парни в хороших костюмах рассказывают истории zappos.com, amazon.com, zalando.de перечислять можно бесконечно, говорят как важно, ОЧЕНЬ важно, думать про User Experience. Как мысли о нём привели людей на вершину мира. Люди в зале записывают, задают вопросы и “заряженные” этой идеей идут в офис, где начинают “менять мир”, НО их запал кончается с первым всплеском заказов в “высокий” сезон.

Как часто “запара”, “завал” и желание заработать побольше пока есть возможность, помогали вам забыть про “Продукт”? Клиент-то может подождать, сейчас же у всех “завал”, ну уйдёт так уйдёт, в следующий раз придёт… Бюджет же на маркетинг есть.

 

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

 

 

К счастью можно посчитать

Я взял свой сайт, я говорю именно про MrHow, он конечно не очень посещаемый по сравнению со многими другими, но тенденция точно такая же, как и на проектах с посещаемостью 20-30 миллионов в месяц, просто я ограничен своей совестью и не могу делиться данными по ним.

Я покажу ситуация на основе данных Яндекс Метрики.

 

На первой картинке, видно что мобильный трафик, который у проекта MrHow только органический составляет 26%, не так уж и мало чтобы игнорировать этих людей. Если бы я закупал его, ситуация отличалась бы на 5-6% в меньшую сторону.

Как можно посчитать посещаемостьКак можно посчитать посещаемость

На второй видно, распределение по бренда производителей. Но тут ничего нового, мало сайтов где распределение совсем другое, чаще всего в пятёрке лидеров эти компании.

Какие мобильные бренды лидируютКакие мобильные бренды лидируют

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

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

Ключевые показатели эффективности трафикаКлючевые показатели эффективности трафика

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

 

 

Мобильная версия сайта, что это?

Ну тут говорить можно долго, но буду краток:

  1. Минимум тяжёлой графики на страницах;
  2. Удобные и большие кнопки;
  3. Никакого лишнего оформления и визуальных украшений;
  4. Никаких лишних счётчиков и скриптов (Java script);
  5. Оптимизация CSS стилей;
  6. Браузерный кэш, не заставляйте человека загружать одно и тоже оформления сайта, если он уже это делал;
  7. Авто-определение мобильного устройства и перенаправление на соответствующую страницу сайта;
  8. И т.д.

 

Лучше меня вам поможет разобраться удобный инструмент от Google: https://developers.google.com/speed/pagespeed/insights/?hl=ru

Мой сайт не самый лучший пример, но большая часть критических проблем исправлена. В этом не совсем моя заслуга, а разработчиков скрипта DLE News, но что-то я сделал сам. :)

Как проверить качество мобильной версии сайтаКак проверить качество мобильной версии сайта

Ещё рекомендации по корректировки сайта для мобильных устройств вы найдёте в кабинете Webmasters от Google.

Webmasters от GoogleWebmasters от Google

Лучше, если у вас там будет точно такое же сообщение, как на картинке.

 

 

E-mail рассылки

Если у вас есть такая возможность, сделайте шаблоны ваших E-mail рассылок «адаптивными», т.е. такими, чтобы информация хорошо отображалась как на стационарном ПК, так и на мобильных устройствах.

Адаптивная версия письма на ПКАдаптивная версия письма на ПК

 

Адаптивная версия письма на смартфонеАдаптивная версия письма на смартфоне

Видите, как вроде бы похожие страницы немного отличаются, в частности расположение навигации.

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

Большая часть информационных рассылок отправляется утром ~6:00 до 9:00, по вторникам и четвергам, и многие люди видят ваши предложения в то время, когда едут на работу или пьют утренний кофе с телефоном в руках.

Просто посмотрите воронку ваших рассылок, многое в вашем мировоззрение изменится.

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

 

Вместо итога

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

 

Чибисов Георгий