Mobile First (первоначально для мобильных) — стратегия разработки адаптивного веб-сайта, при которой сперва проектируется версия для мобильных устройств.
Напомним, что адаптивный дизайн позволяет просматривать сайт на любых устройствах, динамически подстраивая содержимое под размер экрана.
До некоторых пор десктопный трафик опережал мобильный, код веб-страницы подгружался и перестраивался в последовательности: компьютер → ноутбук → планшет → мобильное устройство. В зависимости от размера экрана, уменьшалось количество колонок, скрывалось и сокращалось второстепенное содержимое.
Почему Mobile First
С ростом мобильных пользователей быстрая загрузка информации через небольшие портативные устройства стала приоритетом. Это связано с тем, что мобильный интернет более дорогостоящий и не такой стабильный, как стационарный и количество ресурсов проекта изначально должно быть минимальным.
Подход Mobile first: мобильное устройство → планшет → ноутбук → компьютер. Ключевые особенности тренда:
- Единый адаптивный сайт для всех приспособлений;
- Акцент на содержимое и удобство для его просмотра;
- Важность проектирования веб-дизайна для небольших экранов;
- Быстрая загрузка страницы, экономия трафика;
- Возрастание веса проекта с увеличением разрешения экрана.
Данный тренд задала компания Google и объявила о присвоение лучших показателей mobile-friendly (дружественным к мобильным) веб-ресурсам в результатах поиска:
С сентября 2020 г. для всех веб-страниц будет использоваться индексирование с приоритетом мобильного контента. До этого времени мы будем задействовать этот вариант индексирования только для сайтов, которые к нему готовы.
Инструменты Mobile First
Для создания:
- Каскадная таблица стилей CSS,
- Фреймворк Bootstrap,
- Препроцессор Sass/SCSS.
Для проверки и тестирования:
- Google Search Console,
- Mobile-Friendly Test,
- Яндекс Вебмастер.
Мы используем стратегию Mobile first для разработки лендингов, корпоративных сайтов и интернет-магазинов на UMI.CMS и 1С-Битрикс с 2020 года.
Заинтересовали наши услуги? Вы можете связаться с нами, и мы с удовольствием ответим на ваши вопросы.