Мобильная адаптация гугл. Новый алгоритм google mobile friendly. Не так страшен новый алгоритм

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 подготовила очередной сюрприз для владельцев сайтов - 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 и дадим рекомендации по исправлению ошибок.

Почти год назад, 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 и т. д. для успешного прохождения проверки является попыткой обмануть робота и противоречит о качественном сайте.

26 февраля 2015 в блоге для веб-мастеров появилось сообщение: «Результаты ранжирования в мобильном поиске будут изменены 21 апреля». Речь шла о новом алгоритме - mobile-friendly . Подробнее об этом мы писали ранее .

Напомню вкратце, что это за алгоритм такой - mobile-friendly.

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

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

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

Проверить, удобен ли ваш сайт для просмотра на мобильных, можно .

3 важных факта, которые вы должны знать о новом алгоритме

1. Алгоритм влияет на результаты поиска на всех языках во всем мире.

2. Mobile-friendly оценивает отдельные страницы, а не сайт целиком. Если на вашем сайте только некоторые страницы адаптированы под мобильные, именно они имеют все шансы занять лучшие места в выдаче.

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

С 21 апреля прошел почти месяц, как Google анонсировал запуск алгоритма. Давайте посмотрим, что изменилось с тех пор.

Десктопная выдача не пострадала

Какого-то изменения, связанного с алгоритмом mobile-friendly в десктопной выдаче, мы не заметили. Это значит, что с компьютеров, планшетов и т.п. выдача осталась без изменения, и алгоритм, как и предполагалось, на нее никакого влияния не оказал. Изменения связаны только с выдачей на мобильных смартфонах.

Глобальных изменений в мобильной выдаче пока нет

На конференции в Мюнхене Зинеб Аит Бахаджи (Zineb Ait Bahajji), специалист отдела качества поиска Google, сказала, что влияние на выдачу алгоритма mobile-friendly будет сильнее Пингвина и Панды.

На самом деле в мобильной русскоязычной выдаче нами пока ничего такого не замечено. Есть некоторые подвижки в результатах мобильного поиска после запуска алгоритма, по приблизительной оценке в районе 5-8%, но не глобальный «мобилгеддон», как ожидали многие. Точные цифры пока озвучить не возьмемся, еще изучаем и анализируем =)

Чем дальше от первого места, тем сильнее различаются мобильная и десктопная версии

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

Если мы сегодня сравним десктопную и мобильную выдачу по запросу «купить пружину для авто»:

Первых 3 позиции идентичны, а на 4 месте в мобильной выдаче выше сайт vlad-springs.com. И чем дальше от первой страницы, тем сильнее разница в выдачах.

Аналогичную картину можно наблюдать по подавляющему большинству запросов.

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

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

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

А что за бугром?

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

1. Сайт dict.cc

2. boxofficemojo.com

По данным Google все эти страницы не оптимизированы для мобильных.

Тогда как для сайтов, адаптированных для мобильных, картина прямо противоположная:

3. encyclopedia.com

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

Хотите получать трафик из Google? Делайте сайт mobile-friendly!

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

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

Как сделать свой сайт mobile-friendly?

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

P.S. Согласно исследованию Ericsson, количество пользователей смартфонов к 2019 году увеличится в 2,2 раза, а трафик с мобильных вырастет в 6 раз.

P.P.S. Bing тоже начал ставить метку mobile-friendly для сайтов, оптимизированных под мобильные устройства.

P.P.P.S. Зинеб Аит Бахаджи считает, что около 50% всех поисковых запросов в Google приходится на мобильные устройства.

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

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

1. Удобно читаемый контент (читается без увеличения), крупные поля форм и кнопки.
2. Отсутствие "тяжелых" картинок, Flash - элементов и излишней анимации.
3. Отсутствие Java-апплетов и Silverlight-плагинов.
4. Отсутствие горизонтальной полосы прокрутки.
5. Минимальная скорость загрузки сайта.
6. Максимально простая навигация.
7. Прописан мета-тег viewport.

Сервисы для проверки сайта на "мобильность"

Для демонстрации работы сервисов возьмём сайт моих хороших партнёров - бюро переводов КОНТЕКСТ .

1. Google Mobile Friendly

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

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

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

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

3. Средство проверки Bing

Проверяется общая оптимизация плюс соответствие 4 пунктам.

Также отображается то, как сайт выглядит на экране смартфона (конечно же, на OS windows, в то время предыдущие сервисы отображали android-смартфон =)).

4. Mobile Checker от W3C

Самый "долгий" из всех сервисов. Настолько "долгий", что окончания проверки я так и не дождался =)

Ждал минут 5, в то время как остальные сервисы справлялись за 5-20 секунд.

5. Responsinator

В отличии от остальных не даёт каких-либо оценок, но отображает как выглядит ваш сайт на 6 различных устройствах в двух ориентациях на IOS и Android, что очень круто.

UPD1: 20.07.2017:

6. Adaptivator

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

UPD2: 3.11.2017:

7. iloveadaptive.ru

Ещё один новенький сервис, предложенный в комментариях. Как по мне, немного грузноват и непрактичен, но это с лихвой окупается большими возможностями. Имеется даже сортировка по ОС.

Вывод

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

Поэтому всем, кто хочет быть ближе к клиенту и иметь больше посещений\лидов, рекомендую как можно быстрее адаптировать свои сайты. Задать мне вопрос -