Google mobile friendly — адаптация сайта под требования поискового гиганта

Категории: Google

Так как я являюсь зарегистрированным пользователем сервиса Google Инструменты для веб-мастеров, то иногда (не часто) заглядываю туда. Сервис, конечно, нужный и полезный.

Многие, правда, про него почему-то вспоминают, когда сайт попадает под Панду или Пингвин, и сразу затем бегут в Google Инструменты для веб-мастеров на вкладку «Меры, принятые вручную». Но в целом, конечно, информация, которая там публикуется, очень полезная, снабженная письменными пояснениями и видео.

Google-mobile-friendly

Так вот. Недавно на ящик свалилось письмо от гугла следующего содержания:

Сайт http://mysite.ru/ не оптимизирован для мобильных устройств

Веб-мастеру сайта http://mysite.ru/

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

Вот что мы рекомендуем сделать:

  • Выясните, какие страницы содержат ошибки (просмотрите отчет об ошибках на страницах, не оптимизированных для мобильных устройств)
  • Узнайте, как адаптировать сайт для мобильных устройств (есть много способов сделать сайт удобным для мобильных пользователей. Для начала ознакомьтесь с информацией об ошибках, предоставленной в Инструментах для веб-мастеров)
  • Устраните ошибки на своем сайте (исправьте ошибки, из-за которых сайт некорректно отображается на мобильных устройствах).

Конечно, спорить с Google в данном случае бессмысленно, поэтому есть смысл разобраться, в чем дело. Сначала пошел сюда — https://www.google.com/webmasters/tools/mobile-friendly/ и убедился, что это действительно так и мой сайт не оптимизирован для мобильных устройств с точки зрения Google

Google mobile friendly

Кстати, если вы пользуетесь Google Chrome, то есть вариант быстро посмотреть, как отображается сайт на мобильном устройстве. Для этого кликаете на клавишу F12, затем во всплывающем окне кликаете на значок мобилы в левом верхнем углу, а затем смотрите, как сайт отображается на мобильном

Google mobile friendly

Потом я, значит, заглянул в Метрику

Google mobile friendly

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

В принципе, вопрос для себя решил достаточно быстро. Так как сайт на Joomla, я пошел в каталог мобильных расширений и подобрал подходящий http://extensions.joomla.org/category/mobile.

Установил Responsivizer. Разумеется, перед тем, как это делать, нужно прикинуть, нужно ли это вообще делать. Суть то в чем. Адаптивный дизайн – это, конечно, лучший вариант. Потому что для каждой версии мобильного сайта создавать поддомены – это не вариант: для мобил – m.site.ru, для планшетов – p.site.ru и т.д.

Но на примере выше, там я показал, как отображается сайт в Google Chrome, вы видите, как неудобно, когда на сайте горизонтальная прокрутка. Я сам как пользователь мобильного устройства могу сказать, что нет ничего хуже, чем туда-сюда по горизонтали прокручивать при чтении страницу сайта. Должна быть только прокрутка вверх-вниз. И все. Поэтому уже даже в Хроме можно сразу видеть, какие сайты оптимизированы под мобильные устройства, а какие нет.

Лучший, пожалуй, вариант, это сделать как на Хабре, отдельный поддомен http://m.habrahabr.ru/ и на него повесить дизайн конкретно под мобильных пользователей. Правда, если уже сильно углубляться в это дело, то сразу будет видно, что у них на Хабре есть приложения в Google Play, App Store и Windows Phone Store, так что все «пробелы» по мобильным устройствам у них закрыты. Для простых мобил есть m.habrahabr.ru, для планшетов есть приложения.

Google mobile friendly

Кстати, о том, как на Хабре развивалась вся эта история с дизайном для мобильных устройств, можно почитать здесь http://habrahabr.ru/company/tm/blog/225709/.

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

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




Подпишитесь на рассылку блога
max1net.com: