Адаптация сайта под мобильные устройства: преимущества и недостатки / Михаил Семин

Адаптация сайта под мобильные устройства: преимущества и недостатки

Три аргумента за адаптацию

Ниже три основных аргумента, почему вам нужно сделать сайт адаптивным.

Пользователей с компьютеров становится меньше

С каждым годом количество пользователей, которые пользуются исключительно смартфонами, растет. Согласно статистике LiveInternet, в феврале 2015 года пользователей мобильных устройств больше (53%), чем пользователей ПК, а через год доля мобильного трафика составила 60%. Компания Cisco представила отчет, в котором предполагается, что к 2020 году количество пользователей с мобильными устройствами в России увеличится в 8 раз.

Это не ложь. Посмотрите открытую статистику популярных сайтов. Возьмем социальную сеть «ВКонтакте»:

Всего уникальных посетителей — 46 250 660 человек, из них 31 788 971 — пользователи мобильных.

Адаптированные сайты в преимуществе у поисковых систем

Согласно официальным заявлениям Google, с апреля 2015 года они стали лучше ранжировать адаптированные сайты, т.е. ставят выше в поиске (выдаче). Аналогичную позицию заняла компания «Яндекс» с февраля 2016 года.

Адаптированный сайт — удобен пользователю

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

«Яндекс» в своем блоге заявил, что количество адаптированных сайтов в рунете — всего лишь 18%.

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

Адаптировать сайт под мобильные устройства можно следующими способами:

Мобильная версия

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

Динамическая верстка

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

Адаптивный дизайн

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

Какой вариант адаптации сайта выбрать

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

Способы адаптации сайта

Полезные советы по адаптации сайта

В случае, если вы будете самостоятельно адаптировать сайт под мобильные устройства, вот несколько советов:

Тестируйте адаптивный дизайн на реальных устройствах

На телефонах ваш сайт можете отображаться несколько иначе, чем на вашем ПК в режиме разработчика. Часто это случается на устройствах от Apple.

Адаптируйте все страницы

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

Настройка robots.txt

Не забудьте разрешить индексирование файлов стилей и скриптов. Пропишите в robots.txt следующее:

Удалите с сайта flash-контент

Flash — старье, которое не нужно для мобильных устройств. Удалите его.

Адаптивная реклама

Не забудьте о рекламе, она может помешать адаптации сайта. Google Adsense предоставляет адаптивные баннеры.

Вывод

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

• Определение версии браузера - PHP или javascript?
• Секреты успешной контекстной рекламы: все о настройках и управлении
• Seo форумы, блоги и социальные сети
• Безопасность детей в интернете: простые правила взрослым и детям
• KeyCollector (Кей Коллектор): составление семантического ядра
• Админка Wordpress. Как войди в админку Wordpress? Как восстановить пароль к админке Wordpress?
• «Вконтакте» покажет трансляции футбольных матчей
• Как заказать кадастровый паспорт на квартиру через интернет
• Игровые автоматы - лучшее место отдыха
• Что делать, если я не могу зайти в почту "Яндекса"? Спокойствие, трагедии нет!