Сколько людей будет заходить на Ваш сайт с мобильных? Сколько стоит переделать старый сайт под смартфоны и планшеты. Все это мы расскажем ниже и покажем нашу статистику.

Это статья для владельцев сайтов и заказчиков, которые только планируют запустить свой проект и думают: «сколько людей заходит на сайт с мобильных», стоит ли тратиться на мобильную версию сайта или нет.

mobile-site

Сколько людей заходит на сайт с мобильных

В 2014-2015 году, когда мы еще делали частные сайты на fl.ru, я заметил одну очень большую проблему: Заказчики очень редко берут мобильную версию сайта! За эти два года всего 3 или 4 заказчика попросили, чтобы их сайт хорошо отображался с мобильных устройств, а наценка за это у нас была относительно небольшая 10 000 рублей.

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

Сразу перейдем к делу. В 2016 году уже почти половина посетителей заходит на сайт с мобильных устройств.  Согласитесь что 46,3% посетителей — это очень много. Но чтобы еще раз все проверить — я попросил статистику у наших старых партнеров, которым делал сайты. Так вот у Всех больше 30% посетителей — это пользователи мобильных устройств.

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

Яндекса: https://yandex.ru/support/webmaster/recommendations/mobile-site.xml.

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

Наша статистика посещений (месяца кликабельны)

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

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

Если нужно показать сайт заказчику, то: http://www.responsinator.com/

Он лучше всего работает и выдает меньше всего глюков. Все предельно просто: вводите адрес Вашего сайта и он его показывает на самых распространенных устройствах.

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

Что теперь делать?

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

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

Дело в том, что с 2015 года, когда новый стандарт Html5 плотно вошел в наши сайты, делать адаптивные дизайны стало в несколько раз проще. Уже начали появляться отдельные фрилансеры, которые специализируются на переделке сайтов, но их пока мало и они без хорошего портфолио.

Я потратил 3 дня на поиски и на 20 марта 2016 года, единственные адекватные предложения с гарантией есть только на Kwork, либо Вот прямая ссылка на все Kworks с предложением сделать мобильную версию почему он? Да потому что там это стоит 500 рублей. Хотя на самом деле фрилансеры там хитрят и стоимость сайта визитки будет где-то 2000 рублей, а интернет-магазина около 5000. Но это более чем адекватные деньги, если они сделают все хорошо.

Сколько людей заходит на сайт с мобильников

Все ли можно сделать адаптивным?

К сожалению, нет. Чем больше сайт, тем сложнее сделать его мобильную версию. Почему раньше это стоило так дорого — потому что разработчики настраивали сервер, который определял с какого устройства пришел клиент, и если оно является мобильником, то его отправляло на отдельный сайт. Делался действительно отдельный сайт со своей структурой и логикой. Большие компании это применяют до сих пор. Например, вот мобильная версия контакта: https://m.vk.com/feed

В нашем же случае мы будем использовать «Медиа запросы». Мы будем определять размер экрана пользователя и в зависимости от его ширины сможем изменять любой блок нашего сайта. Что именно мы сможем? Скрыть, Показать, Изменить размер, Изменить цвет. По сути все! Поменять структуру мы не сможем, не сможем отдавать более мелкие картинки для медленного мобильного интернета, не сможем поменять что-то местами, не сможем сделать адаптивными таблицы.

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

Небольшой ликбез

Еще раз чуть-чуть все упорядочу для Вас. В интернете встречается несколько понятий и подходов к мобильной версии сайта, чтобы Вы всегда понимали о чем речь и в каком направлении читать Google:

  1. Мобильная версия сайта — отдельный сайт со своей структурой.
  2. Адаптивный сайт (Responsive Desine) — Ваш сайт, который меняет вид в зависимости от размера экрана у клиента. О нем мы говорили Выше и это достаточный уровень для поисковиков.
  3. Резиновый сайт — устаревшее понятие из 90-х. Сейчас его уже не используют и постарайтесь не упоминать его в слух.
Спасибо за прочтение
Вы можете сказать «Спасибо» 2 простыми способами:
  1. Оцените статью:
    навредилниочемнеплохохорошополезно (2 оценок, среднее: 5,00 из 5)
    Загрузка...
  2. Напишите что именно не понравилось, я не буду публиковать ваш комментарий, но обязательно добавлю информацию: Может мало фото? Может нет той информации, которую вы искали?
Напишите мне!

Комментарии 3

  • Виталий

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

  • Роман

    Зачем все так усложнять, да еще и платить деньги — для вордпресс существует функциональный плагин WPtouch, который за голову удовлетворит 99% юзеров в бесплатной версии.
    К тому же, в указанной вами рекомендации Яндекса сказано, что предпочтение будет не только МОБИЛЬНОЙ версии, но и АДАПТИВНОЙ. То есть опускаются в мобильной выдаче только сайты, которые уж совсем неудобны для небольших экранов. Большинство современных тем для Вордпресс из коробки адаптивны, то есть там уже никаких движений делать не нужно. Тем не менее, сам контент (например, вставка карт Гугль) может вылазить за экран сматфона, поэтому в каждом конкретном случае нужно тестить, и, если что, ставить мобильную тему.
    Кстати, просмотрел ваш сайт на мобильном — он как раз не адаптирован, в статье «Все 5 способов как добраться…» фото «Стойка продажи билетов…» не уменьшается, вылазит за экран. Это касается и баннера по бронированию билетов и некоторых других фото. Это не есть гуд, поскольку Яндекс кагбэ намекает: «Содержимое страниц не должно выходить за рамки экрана по горизонтали.»

    • автор Анатолий Мясоедов

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

      ПыСы, но на самом деле я просто в тот момент тестировал D3.js и думал, где бы поиспользовать svg графики

Оставить комментарий