Что такое Mobile First и почему это важно

Принцип работы по созданию сайта состоит следующим образом: сначала разрабатывается полная версия сайта для настольных и портативных пк, а уже потом она адаптируется под мобильную версию. Mobile First подразумевает сперва разработку под мобильные системы. Это значит, что сперва разрабатывается мобильная версия сайта, а уже потом идет подготовка к созданию десктопной версии.

Почему Mobile First так важен при разработке?

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

Тренд на Mobile First задала компания Google

Первые шаги к Mobile First были сделаны в 2015 году. Google внедрила новый алгоритм ранжирования, согласно которому сайты без мобильной версии потеряли позиции в поисковой выдаче.

Чек-лист: каким должен быть сайт Mobile First

Проверьте, соответствует ли мобильная версия вашего сайта следующим пунктам:

• Информация отображается корректно как в книжной, так и в альбомной ориентации;
• Все кликабельные элементы работают;
• Отсутствуют тяжелые изображения, которые замедляют загрузку страницы;
• На сайте нет ничего, связанного с Flash;
• Нет всплывающих окон, которые перекрывают полстраницы;
• Нигде не задействована горизонтальная прокрутка;
• Контактный номер кликабельный или его хотя бы можно скопировать;
• Поля в форме регистрации короткие и простые, отключена функция автозаполнения (часто может подтягиваться некорректная информация);
• Все кнопки сделаны с помощью CSS, нет кнопок-изображений;
• Размер картинок меняется автоматически в зависимости от типа устройства;
• Есть возможность совершить покупку в один клик.