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

«Тихая революция»: трафик становится все более мобильным

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

В подавляющем большинстве случаев «алгоритм» разработки сайта представляет собой следующую последовательность:

создание десктопной версии;
ее шлифовка, наполнение, оптимизация;
создание адаптивной версии.

То есть, мобильная версия идет как бы в довесок. Еще несколько лет назад такой подход был вполне оправдан. Активных пользователей смартфоном было не так уж и много. В 2018 году все кардинально изменилось.

По усредненным данным разных аналитических исследований доля мобильного трафика в конце 2018 года составила почти 60%. Игнорируя мобильную версию, владельцы сайтов пилят сук, на котором сидят – собственноручно ставят под удар свой бизнес.

Еще одни аналитические и статистические исследования указывают – мобильный трафик превалирует. Однако уровень отказов у мобильных сайтов на 40% выше, чем у десктопных версий. Количество просмотренных страниц и время, проведенное на сайте, меньше в два раза. А в некоторых случаях – даже в три раза. Все зависит от тематики.

Обратите внимание! К примеру, десктопную версию сайта пользователи просматривают в среднем – 5 минут 5 секунд. А вот при заходе с мобильного устройства – всего 3 минут 32 секунды.

Конечно, можно утверждать, что причина таких показателей в разных целях, преследуемых при посещении мобильной и обычной версии. В реальности же все куда печальнее – мобильные версии все еще не являются полноценно адаптированными под все требования владельцев смартфонов.

Mobile First: что это такое

Об этом тренде активно начали говорить в последний год. Хотя первые шаги к его запуску сотрудники компании Google сделали в 2015 году.

Суть Mobile First состоит в том, чтобы разработку сайта начинать с мобильной версии. Создатели прорабатывают проект, ориентируясь, в первую очередь, на пользователей смартфонов. И только после создания удобного во всех смыслах ресурса, предполагается его адаптация под компьютеры и ноутбуки.

Преимущества подхода очевидны:

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

То есть, само понятие «адаптивность» меняет полярность.

С чего все началось

Повторимся, началось все в 2015 году. Тогда поисковый гигант Google запустил новый алгоритм. Его главное отличие от предыдущего – все сайты, не имеющие мобильной версии, потеряли свои позиции.

2017 год – новый виток! Запускается индексация, в основу которой легли правила Mobile First. Суть – поисковые роботы рассматривают мобильные версии в качестве основных. Оценивая их уровень внешней и внутренней оптимизации, роботы и формировали выдачу.

Отмечается, что для окончательного перехода на новые принципы потребуется несколько лет. Однако это не причина ждать с моря погоды. Действовать нужно уже сейчас. Чем раньше вы это сделаете, тем выше окажется в поисковой выдаче. И обгоните своих конкурентов.

Сухие, но красноречивые цифры статистики. 6 фактов в пользу «мобильного интернета»

Показатель в 50% мобильный трафик перешагнул относительно давно. Теперь он упорно стремиться к отметке в 60%. Цифра будет расти. Каждый год.

Постоянно проводятся исследования сферы мобильного интернета. Не будем копаться в истории. Отметим наиболее интересные цифры, полученные в результате анализа в 2017-2018 годах.

Около 60% опрошенных утверждали, что, скорее всего, не станут возвращаться на ресурс с неудобной мобильной версией;
Почти 70% времени в Интернете – доля смартфонов;
Около 57% пользователей заявили, что не станут советовать онлайн-бизнес, если у него слабый, неразвитый мобильный проект;
Ежечасно в Google отправляет более 67 млн. поисковых запросов непосредственно с мобильных устройств;
Почти треть всех запросов со смартфоном совершаются с устройств, размер экранов которых 5,1 дюйма;
Наиболее популярное разрешение экрана 720 на 1280.

Уже по этим цифрам легко понять – смартфоны наступают. Конечно же, они никогда (или в ближайшем будущем) не вытеснят ноутбуки и компьютеры. Тем более, есть ряд ниш, сфер, в которых мобильные проигрывают – например, просмотр фильмов онлайн. Однако игнорировать приведенные цифры нельзя!

Адаптивный дизайн vs Отзывчивый дизайн vs Mobile First

Ранее было принято использовать два «варианта» дизайна при создании сайтов. Теперь добавился третий. Рассмотрим подробнее каждое из направлений.

1. Адаптивный

В данном случае предполагается создание разных макетов под различные размеры экранов. От этого зависит структура сайта, особенность размещения отдельных элементов.
Движок сайта, анализируя данные пользователя (диагональ экрана, соотношение сторон), подгружает подходящий по размерам макет.

2. Отзывчивый

Здесь все чуть проще – макет автоматически подстраивается под параметры устройства, размеры дисплея. То есть, если происходит изменение размера экрана хотя бы на 1 pixel, страница тут же подстраивается под новые «вводные» и отображается в соответствии с параметрами дисплея.
Подобный вариант хорош тем, что не нужно тратить массу времени на создание нескольких версий и макетов. Однако перед запуском проекта следует обязательно протестировать, как он будет отображаться на различных экранах.

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

3. Mobile First

Сложности первого и второго варианта – разработчики сначала трудятся над десктопной версией. И только после окончания ее разработки проводят адаптацию под смартфоны и планшеты. В подавляющем большинстве случаев мобильные версии смотрятся так себе. Явно проигрывая десктопу.

Mobile First предполагает обратный путь. Сначала разрабатывается мобильная версия, учитывающая все особенности использования смартфонов. Сайт становится действительно удобным для поклонников мобильных устройств. У них не возникает проблем во взаимодействии с сайтом.

12 принципов Mobile First: что нужно помнить (и знать) разработчикам

Корректное, адекватное отображение контента в любой ориентации дисплея.
Присутствуют только легкие элементы, картинки, которые не замедляют работу сайта.
Отсутствие Flash. Полное. В любом проявлении.
Работоспособность абсолютно всех кликабельных элементов.
Отсутствие горизонтальной прокрутки.
Кликабельность контактных данных – в частности, номера телефона. В крайнем случае – возможность его копирования.
Отсутствие всплывающих окон, закрывающих половину или более страницы.
Кнопки – только посредством CSS. Категорическое «Нет!» кнопкам в виде картинок.
Автоматическое изменение размера изображений на экранах разных устройств.
Предусмотрена возможность оформить покупку/выполнить целевое действие в один клик.
Короткие поля для формы регистрации.
Отсутствие автозаполнения для форм – ведь в случае со смартфонами данные зачастую подтягиваются некорректно.

Подводя итог

При формировании выдачи роботы поисковых систем учитывают скорость загрузки страниц сайта. В том числе, на мобильных устройствах.

Среди всех поисковых гигантов именно Google заявил, что на результаты будет влиять правильная адаптивность, оптимизированность проекта под мобильные устройства. Кто не заботится этим направлением, существенно проиграет и потеряет в позициях.

Новая стратегия Mobile first – не прихоть, не блажь, не роскошь. Она — необходимость. Особенно для тех компаний, чей бизнес ориентирован на целевую аудиторию, предпочитающую пользоваться смартфонами. Специалисты отмечают – бросаться «во все тяжкие» абсолютно всем не стоит. Подход следует использовать лишь в случае реальной необходимости.

Хотя, конечно же, правильно подготовленная, качественно реализованная мобильная версия обязательно окупится, и будет приносить прибыль своему владельцу.

Какие уроки из этого следует вынести? Разработчики и оптимизаторы при создании проекта должны обязательно учитывать следующие факторы:

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

Заказчики, клиенты – понять: экономить на Mobile first нельзя ни в коем случае. Именно от нее во многом будет зависеть успешность компании и финансовые показатели.

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

Тренд Mobile First: в чем его суть, и как он поможет вам завоевать позиции в выдаче Google