Mobile friendly

Mobile friendly – это «дружественность» веб-ресурса к мобильным видам устройств: смартфонам, планшетам и т.д. Если картинки и текст помещаются на экране гаджета, страницы быстро загружаются, а структура понятна и удобна для пользователя, можно говорить о том, что этот ресурс полностью адаптивен.

Вид мобильно адаптированного сайта

Почему мобильная адаптация сайта – это важно 

В 2016 году процент мобильного трафика в российском сегменте интернета вырос до 62%. За этими цифрами скрываются миллионы или даже миллиарды посещений ресурсов с планшетов или смартфонов. И, разумеется, забота об удобстве пользователей здесь должна быть приоритетной.

Мобильная адаптация сайта – необходимый шаг в веб-разработке. Крупнейшие поисковые системы Гугл и Яндекс позаботились об удобстве пользователей, запустив алгоритмы «Mobile Friendly» и «Владивосток». Это означает, что адаптированные ресурсы будут ранжироваться выше, и помечаться значком «Mobile Friendly» в Гугл или «Мобильная версия» в Яндекс.

Проверяем адаптацию сайта под мобильные устройства

Проще всего определить адаптивность сервисом Google «Mobile Friendly». Это бесплатный и быстрый способ проверить не только свой ресурс, но и любой другой. Просто вводите ссылку, и ждете результата.  

Проверка сайта на соответствие мобильной адаптации


Аналогичный инструмент есть и в «Яндекс Вебмастер». Называется он «Проверка мобильных страниц». Но определить насколько сайт мобайл френдли получится, только если он принадлежит Вам.

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

Некоторые CMS, к примеру, Wordpress, предлагают большое количество шаблонов с адаптацией. Но если ваш ресурс построен на самописной CMS, для его корректного отображения на смартфонах и планшетах рекомендуется: 

1. Создать мобильную версию. Этот вариант подразумевает разработку нескольких версий страничек для смартфонов и планшетов, и редирект их пользователей на другие поддомены. Чаще всего используются поддомены вида m.example.ru или mobile.example.ru. Обычно урезается функционал для удобства пользователя и увеличения скорости загрузки ресурса, убираются лишние изображения, формы, скрипты и т.д. 

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

Адрес мобильного поддомена

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