мобильная версия сайта

Самостоятельное тестирование сайта на работу в мобильных телефонах – простой и сложный вопрос. Давайте подробно разберемся как лучше самостоятельно протестировать ваш сайт.

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

Тестирование сайта на мобильном телефоне

Берем собственный телефон, открываем браузер и заход на свой сайт. Смотрим:

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

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

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

Для анализа удобства сайта для посетителей есть сервис Яндекс.Метрики с такими отчетами как Вебвизор и Карты.
В вебвизоре вы можете проанализировать записанную сессию посещения.
В картах: клики, ссылки, скроллинг, находим их в Яндекс.Метрики -> Карты -> Карта кликов | Карта ссылок | Карта скроллинга

Вам так же может быть интересно:   Настройка SEO для сайта WordPress самостоятельно

анализ поведения посетителей

Для более подробного анализа наблюдайте за посетителями в Вебвизаре Яндекс.Метрики. Если он не записывает показатели, то проверьте включён ли он и не забудьте обновить код счетчика после внесения правок в Метрике.

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

Тестирование адаптивного сайта на компьютере

Открываем в браузере сайт и вызываем консоль разработчика.

Браузер Chrome

Браузер Chrome

  • при помощи мыши – правой клавишей открываем меню и выбираем “Посмотреть код”
  • при помощи клавиатуры – Ctrl+Shift+I откроется консоль разработчика
  • для MacOS – F12 или Cmd+Opt+J

FireFox, Edge  и другие браузеры

  • при помощи мыши – правой клавишей открываем меню и выбираем “Посмотреть код”
  • при помощи клавиатуры – Ctrl+Shift+K откроется консоль разработчика
  • для MacOS – F12 или Cmd+Opt+K

Safari

Для начала вам нужно включить консоль разработчика:

Настройки (Preferences) и перейдите к панели «Продвинутые» (Advanced). В самом низу вы найдёте чекбокс “Show Develop menu in menu bar” поставьте галочку. Для вызова консоли используйте – Cmd+Opt+C

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

Комментарий к результатам тестирования

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

Тестирование мобильной версии Google

Для получения представление правильно ли видят поисковые машины вашу мобильную версию сайта воспользуйтесь тестовыми сервисами:

Вам так же может быть интересно:   Как получить счетчик Google Analytics

Другие способы тестирования

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

Лидия Наумова Поддержка, администрирование, Seo сайта