Чем «грозит» для владельцев сайтов mobile-first- индексация, и так ли она страшна, как о ней говорят? Какие нюансы нужно знать при запуске нового сайта после 1 июля 2019 года? Основные принципы и преимущества mobile-first подхода читайте в нашем материале и обязательно сохраняйте себе.

Мобильный трафик неумолимо растет и это требует внесение корректив в работу поисковых систем. На этой волне Google еще 1 июля 2018 года представил digital-миру Mobile-first индексацию. С этого времени страницы в Google начали ранжироваться в зависимости от качества мобильной версии.

Что собой представляет Mobile-first индекс

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

Для чего необходим был новый индекс? Ранее поисковые системы (ПС) анализировали и хранили всю версию сайта для ПК, используя ее для отображения результатов как при поиске с компьютера, так и при запросе с мобильного устройства. Обычно в мобильной версии сайта предоставлялось меньше информации, что ухудшало сигналы для тех, кто посылал поисковые запросы с мобильника. Учитывая то, что сегодня почти у каждого человека есть смартфон, и он активно используется для поиска информации любого рода, то запуск подобного индекса был всего лишь делом времени.

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

Mobile-first и новые сайты

Уже с 1 июля этого года mobile-first индексация включена по умолчанию для новых доменов. Владельцы же действующих сайтов будут, как и раньше, оповещаться через Search Console о переводе их на новый тип индексации. Здесь они смогут увидеть точную дату перехода своего ресурса на новый индекс.

Уровень готовности сайтов к переводу на mobile-first определяется при сопоставлении контента в мобильной и десктопной версии, а также структурированных и метаданных.

Разница между Mobile-first и адаптивным дизайном

Скорость загрузки запрашиваемой страницы зависит не только от условий внешнего характера (скорость интернета, хостинг), но от построения самой страницы, то есть от факторов внутреннего характера. Разработанные под ПК страницы плохо грузятся на мобильных устройствах. Многие вебмастера решили, что можно исправить ситуацию при помощи адаптивного дизайна. Но адаптивный дизайн и mobile-first – это не совсем одно и то же:

  • Адаптивный дизайн – это ориентация сайта на мобильные устройства, которая выражается в масштабировании под размер экрана смартфона всех страниц. При этом размер файла не уменьшается. Адаптивная верстка предполагает движение от большего к меньшему, то есть, от экрана десктопа до экрана мобильного устройства.
  • Mobile-first выступает своеобразным дополнением адаптивному дизайну, благодаря чему пользователь видит не всю информацию о сайте, а только самое главное – ключевые сведения. Это могут быть сокращенные тексты, навигация элементарного типа, картинки, видео. В этом случае все происходит наоборот – сначала разрабатывается мобильная версия с учетом всех нюансов смартфона, а потом уже все остальное. У пользователей не возникает трудностей при взаимодействии с сайтом.
Читайте также:  Ugly marketing: как обратить конкуренцию в свою пользу

Оба эти инструмента имеют ряд своих преимуществ.

В чем плюсы адаптивного дизайна:

  • внушительный прирост конверсии, так как в процессе создания проводится проработка юзабилити, которая благотворно влияет на конверсионные показатели;
  • не будет оттока посетителей, ведь более 50% пользователей закрывают страницу, если она не загрузилась в первые секунды, а с адаптивным дизайном, загрузка проходит очень быстро;
  • повышаются охваты аудитории, продвижение становится лучше, так как поисковые системы Google охотнее ранжируют такие версии.

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

В чем плюсы mobile-first подхода:

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

Если на сайте есть mobile-first, то пользователи, которые заходят на страницы с мобильных устройств, сразу же получают ту информацию, которая им нужна. При mobile-first сначала грузится основная версия, а потом подгружаются стили и новые опции. Это позволяет версии во всех случаях отображаться корректно.  Mobile-first предполагает практически другую версию сайта, которая подходит для маленьких экранов.

Основные принципы mobile-first

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

Главные принципы стратегии:

  1. Нет автозаполнения для форм, что минимизирует вероятность отображения некорректно подтянутых данных.
  2. Наличие только легких элементов, не влияющих на скорость загрузки сайта.
  3. Горизонтальная прокрутка отсутствует.
  4. Есть возможность кликать на контактные данные, копировать их при необходимости.
  5. Контент отображается максимально корректно, в независимости от ориентации дисплея.
  6. Размеры изображений на экранах устройств любого типа изменяются в автоматическом режиме.
  7. Отсутствуют кнопки в виде картинок – только посредством CSS.
  8. Не беспокоят всплывающие окна, которые раньше закрывали практически половину страницы.
  9. Flash полностью отсутствует. В любых проявлениях.
  10. Форма регистрации имеет короткие поля.
  11. Все кликабельные элементы работают без проблем.
  12. Всего в один клик можно выполнить необходимое действие (купить, заказать, связаться).
Читайте также:  Подарки при покупке онлайн - как правильно использовать этот инструмент?

Использование mobile-first – это рациональное решение. Особенно для владельцев бизнеса, целевая аудитория которых в основном использует смартфоны. В самом названии стратегии уже и озвучивается ее принцип. Оно переводится, как «в первую очередь, мобильные». Что говорит само за себя.

Запуск нового сайта – на что следует обращать внимание

Сегодня количество мобильного трафика перевалило уже за 60%, и это далеко не предел. По прогнозам, в ближайшее время эта цифра вырастет до 80%. Эта статистика должна обязательно учитываться владельцами сайтов. Современные пользователи не любят долго искать информацию, а предпочитают работать с сайтами, которые находятся на первых страницах в выдаче. Добиться такого положения без учета требований mobile-first практически невозможно.

На что же следует обратить пристальное внимание, если планируется запуск сайта:

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

Также при создании сайта стоит отказаться от переадресации. Для выделения разных версий ресурса лучше использовать атрибуты rel=саnonical и rel=alternate. Если бизнес развивается в каком-то одном регионе, то лучше использовать локальное SEO.

Заключение

Если у вас уже есть сайт, который создан до 1 июля 2019 года, позаботьтесь о наличии качественной мобильной версии. Соблюдайте все аспекты SEO. Старайтесь, чтобы эта версия ни в чем не уступала обычной. Регулярно проверяйте позиции сайта.

Если же вы только решили создать сайт, тогда обязательно учитывайте в процессе все требования mobile-first, чтобы получить в результате ресурс, который займет достойные позиции в выдаче Google.