Стратегия Mobile First – новое течение в сфере разработки и продвижения сайтов. Опираясь на него, удается существенно повысить поисковую выдачу проекта. Тем самым, привлекая на него все больше посетителей. В этой статье мы подробно рассмотрим, что представляет собой стратегия, как правильно ее реализовать.
Материал будет полезен разработчикам и SEO-оптимизаторам, заказчикам сайтов. Каждый из них почерпнет для себя нечто полезное, но все – поймут, насколько важно это направление при заказе, создании и продвижении сайтов.
«Тихая революция»: трафик становится все более мобильным
У сайта большое количество отказов? Пользователи часто покидают его, не совершив целевое действие? Не можете понять, в чем проблема? А давно ли вы тестировали работу ресурса на смартфонах, планшетах? Вероятно, он просто неудобен для владельцев мобильных устройств.
В подавляющем большинстве случаев «алгоритм» разработки сайта представляет собой следующую последовательность:
- создание десктопной версии;
- ее шлифовка, наполнение, оптимизация;
- создание адаптивной версии.
То есть, мобильная версия идет как бы в довесок. Еще несколько лет назад такой подход был вполне оправдан. Активных пользователей смартфоном было не так уж и много. В 2018 году все кардинально изменилось.
Mobile First в веб-дизайне
По усредненным данным разных аналитических исследований доля мобильного трафика в конце 2018 года составила почти 60%. Игнорируя мобильную версию, владельцы сайтов пилят сук, на котором сидят – собственноручно ставят под удар свой бизнес.
Еще одни аналитические и статистические исследования указывают – мобильный трафик превалирует. Однако уровень отказов у мобильных сайтов на 40% выше, чем у десктопных версий. Количество просмотренных страниц и время, проведенное на сайте, меньше в два раза. А в некоторых случаях – даже в три раза. Все зависит от тематики.
Обратите внимание! К примеру, десктопную версию сайта пользователи просматривают в среднем – 5 минут 5 секунд. А вот при заходе с мобильного устройства – всего 3 минут 32 секунды.
Конечно, можно утверждать, что причина таких показателей в разных целях, преследуемых при посещении мобильной и обычной версии. В реальности же все куда печальнее – мобильные версии все еще не являются полноценно адаптированными под все требования владельцев смартфонов.
Mobile First: что это такое
Об этом тренде активно начали говорить в последний год. Хотя первые шаги к его запуску сотрудники компании Google сделали в 2015 году.
Суть Mobile First состоит в том, чтобы разработку сайта начинать с мобильной версии. Создатели прорабатывают проект, ориентируясь, в первую очередь, на пользователей смартфонов. И только после создания удобного во всех смыслах ресурса, предполагается его адаптация под компьютеры и ноутбуки.
Что такое 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 нельзя ни в коем случае. Именно от нее во многом будет зависеть успешность компании и финансовые показатели.
В ближайшие годы нас ждет масса глобальных изменений, касающихся продвижения, ранжирования сайтов. Первый шаг к ним уже сделан. Пока он не кажется революционным, но все впереди. Пройдет чуть-чуть времени и изменения снежным комом задавят тех, кто не желает к ним приспосабливаться.
Источник: www.centum-d.com
Mobile First (сначала мобильные) в поиске Google
C конца октября — первых дней ноября 2016 года корпорация Google тестировала новую технологию поиска — Mobile First. Тестирование проводилось несколько месяцев с участием отдельной выборки пользователей. В процессе теста алгоритм Mobile First проверяли на работоспособность и актуальность, выявляли ошибки, корректировали и подготавливали к официальному запуску в качестве основного поискового принципа.
Окончательная дата запуска Mobile First индекса пока не называется и никому неизвестна. По словам представителя Google Гэрри Илша, подготовка займет больше времени, чем ожидалось прежде. Однако Mobile-First обязательно запустят во всех языковых и региональных версиях поиска Google уже в самое ближайшее время.
В чем принцип мобильного индекса и как это будет работать на практике? Что делать владельцам сайтов в новых условиях, и стоит ли беспокоиться? Какие параметры нужно учесть для подготовки веб-проекта к Mobile First технологии? Какова предполагаемая выгода пользователей от изменений?
Обо всем этом и многих других нюансах вы узнаете далее.
Предпосылки запуска Mobile First (сначала мобильные)
Главной предпосылкой для запуска мобильного индекса стала неуклонно возрастающая доля мобильного трафика. В конце 2016г. она достигла 60% и ежедневно продолжает расти. Если точнее – это 62% mobile-трафика в Рунете на конец осени 2016г. (по словам Сергея Архангельского).
Согласно статистике и официальным исследованиям:
— в США более 25% пользователей выходят в Сеть исключительно с мобильных устройств;
— 65% мобильных пользователей Рунета совершает онлайн-покупки;
— в сельских районах Китая уже в 2013г. мобильный трафик превышал 45%;
— во время пятничных распродаж 2015г. в США объем мобильных покупок составил 36,6%.
Мобильных пользователей стало так много, что Google должен был как-то учитывать эту тенденцию. Достаточно вспомнить, как часто на протяжении всех предыдущих лет представители Google заявляли о mobile-friendly требованиях, предъявляемым к современным веб-сайтам. Таким образом, Mobile First индекс стал вполне ожидаемым и логичным.
Mobile First : что это такое и как работает
Сейчас десктопные версии сайтов индексируются в первую очередь и отображаются в выдаче пользователям персональных компьютеров (ПК) и мобильных устройств (в порядке снижения релевантности по поисковым запросам). Далее mobile-friendly алгоритмы проверяют мобильную версию и показывают ее мобильным посетителям.
Если документ до сегодняшнего дня не готов к мобильным просмотрам, он понижается в выдаче без всякого Mobile First.
Принцип Mobile First индекса в том, чтобы индексировать мобильные документы в первую очередь, проверять их на релевантность. На базе полученной информации формировать результаты выдачи одновременно для пользователей гаджетов и ПК. Далее mobile-friendly алгоритмы работают, как и в случае выше, тем самым разделяя выдачу для mobile и ПК.
Как видим, разница кроется в принципах индексации и построения выдачи. Мобильные сайты теперь проиндексируются в первую очередь, отобразятся в мобильном и даже десктопном поиске.
Мобильные роботы с одинаковым успехом учтут мобильный и десктопный контент, сформируют уже не основную, а второстепенную по значимости выдачу для владельцев ПК. Если мобильной (или адаптивной) версии нет – в выдачу попадет десктопный вариант сайта, но его конкурентоспособность (по сравнению с mobile-площадками) будет занижена.
Кроме того, термином «Mobile First» иногда называют технологию оптимизации сайтов под просмотр на мобильных устройствах с учетом скорости загрузки ресурсов и mobile-friendly принципов (по данным Habrahabr).
Подготовка сайта к Mobile First индексу Google
Данная информация имеет первостепенную важность, если вы продвигаетесь в Google и получаете трафик из этого поисковика. Прежде всего, вам нужно учитывать все последние тренды, включая:
— переход на защищенный HTTPS-протокол и подключение SSL-сертификата;
— отказ от закупки/продажи ссылок;
— ориентацию контента на целевых посетителей, а не роботов.
Если ваш проект уже имеет мобильную версию или адаптивный дизайн, в котором мобильным и десктопным пользователям показан одинаковый контент, то можно не беспокоиться. Если контент отличается, обязательно убедитесь, что:
1) На страницах используется структурирование данных.
2) В обеих версиях присутствует и работает правильная микроразметка (можно проверить специальными онлайн-инструментами).
3) Стили оформления контента настроены под mobile-посетителей (крупный шрифт без «засечек», контраст фона и текста, акценты и подзаголовки, перелинковка и списки).
4) Объем нерелевантной микроразметки на страницах минимален.
5) Мобильная версия доступна для посещений Googlebot (проверить robots.txt, добавить в Search Console).
6) Канонические URL-адреса не изменяются (Google использует их для показа десктопного варианта).
7) Мобильная версия работает действительно быстро (фактор скорости загрузки mobile-страниц по официальным сведениям пока не учитывается Google, но вероятно сработает в перспективе).
8) На мобильных страницах присутствует только важная информация.
9) Сайт не подгружает объемных файлов с серверов, затрачивает минимум интернет-трафика.
10) Интерфейс учитывает небольшие размеры экранов, навигация удобна для mobile-пользователей.
11) Обе версии соответствуют требованиям и рекомендациям сервиса PageSpeed Insights (убрать скрипты в «подвал» и оптимизировать картинки сайта, настроить кэширование и сжатие, почистить программный код и перенести проект на скоростной хостинг – желательно SSD).
12) Полноэкранные и агрессивные рекламные объявления не затрудняют просмотр контента (в идеале, убрать их все). Также устранить избыток межстраничной рекламы — в ближайшее время Google введет соответствующие наказания и штрафы (информация взята из новостной рассылки Google).
Преимущества Mobile First
Если вы хоть единожды просматривали с мобильного устройства любой неподготовленный для этого сайт, вам известны проблемы и сложности mobile-посетителей. По этой причине оценивать достоинства Mobile First нужно, прежде всего, со стороны мобильных посетителей и пользователей:
1. Один веб-ресурс для просмотра с любых устройств.
2. Быстрота работы даже при низкой и ограниченной скорости мобильного соединения.
3. Акцент на важную информацию сайта, перенос менее значимого контента во второстепенные опции, меню и ссылки.
4. Удобство навигации и интерфейса при просмотре на небольших экранах, адаптивность.
5. Экономия мобильного интернет-трафика, который до сих остается относительно дорогостоящим.
6. Снижение числа ресурсов, используемых для загрузки mobile-friendly сайтов.
7. Лучшая релевантная выдача, оптимизированная для мобильных устройств и гаджетов.
Главное преимущество для вебмастера в том, что при Mobile First быстрый и удобный mobile-сайт может быстро выскочить в ТОП выдачи Google. Особенно, если у проекта нет достойных mobile-оптимизированных конкурентов. А позиции в ТОПе – это посещаемость, цитируемость и рост доходов.
Mobile First без сюрпризов
Если у вашего сайта возникнут проблемы с Mobile First индексом, поисковая система уведомит об этом через Search Console (по словам Джона Мюллера). Но, скорее всего, у площадок с адаптивным дизайном сложностей не будет.
Возможно, вы даже не заметите изменений – по крайней мере, к этому стремится команда Google. Задача нового алгоритма – не разрушить и перетасовать имеющуюся выдачу, а улучшить ее для mobile-посетителей.
Точная дата нам неизвестна, но представители Google обещали заранее сообщить о запуске. У вас пока есть время на подготовку сайтов к новым условиям улучшенного Mobile First индекса. Главное – не затягивать и следить за новостями.
Домен или доменное имя: что это, из чего состоит и как выбрать
Санкции и фильтры Яндекса
Источник: x-monitor.ru
Mobile First индекс Google: все о последнем тренде SEO-оптимизации
Компания Google еще в 2018 году запустила новый механизм-индекс для ранжирования сайтов в поисковой выдач е под названием Mobile First. Данный механизм ознаменовал приход акцента на «мобильность» сайта, что по сути означает более высокие позиции в поисковой выдач е для сайтов, которые адаптированы под мобильные устройства, при условии , что качество контента у них равнозначно с неадаптированными сайтами.
Настоящим трендом индекс Mobile First стал только в 2019 и 2020 годах, когда происходила массовая адаптация сайтов под требования данного механизма. Споры, которые принес индекс Mobile First , не утихают до сих пор, но веб-мастерам деваться некуда, поэтому адаптация веб-ресурсов и их контента происходит до сих пор.
Сегодня в статье мы разберем, что нового принес в СЕО индекс Mobile First от компании Google.
Индекс Mobile First от компании Google
Как бы н и сопротивлялись любители десктопных устройств, но сетевой трафик между компьютерами и мобильными устройствами выр о внялся еще в 2017 году, а на сегодняшний день мы уже имеем перевес в пользу мобильного трафика. И то , что мобильный трафик в последующие годы будет только расти, знают все.
Сетевой трафик для компании Google — это их основные деньги и основа их бизнеса. Ведь сама компания не скрывает, что основные деньги к ним приходят из продажи рекламы, а другие продукты лишь добавляют денежный приток. Кстати, у компании Яндекс точно такая же ситуация — основной доход идет от продажи контекстной рекламы.
Раз трафик между мобильными и компьютерами вы ровнялся и стал расти в пользу мобильного, то приход такого механизма ранжирования сайтов , как индекс Mobile First , был ожидаемым. Потому что компания Google никак не планирует терять свои деньги из-за того , что показывает свою рекламу на неадаптиров а нных веб-сайтах.
Просто призывать веб-мастеров адаптировать свои веб-ресурсы — это бессмысленно и очень долго. Поэтому компания Google объявила о внедрении нового механизма Mobile First, который , по сути , несет в себе лояльность к адаптированным под мобильные устройства веб-сайтам. Этим самым она просто мягко принудила веб-мастеров адаптировать сайты. А веб-мастерам деваться некуда, потому что если смотреть на мировую статистику трафика, то компания Google со своей поисковой системой является лидером в данной нише. Если смотреть регионально на Россию, то тут доля трафика между Гугл ом и Яндексом примерно одинакова — по 45+ %. В общем, как говорят в бизнесе: «ничего личного, это просто деньги».
Что принес в себе индекс Mobile First от компании Google
- внешний вид и удобный дизайн;
- ссылочная масса: внутренние и внешние ссылки;
- рекомендации со сторонних ресурсов;
- и мн . д р.
Подойдет ли мобильная версия сайта для индекса Mobile First
Узнав о внедрении индекса Mobile First, многие веб-мастер ы махнули рукой, сказав , что у них есть мобильная версия сайта, поэтому им парит ь ся не о чем. Но если внимательней прочитать инструкцию и рекомендации к адаптации своего ресурса под индекс Mobile First от Google, то станет ясно, что мобильная версия сайта никак не спасает ситуацию. Как так ? — спросите вы . А очень просто.
Главный принцип Mobile First — контент на десктопной странице и на мобильной странице должен быть полностью одинаковым, в том числе и ссылки должны быть одинаковыми. Поэтому мобильная версия сайта, которая с буковкой «m.» вначале , не подойдет, также не подойдет создание AMP-страниц. Даже создание динамического показа контента тоже считается не рекомендованным.
Напомним, что:
- мобильная версия сайта с буковкой «m.» п одразумевает использование двух версий сайта: одна — для компьютера, а другая — на поддомене для мобильного телефона;
- AMP-ст ра ницы — это создание специальных страниц при помощи плагинов или дополнительных библиотек, которые быстрее загружаются на мобильных устройствах;
- динамический показ — это показ сайта на одной ссылк е п росто для разных типов устройств ; открывается или закрывается разный тип контента при помощи HTML и CSS.
Наиболее благоприятной для Mobile First является адаптивная или «резиновая» верстка, когда используется один и тот же HTML, одни и те же ссылки на страницы, один и тот же макет, которые адаптируются под разные размеры экранов. Получается, что мобильная версия такого сайта ничем не будет отличаться от компьютерной версии. Именно такие сайты будут показываться выше в поисковой выдаче. Вышеописанные варианты придания мобильности сайтам считаются устаревшими, поэтому Google рекомендует использовать именно адаптивную верстку. Адаптивный сайт всегда будет показываться выше , чем сайт с динамическим показом или отдельной мобильной версией, при условии , что качество контента будет везде одинаковым.
Заключение
Индекс Mobile First от Google — это механизм ранжирования, который навеян техническим прогрессом. Люди стали чаще выходить в сеть при помощи телефона, поэтому сайты должны быть дружелюбными к этим устройствам — это логично и естественно. Ведь лет 15 назад никто не требовал от сайтов мобильной версии, потому что очень мало людей пользовалось интернетом на телефоне . А в будущем — кто знает , к чему еще подтолкнет прогресс? Вдруг люди начнут выходить в сеть с VR-устройств , и тогда компания Google призовет всех владельцев сайтов переводить свои ресурсы в VR-формат, чтобы не терять клиентов и деньги ? Это , конечно , фантазии, но все может быть.