Mobile-first индекс Google — на что важно обратить внимание

Редактор-переводчик SEOnews

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

Переход к mobile-first – значимое событие digital-мира. Google не только представляет новый тип индексации, но и подталкивает специалистов к тому, чтобы сделать мобильные сайты удобнее.

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

Что это такое?

Mobile-first (индексирование, ориентированное на мобильные устройства, как его переводит сам Google) — новая модель индексации, согласно которой для ранжирования сайтов и формирования сниппетов Google будет использовать мобильные версии страниц. Ранее поисковик в первую очередь учитывал десктопную версию сайтов, а оптимизация под мобильные устройства просто улучшала ранжирование.

Почему mobile-first?

Переход на mobile-first — колоссальная работа для команды Google. Зачем компании менять что-то и уходить от привычной модели индексации?

Согласно исследованию StatCounter, мобильный поисковый трафик уже в 2016 году обогнал десктопный: для поиска пользователи используют смартфоны и планшеты чаще, чем ПК.

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

Как все начиналось

Первая информация о mobile-first индексе появилась в 2016 году. Еще тогда специалист Google Гэри Илш заявил, что запуск новой индексации – длительный процесс, полный переход может занять до пяти лет.

Запуск индекса состоялся в октябре 2017 года. На новый тип индексации было переведено небольшое количество сайтов, готовых к переходу. В мае 2018 вебмастера, чьи сайты перешли на mobile-first, начали получать уведомления в Search Console.

Mobile-first индексация включена для [адрес сайта]. Это значит, что в ваших логах будет больше трафика от Googlebot Smartphone. Также вы можете заметить, что контент для сниппетов в поиске теперь берется с мобильной версии сайта, – говорится в уведомлении.

По словам специалиста по качеству поиска Google Джона Мюллера, у компании нет четкого графика запуска mobile-first: команде предстоит еще много работы и назвать точную дату полного запуска индекса невозможно.

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

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

Что изменится?

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

Тип сайта	Что изменится?
Только десктоп	Ничего. Поисковый робот Google продолжит индексировать десктопную версию. Однако помните, что предпочтение будет отдаваться mobile-friendly сайтам. Может быть, стоит задуматься об оптимизации под мобайл?
Адаптивный дизайн	Ничего
Канонические AMP-страницы	Ничего.
Разные URL	Поисковый робот Google будет отдавать предпочтение мобильной версии. Сайт стоит подготовить к переходу на новое индексирование.
Динамический показ	Поисковый робот Google будет отдавать предпочтение мобильной версии. Сайт стоит подготовить к переходу на новое индексирование.
Обычные и AMP-страницы (две разные версии одной страницы с разными URL)	Поисковый робот Google будет отдавать предпочтение мобильным версиям страниц. Если для страниц используется динамический показ или разные URL, подготовьте их к переходу на mobile-first

Что делать?

В первую очередь, не паниковать.

Если вы используете динамический показ или у мобильной и десктопной страниц вашего сайта разные URL, вам следует обратить внимание на следующее:

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

Структурированные данные. Разметка должна присутствовать на обеих версиях сайта. Все URL, добавленные в мобильную разметку, должны вести на страницы мобильной версии. Не используйте структурированные данные просто для галочки, разметка должна быть релевантна контенту на странице. Подробнее о структурированных данных можно узнать из Справки Google.

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

Если у десктопной и мобильной версий вашего сайта разные URL, то помимо вышеуказанных советов, вам также стоит обратить внимание на:

Верификацию в Search Console. Необходимо подтвердить право собственности не только на десктопную версию сайта, но и на мобильную.

Метатег hreflang. Если вы используете метатег rel=hreflang для управления мультиязычным сайтом, URL в мобильном hreflang должны вести на мобильную версию сайта, а в десктопном – на десктопную.

Метаданные для социальных сетей. Разметка Open Graph, Twitter Cards и другие метаданные социальных сетей должны присутствовать как в мобильной, так и в десктопной версиях.

Файлы Sitemap. Удостоверьтесь, что все ссылки на файлы Sitemap доступны с мобильной версии сайта.

App Indexing. App Indexing – утилита, позволяющая открывать контент напрямую из поиска, не заходя на сайт. Если у вас она есть, необходимо убедиться, что верифицированы обе версии вашего сайта.

Мощность серверов. Убедитесь, что серверы, на которых размещен сайт, способны выдержать повышенную скорость сканирования.

FAQ

Автор Moz.com, SEO-специалист Бриджит Рендольф ответила на частые вопросы пользователей.

После перехода на mobile-first Google создаст отдельный индекс для мобильных страниц?

Нет, индекс останется единым для всех сайтов. Google меняет сам принцип индексирования, а не разделяет десктопные и мобильные страницы в разные индексы.

Как узнать, что мой сайт переведен на mobile-first?

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

А что, если у сайта нет мобильной версии? Ее нужно срочно создать?

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

У сайта есть полноценная десктопная версия и урезанная версия для мобильных: в ней почти нет контента. Получается, что весь контент с десктопа пропадет из поиска?

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

Переход повлияет на размещение рекламы и контента на странице?

В целом нет. Принципы размещения контента на странице не меняются. Также вы можете продолжать использовать меню типов «аккордион» и «гамбургер».

Однако если объявления и контент размещены таким образом, что затрудняют использование сайта, у вас есть все шансы опуститься в выдаче. Ваша главная задача – сделать так, чтобы пользователю было удобно.

Генеральный директор агентства СЕО-Импульс Алексей Бузин рассказал, как компания готовится к запуску mobile-first и какие сайты, по его мнению, пострадают от обновления.

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

Рекомендуем всем, кто хочет сохранить текущие позиции в Google, проверить как выглядит сайт со смартфонов и не сильно ли он отличается от десктопной версии. Сделать это можно в Search Console с помощью функции «Посмотреть как GoogleBot».

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

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

Все еще есть вопросы? Здесь можно найти FAQ по mobile-first от Google

Источники: Блог для вебмастеров Google, Moz, Search Engine Journal,

о чём важно помнить разработчикам, которые ориентируются только на смартфоны — Офтоп на vc.ru

«Несколько лет назад ИТ-компании перешли к стратегии Mobile First. До этого в организациях были отдельные департаменты разработки под мобильные платформы и работники, которые занимались развитием мобильного направления. Теперь новая функциональность сразу появляется на смартфонах, а на ПК иногда и не переносится», — пишет Эванс.

По словам инвестора, в 2016 году всё больше компаний приходят к парадигме Mobile Native. «Это эволюция принципа Mobile First. Что будет, если попросту забыть о ПК и дешёвых мобильных телефонах? Если полностью сосредоточиться на 2,5 млрд смартфонов и полностью опустить рынок low-end-устройств. Сможете ли вы построить большую компанию?».

По мнению Эванса, выбирающим стратегию Mobile Native разработчикам следует в первую очередь обдумать несколько основных моментов:

• Основной метод ввода на смартфонах — их камера. «Часто это лучшая камера, которой когда-либо владели пользователи. И к тому же — универсальное устройство, которым можно снять что угодно и где угодно».
• Так как, по словам Эванса, множество сотрудников больше не работает в опенспейсах, они не станут мешать другим, если будут слушать музыку, говорить по телефону или отдавать ему голосовые команды.
• Пропускная способность LTE- и WiFi-сетей выросла настолько, что автопроигрывание видео или прямые трансляции на смартфонах уже не доставляют пользователям неудобств. «Видеоконтент почти стал полноценной и эффективной заменой HTML-вёрстке или технологии Flash».
• Смартфон становится основным устройством, которое используют даже дома. Длительность работы от батареи приобретает меньшее значение.
• Смартфон — это также личное устройство, которое всегда в кармане владельца. Личным становится и приложение. «Пользователь готов поделиться с приложением чем-то таким, чем не стал бы делиться с ПК-версией программы».
• Мобильные операционные системы поддерживают мультизадачность и способны одновременно запускать несколько программ. «Пользователи могут пробовать новые сервисы десятками, платить за это всего ничего и при этом чувствовать, что их устройство в безопасности».
• Специальные сервисы и технологии позволяют пользователям смартфонов транслировать live-видео для тысяч зрителей и даже дополнять их специальными фильтрами или эффектами.

«Я бы хотел обратить внимание на последний пункт — стоит задумать, сколько различных технологий задействовано в таких приложения, и почему появление подобных сервисов было невозможно на ПК», — замечает Эванс.

Поразительно, насколько смартфоны одновременно сложнее и проще в использовании, чем ПК — и особенно это касается мобильного интернета.

Инвестор говорит, что с мобильным телефоном пользователи могут делать множество вещей, которые им не позволяла делать система, включавшая в себя сам компьютер, клавиатуру и мышь. Это открывает новые возможности как для самих владельцев смартфонов, так и для разработчиков. «Уже выросло целое поколение, которое готово к парадигме Mobile Native. А приложения, которые в 2007 году вызвали бы восторг, сейчас кажутся совсем простыми».

«Разработчики наконец могут отказаться от парадигмы Mobile First и применить свои навыки для того, чтобы максимально охватить возможности двух миллиардов смартфо

Google mobile-first индекс. Что он значит для вашей seo-стратегии — Devaka SEO Блог

Год назад Google анонсировал новый подход в индексации и ранжировании сайтов под названием Mobile-First Indexing.

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

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

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

Несколько советов от Google по проверке готовности сайта к mobile-first индексу:

• Убедитесь, что мобильная версия сайта имеет также весь важный контент. Сюда входят тексты, изображения (с alt-атрибутами) и видео.
• Структурированные данные должны использоваться, как на мобильной, так и на десктопной версиях сайта.
• Мета-данные должны присутствовать на обеих версиях сайта. Убедитесь, что тайтлы и мета-описания идентичны на разных версиях сайта для всех страниц.
• Нет необходимости менять связи между версиями. Оставьте текущие теги rel=canonical и rel=alternate.
• При использовании атрибута hreflang, указывайте ссылки в рамках одной версии сайта. Мобильные hreflang-теги должны ссылаться на региональные/языковые версии мобильного сайта, а десктопные — на региональные/языковые версии десктопной версии сайта.
• Убедитесь, что ваш хостинг выдержит дополнительную нагрузку краулинга. Это проблема не касается адаптивных проектов, а только тех, кто использует отдельный URL для мобильной версии сайта.

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

Что осталось за кадром?

Советы и принципы Google относительно mobile-first индекса достаточно простые, но вызывают ряд резонных вопросов от специалистов, так как нужно корректировать seo-стратегию.

1. Как будет ранжироваться контент во вкладках?
Сейчас контенту во вкладках, как и любому спрятанному контенту, Google дает меньший приоритет. Но на мобильных версиях сайта использовать вкладки удобно с точки зреия юзабилити. Будут ли вкладки влиять теперь на ранжирование? Гари Илш (Google) уверяет, что контент во вкладках теперь будет давать полный вес, если они сделаны для удобства пользователей.

2. Затронется ли десктопная выдача?
Задача mobile-first индекса, в первую очередь, улучшить опыт мобильных пользователей. Но ничего не говорится об изменениях в десктопной выдаче, кроме как нового кеша и сниппетов. На самом ли деле мобильные сигналы будут влиять на десктопную выдачу? Google говорит, что не ожидает значительных глобальных изменений в ранжировании, то есть, они хотят, чтобы изменения были минимальными. Однако, индекс будет один и десктопные результаты поиска будут зависеть от мобильных версий сайта. Если ваш мобильный сайт медленно грузится или не имеет заголовков или важных текстов, то это всё повлияет, как на мобильную, так и на десктопную выдачу.

3. Может в будущем Google сделает два индекса?
Логично было бы сделать один индекс для мобильной выдачи и второй для десктопной. Но у Google таких планов нет. Разве что после неудачных экспериментов они снова перейдут на desktop-first индекс.

4. Что по поводу поведенческих и ссылочных факторов?
Мобильным сайтам сложней заработать ссылки, но они также важны для продвижения. Плюс, поведенческие факторы на мобильных устройствах и на десктопных версиях сайта совершенно разные. Это как-то повлияет на ранжирование? На самом деле, Google сам не знает ответа. Поэтому, остается только ждать и заранее делать мобильные версии максимально оптимизированными для SEO.

Кстати, посмотреть, как Google видит ваш мобильный сайт можно с помощью Search Console, зайдя в раздел «Сканирование» — «Посмотреть как Googlebot» и выбрать «Mobile: Smartphone» в выпадающем списке формы.

что это значит? – BYYD

В середине декабря Google объявил, что теперь будет в первую очередь индексировать те сайты, которые адаптированы под мобильных пользователей. Что это значит для вас?

Основные моменты

 

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

Одна часть владельцев сайтов поняли, что без уважения мобильного пользователя никуда, и стали оптимизировать свои ресурсы под смартфоны и планшеты. Вторые же решили пойти другим путем, и создавали подобие «мобильных» сайтов, куда пользователь попадал после переадресации. Это решение чаще всего приводило к ухудшению пользовательского опыта, так так содержимое этих мобильных версий было гораздо хуже полной версии. Часто получалось так, что из органической выдачи пользователь переходил на мобильный сайт, и там просто не было того контента, который он искал, хотя в поисковике страница индексировалась. Приняв это во внимание, к 2018-му году Google решил изменить подход к индексации, уделяя больше внимания мобильным пользователям.

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

Проценты трафика сайтов с мобильных устройств по всему миру с 1-го квартала 2015 года до 3-го квартала 2017 года

Что вам нужно делать?

 

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

1. Убедитесь, что мобильная версия сайта содержит полезный и качественный контент.
2. Форматы картинок, видео-файлов и текстов должны индексироваться (проверьте атрибуты Alt).
3. Важны структурированные данные и расширения для поиска. Они должны быть и на полной версии сайта, и на мобильной.
4. Метаданные пропишите в обеих версиях, так как в них есть подсказки о содержании страницы — то, на что обращает внимание поисковой робот. Как минимум, убедитесь, что title и description одинаковы для полной и мобильной версий.
5. Сильных изменений в мобильных ссылках не нужно. С технической стороны не забудьте про rel=canonical и rel=alternate.
6. Усильте сервера. Нужно подготовиться к повышенной скорости сканирования. Это не относится к адаптивным сайтам, только к ресурсам с отдельной мобильной версии.

В блоге Google отмечают, что будут оценивать ресурсы по этим критериям, и после полного соответствия переводить на mobile-first индексацию.

Эта новость означает, что мир маркетинга признает подавляющую популярность мобильных устройств и старается все больше «угодить» мобильным пользователям. Мы следим за актуальными новостями и делимся ими с вами!

Если вы читаете наш блог, то можете получить специальный бонус. Мы продолжаем бесплатно анализировать рекламный креатив и мобайл-версии сайтов наших клиентов и партнеров, и предлагать им дельные советы по улучшению. Хотите получить экспертный совет? Пишите на [email protected]. Мы вам рады!

 

что это такое и как его настроить

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

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

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

Требований в Mobile First к разработке сайтов

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

Как можно получить максимум пользы от Mobile first?

1. 1 При создании мобильного варианта сайта откажитесь от переадресации в зависимости от используемого вида устройства. Лучше применять атрибуты rel=alternate и rel=саnonical для выделения разных версий сайта.
2. 2 Необходимо максимально полезно использовать пространство на странице выдачи.
3. 3 Контент на разных версиях сайта должен быть полностью идентичным.
4. 4 Используйте структурированные данные. Это увеличит рост трафика.
5. 5 Отдавайте предпочтение локальному SEO. Особенно, если ваш бизнес развивается только в каком-то одном регионе.
6. 6 Сделайте все, чтобы минимизировать время загрузки сайта. Не берите объемные изображения, сведите к минимуму использование HTML, JavaScript и CSS, JavaScript размещайте внизу страницы.
7. 7 Используйте сервис Google Search Console, чтобы подтвердить наличие обособленного мобильного ресурса.

На сегодня число пользователей мобильных устройств составляет как минимум 60% и постоянно растет. Поэтому применение Mobile First при разработке сайта дает большие преимущества и разработчикам и пользователям.

ᐉ Что Такое Mobile First Index? ⋆ Блог IT-Gravity

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

Desktop first используют те, кому веб-дизайнер скидывает макеты только в исполнении под ПК. Как правило заказчики стараются экономить на веб-дизайне. Они заказывают макеты в одном исполнении и не просят веб-дизайнеров прислать отображение под смарт устройство. Это порождает некоторые проблемы именно с точки зрения верстки. Здорово конечно если вы обладаете пространственным мышлением и можете представить, что произойдет с блоками в мобильном виде.

Что такое «mobile-first индексация»?

За последние годы доля мобильного трафика значительно выросла. Google Search Console добавил информацию про внедрение на сайтах mobile first index. Это нововведение от Google. Правильный и концептуальный подход создания сайтов.

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

Читайте также: что такое товарные объявления в поиске Google

Как подготовиться к mobile-first индексации?

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

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

Работая над прайсом с ценами, лучше разместить один под другим. Если вы используете блок где описываются какие-либо преимущества, то можно использовать метод 2+1. Когда вы адаптируете макет под мобильное устройство, уменьшайте пространство. Делайте это таким образом, чтобы пользователь как можно меньше скролил и потреблял контент.

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

Один из минусов desktop first это большая нагрузка для мобильных устройств. Представьте, пользователь зашел на сайт со смартфона. На его устройство идет большая нагрузка. То есть он загружает тот медиа-контент, который вы использовали конкретно под этот экран. Конечно сейчас мобильный интернет быстрый и вероятней всего он загрузит эти все стили, но вы должны понимать это все влияет на скорость вашего сайта. Поэтому самое время стоит прийти к тематике mobile first.

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

Вероятнее всего эти блоки будут растягиваться, но тем не менее они будут выглядеть хорошо. Лучше если бы вы верстали этот сайт сначала под пк а потом при сжатии у вас все блоки поломались бы. Так же из очевидных плюсов это скорость загрузки по мобильному трафику. Когда вы планируете верстать по методу MFI вы переходите все выше и выше и верстаете под пк. Для этого вы используете медиа-контент минимальной ширины. Используя метод mobile first, вы можете сократить использование скриптов.

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

Читайте также: Как настроить аккаунт в Google My Business

Как быть, если у сайта нет мобильной версии?

Отсутствие мобильной версии вашего сайта либо адаптивной верстки буде хуже влиять на ранжирование контента. Адаптивная верстка и мобильная версия с приходом мобайл фест очень важна для вашего проекта. Google mobile first — это перевод индексирования Google на индексацию мобильной версии вашего сайта.

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

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

Преимущества мобильной версии

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

Недостатки мобильной версии

1. Несколько адресов. нужно использовать мета-теги.
2. Стоимость обслуживания. Необходимо поддерживать работу версии для разных устройств.
3. Продвижение двух отдельных сайтов.
4. Ограниченность создания отдельного мобильного сайта означает избавление от части содержания и функциональности.

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

Как сделать ваш сайт удобным под мобильное устройство? Есть два основных варианта: это создать мобильную версию сайта или адаптивная верстка вашего сайта. Дополнительно можно создать мобильное приложение под ваш сайт. Google mobile-first индекс проводит автоматическую проверку на всех видах сайта.

забыть и забить?! — CMS Magazine

Помните эти восторги по поводу Mobile first? Как легко и просто все выглядело еще пару лет назад: мобильный трафик растет, значит, пора делать ставку именно на мобильные устройства. Казалось, еще немного и другие подходы к созданию сайта станут совсем не актуальными.

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

Мы спросили представителей веб-студий разной специализации, возраста и масштаба, как они относятся к этому подходу, практикуют или нет. Ответы были получены столь разноплановые, что очевидно — отрасль поделилась на три категории: «Да, конечно», «Нет, нам и так нормас» и «Мейби, если осторожно».

Сначала предлагаем выслушать доводы скептиков.

Необходим сайт, мобильное приложение, услуги по SEO или контекстной рекламе? Тендерная площадка WORKSPACE поможет выбрать оптимального исполнителя. База проекта насчитывает более 10 500 агентств. Сервис БЕСПЛАТЕН для заказчиков.

Агентство Bquadro — среди тех, кто относится к Mobile first довольно осторожно: метод практикуют, но панацеи в нем не видят. Почему? Обратите внимание на предпоследнее предложение.

Перейдем к студиям, которые не только видят перспективу в Mobile first, но и уже сейчас активно его практикуют. Как они аргументируют свою позицию?

Вот ведь странность. Почитаешь последние два мнения и думаешь: так здорово же! Почему тогда забуксовала популяризация Mobile first? Мы попросили следующего спикера дать свои варианты объяснений данному феномену.

 

Попробуем тезисно подытожить?

• Mobile first — это как котлетка с пюрешкой. Нравится почти всем, но, не всегда уместно. Например, в кинотеатре принято есть поп-корн, но увидеть людей с тарелкой и вилкой было бы странно, правда?

• Большинство клиентов не готовы к Mobile first. Инициаторами данного подхода большей частью являются именно подрядчики. То есть именно от самих студий зависит, какой подход будет реализован в том или ином проекте.

• Кстати, про подрядчиков. Если ранее не доводилось случая прокачать соответствующие скилы, то со значимыми заказчиками, они, как правило, рисковать не будут. Замкнутый круг.

• На данный момент в Рунете не так много удачных кейсов, реализованных по Mobile first. То есть не очень понятно, с кого именно можно брать пример.

• Объемы мобильного трафика на данный момент существенно переоценены. Мобильный трафик — не всегда значит серфинг. Во многих случаях речь все еще идет исключительно о соцсетях и мессенджерах.

• Часть разработчиков уже понимает, что может миновать фазу Mobile first, сделав прыжок сразу в сторону Mobile Native.

Оригинал: http://www.cossa.ru/trends/157587/