Алгоритм Google mobile-friendly

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

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

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

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

Ребята опубликовали интересные скриншоты по данным searchmetrics.com:

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 приходится на мобильные устройства.

1ps.ru

Факт № 1: Google действительно обновит алгоритм 21 апреля

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

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

Факт № 2: если ваш сайт не адаптирован под мобильный трафик, он не потеряет позиции в выдаче для десктопов

Аналитик Google Зинеб Аит Бахаджи заявила в ходе конференции по поисковому маркетингу, которая прошла в Мюнхене в середине марта, что обновление 21 апреля не затронет выдачу для десктопов.

Факт № 3: мобильное обновление будет более масштабным, чем Panda и Penguin

Так сказала госпожа Зинеб Аит Бахаджи в ходе упомянутой выше конференции. Она не отметила, затронет ли новый алгоритм все типы мобильных девайсов. Можно предположить, что обновление сильнее повлияет на выдачу для гаджетов, работающих на Android. Как минимум, влияние будет одинаковым для Android и iOS.

В настоящее время SERP для устройств на Android и iOS отличается. Главное отличие заключается в отображении в выдаче для гаджетов на Android глубоких ссылок на контент приложений. Скорее всего после 21 апреля в выдаче гаджетов на iOS появятся глубокие ссылки на контент приложений для этой операционной системы. Это косвенно подтверждается тем, что некоторые глубокие ссылки на приложения для iOS прошли валидацию в инструменте индексирования приложений Google.

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

Факт № 4: адаптивная верстка — это не единственный способ оптимизации сайтов под мобильный трафик

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

Факт № 5: вы можете узнать, готов ли ваш сайт к обновлению алгоритма

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

• Инструмент проверяет страницу, указанную с помощью URL. Если вы хотите проверить сайт целиком, можете поочередно указать URL типичных страниц ресурса.
• Инструмент отвечает на вопрос «да или нет». Он не показывает, на сколько процентов сайт адаптирован к мобильному трафику.
• По результатам проверки вы получаете список проблем. Устранив их, вы повышаете удобство просмотра на мобильных экранах.

Факт № 6: наличие мобильного приложения повышает видимость вашего сайта и бизнеса в поиске

Во-первых, если поисковый запрос связан с мобильными приложениями, страница загрузки в Google Play, AppStore или на вашем сайте может оказаться в выдаче. Например, если владелец смартфона вводит запрос «игры для детей», в выдаче он получит ссылки на игровые приложения для детей.

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

Факт № 7: в большинстве случаев стоит начинать с адаптивного или мобильного сайта

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

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

Факт № 8: вы можете сохранить высокие позиции по ключевым запросам, но это не гарантирует вам трафик

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

Вывод, или Факт № 9: Google хочет сделать мир лучше

Это ответ на вопрос о целях обновления мобильного алгоритма Google, запуск которого запланирован на 21 апреля. Крупнейший поисковик мира с помощью нового алгоритма стремится решить целый ряд задач, включая повышение собственных доходов от мобильной контекстной рекламы или монетизации приложений и другого контента. Однако главная цель обновления mobile-friendly — это улучшение пользовательского опыта.

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

Адаптация материала 9 Things You Need to Know About Google’s Mobile-Friendly Update by Cindy Crum.

9-faktov-kotorye-vy-dolzhny-znat-ob-obnovlenii-google-mobile-friendly

texterra.ru

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

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

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

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

Mobile-Friendly

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

Ссылка на сервис — google.com/webmasters/tools/mobile-friendl.

PageSpeed Insights

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

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

Ссылка на сервис — developers.google.com/speed/pagespeed/insights.

WebPage Test

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

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

Ссылка на сервис — webpagetest.org.

ScreenFly

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

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

Ссылка на сервис — quirktools.com/screenfly.

Adobe Edge Inspect

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

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

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

Ссылка на приложение — adobe.com/ru/products/edge-inspect.html.

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

BrowserStack

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

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

Ссылка на сервис — browserstack.com.

Bing Mobile Test

Проверить бесплатно сайт на соответствие требованиям мобильных устройством можно посредством инструмента Mobile Test от поисковой системы Bing.
Ссылка на сервис — bing.com/webmaster/tools/mobile-friendliness

www.megaindex.org

Здравствуйте, дорогие читатели и подписчики.

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

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

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

Вот и Гугл не обошел факт массового «вживления» мобильных устройств в нашу жизнь и позаботился о пользователях гаджетов. С 21 апреля 2015 года Гугл запустит новый алгоритм — mobile friendly — который «накажет» все интернет ресурсы, у которых нет мобильной версии сайта.

Это значит, если у вас есть сайт и уже занимает какие-то «хорошие» позиции в поисковой системе, но он корректно и удобно отображается только на компьютерах или ноутбуках с большим разрешением экрана, а при открытии его, скажем, на мобильнике с разрешением 640х960 на нем тексты и картинки не влезли в экранчик, а требуют прокрутки или вовсе что-то не отображается — то Гугл ваш сайт, несмотря на все ваши позиции, понизит в мобильной поисковой выдаче и вы легко слетите с первых страниц на 10 и 20!

Все сайты, имеющие мобильные версии и адаптированные под гаджеты:
1. будут помечены специальными значками «mobile friendly» и пользователь будет видеть, что у сайта есть мобильная версия и соответственно при выборе будут отдавать предпочтения именно им;
2. поисковики мобильные сайты будут повышать в поисковой выдаче.

Я думаю, что абсолютно каждому человеку, который сейчас развиваться в Интернет и «гоняется» за трафиком, понятно одно — нужно срочно иметь отметку «mobile friendly» в поисковике Гугл, иначе не видать вам высоких показателей конверсии, как своих ушей.

За последние несколько лет наблюдается стабильный рост мобильного трафика в Рунете и он уже перевалил за 40%, а обще мировой более 60%!

Это значит, что 40% (60%) пользователей Интернетом используют свои мобильные устройства, чтобы заходить на сайты, подписываться на рассылки, делать покупки и т.д, т.е искать решение своих проблем и задач.

В общем! Нет мобильной версии соответствующей алгоритму mobile friendly — нет у вас минимум 40% трафика, нет высоких позиций в Гугле!

Что рекомендует Гугл сделать прямо сейчас:

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

Если сайт большого объема, можно проверить через Google Webmaster Tools.

2. Прислушаться к каждой рекомендации, которую выдаст сервис после анализа вашего сайта (страницы) и исправить.

3. Прочитать какие именно сайты Гугл будет считать адаптивными к мобильным устройствам.

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

1. Заходим в сервис Гугл, смотрим.

2. Как видите сервис Гугла показал, что «гигант» не оптимизирован. И по информации от Гугл, сайт в ближайшее время должен слетит в позициях по мобильной поисковой выдаче. Что касается именно этого сайта, то может этот сайт и не слетит, если будет проплачивать рекламу на первых позициях, но в органическом поиске мобильной выдачи его понизят…

П.С. Чуть выше я писала о 40% мобильного трафика.

После анализа Гугл выдал рекомендации, как он говорит, не стоит игнорировать.

Вот пример моего сайта. Очень интересное наблюдение.
Я регулярно делаю апгрейд своего сайта, чтобы он соответствовал новым требованиям.
Поэтому недавнее обновление делалось с учетом адаптивности под гаджеты.

1. Проверяем Главную страницу через сервис Гугл

Гуглу не понравился слайдер и то, как отображается Меню. :). Если я все верно поняла, то дело скорее всего в том, что шаблон стоит адаптивный, но английский, а применяется на русском, поэтому идет накладка со скриптами…

А вот плагин, который позволяет просматривать, как наш сайт смотрится на разных устройствах (он ставится в браузере Гугл Хром) показал другую картинку, как сайт видят пользователи мобильного с разрешением экрана 480х800

Т.е все в порядке.

Отсюда вопрос. Почему новый англоязычный адаптивный шаблон (Главной страницы) Вордпресс сервис Гугл показал, как не оптимизированный под мобильные? :).

Кстати, при открытии своего сайта на своем мобильном (windfon Nokia Lumia 925) все четко работает, ну есть пару моментов по тексту, но слайдер легко адаптируется, как резиновый, принимая нужный размер на разных устройствах.

Почему тогда онлайн сервис показывает другое?

Я могу сделать один вывод — все условно! И сервис Гугл по тестированию вашего сайта на mobile friendly не стоит воспринимать буквально, это повод задуматься и проверить ваш сайт на разных устройствах, почитать об этом побольше, обратится к специалистам, если уж совсем у вас там все «красным».

Важно понимать, новый алгоритм стоит учитывать и заняться этим вопросом прямо сейчас, при условии, что вам важен трафик! Мобильный трафик!

Если вы будете в поиске решения вопроса создания адаптивной версии вашего сайта к мобильным гаджетам, то я буду рада предложить вам наши услуги — цены разные, в зависимости от сложности вашего сайта и его объема, ориентировочно от 50 до 300$, срок от 3 до 14 дней.

Буду рада вашим комментариям по этому поводу. Что думаете по поводу адаптации? Как обстоят дела с вашим сайтом?

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

marinaromash.com

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

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

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

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

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

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

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

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

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

www.demis.ru

Новый инструмент в борьбе за дружественность

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

Им стал Google Resizer, знакомство с которым состоялось в начале марта 2016 года. Инструмент может быть использован для работы с любым сайтом. Хотя и предназначен прежде всего для MaterialDesign. Resizer полностью интерактивный и отлично воспроизводит реальное быстродействие ресурса. Чтобы увидеть, как тестируемая станица будет отображаться на мобильных и десктоп устройствах, достаточно ввести ее адрес в адресную строку нового инструмента.

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

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

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

Требования mobile friendly

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

Веб-сайты с нуля: профессия «Веб-разработчик».

geekbrains.ru

Продолжая тему адаптивных дизайнов сайтов хотелось бы обсудить одно нововведение, которое собирается внедрить Google. В своем Webmaster Central Blog они опубликовали новость, что в скором времени все проекты с качественным мобильным дизайном будут иметь выдаче соответствующую пометку. Мол пользователи со смартфонов иногда заходят из поиска на сайты в надежде найти полезную инфу, а получают неоптимизированный, разваливающийся и неюзабельный дизайн.

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

Что нужно чтобы получить эту метку?

1. Избегать ПО, которое не отображается на мобильных, например Flash.
2. Использовать читабельные тексты без необходимости их увеличения.
3. Размер сайта должен соответствовать размеру экрана и не иметь горизонтальной прокрутки внизу.
4. Ссылки должны размещены достаточно далеко друг от друга дабы не было случайных нажатий.

Опять же приведу пример из поста про адаптивный дизайн сайта/блога.

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

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

Google подскажет вам какие именно ошибки у вас имеются. Как видим, на сайте и текст слишком маленький, и ссылки близко расположены, и т.п. Примечательным есть пункт «Make this page mobile-friendly» (справа), где сервис определил, что вероятно я использую WordPress и предложил мне воспользоваться соответствующими подсказками. В документации есть информация для нескольких популярных CMS: Drupal, Joomla, Blogger, Tumblr, DLE, Magento, vBulletin, Bitrix, Prestashop и Google Sites. Кликаем по ссылке Next.

Здесь представлен ряд материалов, которые могут вам помочь в преобразовании шаблона в такой, что будет поддерживать адаптивный дизайн. Для его создания, конечно, нужно будет очень хорошо разбираться в HTML верстке и CSS стилях. Самый простой вариант — найти себе новую тему для WordPress, которая бы поддерживала мобильный дизайн. Для блогов я недавно подобрал 35 лучших шаблонов. Внимательно читаем описание той или иной темы поддерживает она адаптивный дизайн или нет.

Еще один интересный инструмент, которые может вам помочь находится в Google Webmasters Tools во вкладке «Поисковых трафик», это — «Удобство просмотра на мобильных устройствах«.

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

Итого алгоритм для получения мобильного сайта:

• Запускаете Mobile-Friendly Test и проверяете совместимость с мобильным устройствами.
• Читаем обновленную документацию Webmasters Mobile Guide для создания или улучшения мобильного сайта.
• Проверяете отчет «Удобство просмотра на мобильных устройствах» в Google Webmaster Tools и исправляете ошибки, если есть.
• Можно также просмотреть информацию по мобильным шаблоном для вашей CMS (WordPress, Joomla и других).

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

tods-blog.com.ua

Что учитывает и что не учитывает алгоритм

«Десять синих ссылок»

По словам Гэри Ильеса, мобильный алгоритм влияет только на первые десять «синих ссылок» — т.е. результаты органического поиска, которые не относятся к какому-либо конкретному разделу Google. Очевидно, для ссылок в «Новостях» и остальных вкладках применяются другие мобильные сигналы.

Не десктоп

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

Не планшеты

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

Не локальный поиск

Ссылки в «локальном блоке» не зависят от алгоритма. Но все же он распространяется на сайты локальных компаний, которые входят в «десятку ссылок» органического поиска. В Google My Business для регионального ранжирования в поиске могут использоваться свои мобильные сигналы. Поэтому если у вас локальная компания, стоит обзавестись адаптивным сайтом.

Все языки и страны

Мобильный алгоритм распространяется не только на англоязычные страницы. Для настройки ранжирования на разных языках и в разных странах используйте hreflang.

Бренды

Популярные бренды сохранят свои позиции за счет популярности. Но если их сайт не адаптирован под мобильные устройства, позиция в Google будет понижена. Если другой алгоритм (Penguin или Panda) зафиксирует нарушения, это также повлияет на результаты поиска.

Джон Мюллер, аналитик отдела качества поиска Google:

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

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

Реклама

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

Google объяснил, за какую рекламу сайт может пострадать:

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

Реклама, от которой сайты не пострадают, если будут использовать ее «ответственно»:

• Реклама, которая появляется в ответ на подтверждение юридических нюансов, файлы-куки или подтверждение возраста.
• Всплывающие диалоги для логина, контент которых не индексируется. К примеру, частный контент (email или информация о платном доступе).
• Баннеры небольшого размера, которые легко отключить.

Техническая сторона алгоритма

Страница за страницей, а не сайт целиком

Статус mobile friendly не присваивается сайту, если адаптирована только какая-то его часть. Алгоритм распространяется только на отдельные страницы.

Разблокировать ресурсы и элементы

Необходимо, чтобы Google сканировал JavaScript и CSS. Тест mobile-friendly нужно пройти, даже если для конкретного ресурса не важно, как он появляется на мобильных устройствах. Если у поисковой системы нет доступа к сайту, у нее не будет информации о его возможностях. И сайт не пройдет тест. В Search Console Help есть раздел о заблокированных ресурсах.

Скорость сайта

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

HTTPS

Джон Мюллер говорит, что у сайтов на HTTPS есть определенные преимущества, если, допустим, два сайта демонстрируют идентичные показатели. Но в алгоритме mobile friendly HTTPS как отдельный фактор ранжирования отсутствует. Но, конечно же, вебмастерам стоит озаботиться вопросом о безопасности своих сайтов, если это до сих пор еще не было сделано.

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

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

WordPress

Некоторые плагины и темы WordPress все еще не адаптивные. Проверяйте, всякий раз обновляя плагин или тему. Не стоит ждать, когда в Google Search Console появятся ошибки. Также лучше опасаться плагинов, которые блокируют Googlebot — в таком случае не только останетесь без мобильного рейтинга, но и без ссылок в Google.

m. сайт и Google Search Console

Для тех, кто использует m. сайты, Google советует добавлять эти сайты в Search Console — так вы узнаете о различных сложностях и проблемах, если таковые возникнут.

Соответствие URL десктопного и m.сайта

Если у сайта для настольных устройств и m.сайта отдельные ссылки, проверьте, совпадают ли они. Это позволит избежать потенциальных сложностей по части ранжирования (например, когда страница попадает в фильтр дубликатов контента). Объединить контент можно при помощи тега rel=”alternate” для десктопного URL и тега rel=”canonical” для мобильной ссылки. Или же с помощью файлов Sitemaps.

Не стоит полагать, что если главная страница адаптирована для мобильного сайта, то остальные страницы тоже соответствуют требованиям mobile friendly. Часто внутренние страницы проваливают тест, тогда как главные его успешно проходят; особенно если сайт на WordPress.

Важно проверить как минимум 10-20 страниц, которые приносят наибольший трафик. Если с внутренними страницами что-то не так, вы сможете это выяснить по основным страницам.

Преимущества адаптивного сайта

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

SEO и сопутствующие сложности

Подсчет PageRank

Как подсчитывается PageRank? Представители Google объясняют это следующим образом:

«Допустим, существуют два URL с одинаковым контентом (для десктопа и мобильной версии). Обе страницы рассматриваются как один документ. Внешние ссылки на один из этих URL фиксируются как ссылки на общий документ.

Если у мобильной версии 2 ссылки, а у версии для десктопа 3 ссылки, в результате получится документ из 5 ссылок. Когда пользователь вписывает запрос, на странице с результатами появляется наиболее релевантная, в зависимости от типа устройства пользователя».

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

Когда страницы для настольных компьютеров превращаются в мобильные версии, часто возникает проблема лишнего контента. Но если его скрыть, это чревато нежелательными последствиями для SEO. Если контент, который вы скрыли от мобильных пользователей, появляется на аналогичной странице для десктопа, и эти две страницы должным образом связаны, Google не накажет за скрытый контент.

Нет, Google не удаляет страницы, если они не соответствуют mobile friendly

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

Сигнал mobile friendly более весомый, чем HTTPS. А влияние алгоритма mobile friendly на результаты поиска сильнее, чем влияние Panda и Penguin вместе взятых.

astra.red