Гугл мобайл френдли. Новый алгоритм Google mobile-friendly: что изменилось за месяц. Как проверить страницы на дружественность мобильным устройствам

Почти год назад, 21 апреля 2015 года, компания Google анонсировала запуск алгоритма mobile-friendly по всему миру. Зарубежное SEO-сообщество практически сразу окрестило его Mobilegeddon.

Что представляет собой mobile-friendly от Google?

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

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

В чем особенности алгоритма?

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

2. Влияет на результаты поиска на всех языках по всему миру . Ранее часть нововведений Google тестировал лишь на результатах англоязычной выдачи, глобальный запуск этого алгоритма говорит, что mobile-friendly пришел в поисковую индустрию всерьез и надолго.

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

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

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

Как проверить страницы на дружественность мобильным устройствам?

Первый способ : с помощью специального сервиса Google Mobile-Friendly Test .

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

При отсутствии mobile-friendly пользователь получит информацию о наличии проблем и их краткое перечисление:

Второй способ: отчет Mobile Usability в панели веб-мастера Google (при наличии доступов).

В Search Console в разделе «Удобство просмотра на мобильных устройствах» можно ознакомиться с информацией о найденных поисковой системой Google недочетах в отображении страниц сайта на мобильных устройствах:

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

Пример отображения неадаптированной страницы:

Примеры отображения mobile-friendly страницы:

ВАЖНО : используя сервис PageSpeed Insights , также можно проверить удобство просмотра страницы на мобильных устройствах. Этот сервис выгружает содержимое страницы, имитируя просмотр пользователем, но не учитывает в своей работе директивы файла robots.txt, тогда как Mobile-Friendly Test следует правилам robots.txt. Соответственно, результаты проверки в этих двух сервисах могут сильно отличаться, и успешное прохождение теста в сервисе PageSpeed Insights не является показателем дружественности страницы для мобильных устройств.

Стоит отметить, что использование любых обманных техник для прохождения Mobile-Friendly Test в перспективе повлечет негативные последствия для ранжирования страницы и сайта в целом. Так, например, закрытие от индексации файлов CSS, JavaScript и т. д. для успешного прохождения проверки является попыткой обмануть робота и противоречит о качественном сайте.

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

Что в этом аспекте важно понимать?

Mobile Friendly в качестве фактора ранжирования уже факт свершившийся. К этому шли давно и наконец, пришли. Однако, многие игроки работающие в поле электронной коммерции до сих пор им пренебрегали. Это списывалось на низкую долю трафика с мобильного поиска. Но давайте на секунду остановимся и взглянем на цифры: в рунете доля уже составляет 37,4%, для сравнения в США – 47,3%. Важно понимание значимости каждого привлеченного клиента. Это касается как мобильного поиска, так и поиска по картикам, которым также любят пренебрегать. Учитывая потребности каждой группы посетителей ресурса можно добиться должного уважения, повысить посещаемость и продажи.

Каковы особенности мобильного поиска?

• Для мобильного поиска очень важна географическая привязка (локализация);
• Для мобильных устройств поисковая выдача БЕЗ СКРОЛЛИНГА представляет собой всего 2-3 первые позиции;
• В силу того, что диагональ смартфонов значительно меньше диагонали стационарных компьютеров это накладывает ограничения на размер title и description, которые выводятся в сниппете;
• Пользователи, которые переходят на сайт с мобильного поиска как правило располагают меньшим количеством времени. Исходя из этого, они должны как можно быстрее получить нужную информацию. Для этого следует позаботится о крайне быстрой загрузке страниц, а также сделать качественную систему поиска по сайту. Поиск должен быть удобен, понятен и корректен в плане выводимых результатов относительно поступившего запроса;
• При оптимизации сайта следует учесть использование пользователями голосовых запросов, которые, как правило, длиннее обычных запросов и задаются в виде вопросов.

Варианты оптимизации сайта под мобильные устройства

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

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

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

Различные url-адреса . В зависимости от типа устройств будут использоваться различные вариации кодовой части и различные url-адреса. Система автономно будет пытаться определить устройство-просмотрщик пользователя после чего перенаправит его на страницу, которая в максимальной степени будет оптимизирована. Такое перенаправление осуществляется посредством http переадресации, а также http-заголовков Vary.

из 5 )

Проверить мобильную версию сайта на предмет ошибок задача простая. Ответственность на поисковом оптимизатором. Наличие оптимизированной версии сайта является фактором ранжирования документов сайта.

Инструменты для мобильных сайтов

Как проверить мобильную версию сайта.

Проверить сайт под мобильные устройства можно используя сервисы:

• Google Mobile-Friendly
• Google PageSpeed Insights;
• WebPage Test;
• ScreenFly;
• WebPage Test;
• BrowserStack.

Mobile-Friendly

Сервис под названием Mobile-Friendly покажет насколько сайт оптимизирован под мобильные устройства и какие есть ошибки в плане оптимизации:

PageSpeed Insights

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

Сервис называется просто - PageSpeed Insights.

WebPage Test

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

Сервис абсолютно бесплатный.

ScreenFly

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

Инструмент бесплатный.

Adobe Edge Inspect

Если есть парк устройств для проверки сайта, можно использовать девайсы. Задача загрузки сайта на всех устройствах занимает определенное время, но задача решается.

Если использовать специально созданное для открытия сайта на разных устройствах приложение под названием Adobe Edge Inspect, задача упрощается.

Инструмент бесплатный.

Приложение кросс-платформенное.

BrowserStack

BrowserStack является известным сервисом среди разработчиков сайта. Сервис показывает совместимость сайта на реальных устройствах.

Инструмент платный.

Bing Mobile Test

Проверить бесплатно сайт на соответствие требованиям мобильных устройством можно посредством инструмента Mobile Test от поисковой системы Bing.
Ссылка на сервис -

Поисковая система Google подготовила очередной сюрприз для владельцев сайтов - Google Mobile-Friendly алгоритм, по которому сайты с адаптивным дизайном будут иметь больший приоритет в ранжировании (размещаться в поисковой выдаче выше), а также будут отмечены - «Для мобильных устройств» или «Mobile-friendly». Предполагается, что это решение позволит поисковой системе Google отдавать пользователям подходящие для их мобильных устройств сайты.

Согласно исследованию от Google - более 55% пользователей поисковой системы совершают покупки с помощью мобильных устройств. Поэтому владельцам российских интернет-магазинов стоит обратить внимание на сегмент мобильных устройств, к тому-же за 2014 год Google увеличил свою долю в поисковом трафике с 26,9% до 32,1% и, благодаря тому, что является поставщиком OC Android (самой популярной мобильной операционной системы в России), наверняка продолжит наращивать преимущество, особенно учитывая не совсем удачные эксперименты Яндекса, нацеленные на коммерционализацию выдачи.

Новый алгоритм Google Mobile Friendly начнет работать с 21 апреля сразу на всех языках. То есть c этого времени сайты без хорошей мобильной версии (не проходящие Google Mobile Friendly Test) могут не показываться в мобильном поиске Google! Так к примеру интернет-магазин, который сейчас показывается в ТОП 10 Google, может оказаться сразу в топ 20-30, а владельцы сайта могут потерять до половины аудитории из поиска Гугла.

Пример Google Mobile-Friendly сайта: http://demo.simpla-cms.ru

Поэтому мы приглашаем владельцев сайтов и интернет-магазинов на бесплатную консультацию . Мы проверим ваш сайт на соответствие требованиям Google Mobile-Friendly Test и дадим рекомендации по исправлению ошибок.

Для своих проектов вы, наверняка, давно заметили, что количество мобильных пользователей постоянно растет. У кого-то тенденция менее заметна, а на некоторых проектах за каждый год эта цифра увеличивается в 2 раза и больше. По данным LiveInternet, в Рунете сейчас более 50% трафика приходится на мобильные устройства. Кстати, многие читатели этого блога уже давно жалуются, что здесь нет мобильной версии 🙂 что будет, конечно, исправлено в ближайшем будущем.

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

Сначала Google давал сайтам пометку в сниппетах, что они будут корректно отображаться на мобильниках.

Также Google создал инструмент в помощь вебмастерам для проверки корректности отображения сайта на мобильных устройствах:
https://www.google.com/webmasters/tools/mobile-friendly/

С 21 апреля Google запустил новый алгоритм, на западе его назвали Mobilegeddon. Теперь успешное прохождение теста на Mobile Friendly является одним из seo-факторов, учитываемый гуглом. Пока что сильных изменений в выдаче не наблюдалось, но готовиться можно уже сейчас.

Как же сделать сайт адаптивным с точки зрения гугла? Секрет простой - нужно поставить задачу вашим программистам/верстальщикам. Ну а если нет времени ждать, то … можно использовать MobileCheat 🙂

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

Как обойти тест Google с помощью MobileCheat

Необходимо сделать всего две вещи:

1. Добавить в код мета-тег viewport.

2. Закрыть роботу доступ к CSS -файлам или папке, где они лежат через robots.txt

Например, так мой блог проходит тест по умолчанию:

При закрытии CSS картина меняется:

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

А что вы думаете по этому поводу? Будет ли это Google рассчитывать как ответный ход конём или он продумал всё наперёд и сразу поставит сайту шах и мат? 🙂