Найти тему
Веб Гуру

Почему так важно отображение сайтов на мобильных устройствах и как это проверить?

Оглавление
Мобильная вёрстка, адаптивный сайт, мобильные устройства
Мобильная вёрстка, адаптивный сайт, мобильные устройства

Объем мобильного трафика давно превысил 65%. Более 75% покупателей ищут товары и услуги в интернет-магазинах при помощи смартфонов. Правда, в большинстве случаев покупка завершается на ноутбуке или настольном компьютере.

В связи с этим поисковые системы стремятся сделать мобильную выдачу удобнее для пользователей. В феврале 2015 г. Google заявляет, что наличие адаптивной или мобильной версии положительно сказывается на ранжировании. Ровно через год, в феврале 2016-го, Яндекс объявляет то же самое.

Но почему не заказывают товары со смартфона? Потому что по техническим причинам этого сделать невозможно.

Источник: https://1k.com.ua/kak-proverit-otobrazhenie-sajtov-na-mobilnyh-ustrojstvah.html

Какими признаками обладает хороший мобильный сайт?

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

  1. Элементы интерфейса должны быть контрастными. Если человек читает ваш контент на улице, где экран засвечен, он должен четко видеть текст, картинки и кнопки;
  2. Мобильная версия не должна содержать Flash-элементы и излишнюю анимацию;
  3. Недопустима горизонтальная полоса прокрутки;
  4. Навигация должна быть максимально простой и последовательной;
  5. Сайт должен быстро загружаться;
  6. Тег viewport. При правильных настройках сайт будет отображаться на любых устройствах с любыми размерами экрана.

Источник: https://gravitec.net/ru/blog/10-sposobov-posmotret-kak-vy-glyadit-sajt-na-mobil-nom/

Сервисы для проверки сайта на "мобильность"

1. Google Mobile Friendly

Проверить можно любой сайт, просто вбив его адрес в строку.

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

2. Яндекс Вебмастер - инструмент "проверка мобильных страниц"

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

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

3. Средство проверки Bing

Проверяется общая оптимизация плюс соответствие 4 пунктам.

Также отображается то, как сайт выглядит на экране смартфона (конечно же, на OS windows, в то время предыдущие сервисы отображали android-смартфон =)).

4. Mobile Checker от W3C

Самый "долгий" из всех сервисов. Настолько "долгий", что окончания проверки я так и не дождался =)

Ждал минут 5, в то время как остальные сервисы справлялись за 5-20 секунд.

Пробовал Google chrome и Opera.

5. Responsinator

В отличии от остальных не даёт каких-либо оценок, но отображает как выглядит ваш сайт на 6 различных устройствах в двух ориентациях на IOS и Android, что очень круто.

6. Adaptivator

Сервис предложенный в комментариях к этой статье. Лично не пользовался, но вроде всё довольно-таки неплохой. Возможности аналогичны респонизатору, но есть ещё и оценка результата адаптивности.

7. iloveadaptive.ru

Ещё один новенький сервис, предложенный в комментариях. Как по мне, немного грузноват и непрактичен, но это с лихвой окупается большими возможностями. Имеется даже сортировка по ОС.

Источник: https://spark.ru/startup/bilalovpro/blog/14340/7-servisov-dlya-proverki-sajta-na-mobilnost

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

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

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