Вы наверняка смотрите статистику заходов на ваш сайт, и уже давно можно заметить, что половина трафика приходится на мобильные устройства. Тенденция перехода пользователей на мобильные телефоны началась уже давно, но на сегодняшний день пользователей с смартфонами становится больше, нежели пользователей компьютеров. В связи с этим компания Google положила начало стратегии Mobile First.

Не всем сразу стало понятно, что такое Mobile First. Обычно сайты разрабатывали так: сначала делали дизайн, верстку для компьютерной версии, а потом уже подганяли её под мобильные устройства. В итоге мобильная версия выглядела обрезанной, перекошенной, с огромными по весу картинками.

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

В 2015 году Гугл сделал первые шаги к Mobile First, а уже в 2017 году на конференции объявили о запуске алгоритма, которые занижал позиции сайтов, у которых нет адекватных мобильных версий. Таким образом наличие мобильной версии напрямую связано с поисковым продвижением (SEO).

Концепция Mobile First состоят как раз в обратном – сначала дизайнер и верстальщик изначально разрабатывают дизайн для мобильного устройства, а уже потом расширяют его на планшеты и персональные компьютеры. Таким образом как минимум можно добиться использования оптимизированных маленьких картинок, а вместо применения кнопок-изображений кнопок-CSS.

Лучше 1 раз увидеть, чем 7 раз услышать:

@Kexit

Говоря о Mobile First стоит упомянуть, что Adobe Flash является недопустимым для мобильных утсройств. А уже в 2020 году Adobe прекратит поддержку своего плеера Adobe Flash Player. По-этому лучше всего прямо сейчас начать удалять Flash и заменять его анимацией на HTML5 & JavaScript. Неплохой программой для создания анимации является Hippani Animator .

Надеюсь этот пост подтолкнул вас на создание красивое mobile-friendly версии вашего сайта, магазина, блога.