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

 

ширина-сайта

Приветствую, друзья!

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

Как просмотреть свой сайт в различных разрешениях

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

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

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

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

Статистики по разрешениям экрана

Воспользуемся данными Яндекс Метрика, для этого выбираем “Отчёты”=>”Стандартные отчеты”=>”Технологии”=>”Разрешение дисплея”:

разрешения-показатели-отказов-Яндекс

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

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

В моем случае средний показатель отказов на блоге 13% и цифры от 8 до 20% у меня не вызывают подозрения. А вот выделенные на скрине выше цифры 69% и 80%  говорят о том, что большинство читателей, которые просматривали сайт на смартфоне с разрешением 240, а также 300 в большинстве своём сразу уходили.

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

Если вы анализируете статистику Google Analytics, тогда необходимо выбрать:

“Аудитория”=>”Технологии”=>”Браузер и ОС”. После этого на графике найдите строку “Разрешение экрана”:

разрешение-экрана-в-ga

Вот теперь можно изучить и проанализировать статистику:

данные-Гугла

Для примера на скрине выше видно, что разрешение 568х320 имело самый высокий показатель отказов это 100%. В вашем случае цифры будут отличаться от моих, ориентируйтесь на среднюю цифру показатель отказов в среднем (на скрине это 10,82). Если будут резкие отклонение в цифрах, это повод задуматься.

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

Таким же способом вы можете проанализировать в статистике GA следующие параметры:

варианты-технологии

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

Как протестировать отображение сайта в различных разрешениях

Для этого существуют несколько бесплатных сервисов. Мне нравится сайт – http://quirktools.com/screenfly/

Там всё ясно, вводите URL сайта:

анализ-сайта-на-разрешения-экрана

Теперь можно выбирать различные варианты. Причем, как стандартные разрешения смартфонов (вкладка 3):

мобильные

Так и произвольно набирать разрешение в цифрах (5 вкладка):

разрешение

Как пользоваться инструментом я вам показал, теперь импровизируйте для своих сайтов.

Как исправить ошибки

В завершении возникает вопрос: “А зачем мне это всё надо, изучать браузеры, разрешения и прочее?”

Ответ простой – для увеличения трафика и продаж.

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

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

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

Подробно по данной теме я рассказывал тут:

Создаем мобильную версию сайта — 3 пути решения

Хотел бы услышать о результатах анализа вашего сайта, какие разрешения экрана имеют больше всего отказов?

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

 Заметки по теме:

Вебвизор от Яндекс Метрика — установка, инструкции, возможности

Snagit программа для создания и обработки скриншотов

20 лучших Android приложений для блоггеров

Удаляем паразитов из статистики Google Analytics

Получать обновления блога на Email

Обсуждение: 7 комментариев

  1. Сейчас мобильная версия конечно нужна. Ещё пару годков, и с компьютеров, уже наверное практически никто не будет заходить в интернет.

    Ответить
    1. Ну почему же, динозавры останутся еще долго, ведь есть любители виниловых пластинок)) Но тенденция такая, что мобильные пользователи с каждым годом поглощают рынок))

      Ответить
  2. Дмитрий:

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

    Ответить
    1. Спасибо, Дмитрий за сигнал, проверю.

      Ответить
  3. суммы:

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

    Ответить
    1. Я бы хотел взглянуть на сайты и ниши, которые не имеют трафика с мобильных устройств. Может и не имеют из-за отсутствия мобильных версий сайта?
      У меня на одном из сайтов мобильный трафик 43%, поэтому адаптивность дизайна даже не обсуждается для него, создал не раздумывая и доволен.
      А мог бы потерять большое количество потенциальных читателей, если бы и дальше продолжал думать, что в моей нише мобильная версию не нужна.
      Количество заходов с мобильных растет абсолютно на всех сайтах независимо от тематики и это факт.

      Ответить
  4. Спасибо, очень полезная информация))

    Ответить

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

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

© 2017 Блог Николая Вилкова | Записки блогера // Дизайн и поддержка: GoodwinPress.ru