Филин Лаки
88,17
рейтинг
18 ноября 2014 в 18:59

Разработка → Google будет помечать мобильные сайты в результатах поиска перевод

Уровень подготовки веб-мастера: любой

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

Чтобы предупредить возможные неудобства пользователей мобильных устройств при просмотре сайтов, мы станем помечать в результатах нашего поиска страницы, оптимизированные для смартфонов и планшетов.
Отметка “Для мобильных” в результатах поиска
Отметка «Для мобильных» в результатах поиска

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

Как выяснить, соответствуют ли ваши страницы новым требованиям:

В ближайшее время документация и инструменты, перечисленные выше, станут доступны на русском языке (апдейт: с 10-го декабря 2014 г. уже доступны).

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

Если у вас появились вопросы или вы хотите поделиться собственным опытом создания мобильных сайтов с другими, ждем вас на нашем форуме для веб-мастеров и в нашем сообществе для веб-мастеров. Мы надеемся, что в будущем появится больше сайтов, оптимизированных для смартфонов и планшетов. Давайте вместе делать Интернет удобнее!
Автор: @HabrAndrey Рёйти Имайдзуми (Ryoichi Imaizumi) и Доантам Фан (Doantam Phan), команда Google Поиска для мобильных устройств
Google
рейтинг 88,17
Филин Лаки

Комментарии (32)

  • +6
    Не для всех пользователей и не во всех случаях оптимизация сайта для мобильного полезна.

    В частности я, да и большинство знакомых используя мобильник в дороге для просмотра контента ожидает увидеть привычную картинку, привычное расположение блоков и так далее.
    Мне удобнее самостоятельно увеличить конкретную область для просмотра.
    • +10
      Как вы сами предполагаете — вы в меньшинстве?
      • +2
        Ну если верить исследованиям, что 90% пользователей никогда не меняют настройки «по-умолчанию», то таки да.
        С другой стороны, эти 90% пользователей сильно далеки от техники.

        #
        Кстати на основе подобных выводов приводится довод, что демократия — плохо, ибо решает неквалифицированное большинство


        В целом, современные разрешения мобильных (не говоря уж о планшетах) позволяют не изобретать отдельные шаблоны для сайтов.
        Графика, скрипты и прочее — они в любом случае должна быть оптимизированы, ибо и на PC можно сидеть через 3G модем.

        А верстка… Я все же выступаю за единообразие изначально при открытии, с последующим выбором возможности просмотра оптимизированного сайта.
        А не так, чтобы на мобильной версии искать «полная версия сайта», которая не всегда присутствует
        • +1
          Спасибо за ответ. Согласитесь, 90% пользователей вполне себе пользователи — с деньгами и всем таким прочим. ;]
          • 0
            Согласитесь, что можно было для них оставить «все как есть» и они бы ничего не поняли )
            • +2
              Теперь им (и мне) гораздо удобнее давать свои деньги.
    • +7
      Не думаю, что вам удобно скроллить вправо влево читая простыню текста, при этом виртуозно избегая нажатии на плавающие кнопочки «вверх» или «обновить комментарии».
      • 0
        В сафари есть функция — режим чтения, вполне нормально парсит верстки.
        Про остальные браузеры не скажу, думаю ниже пользователи отпишутся
    • +2
      Для таких как вы есть опция «Request desktop site». Я её тоже иногда использую если мобильная версия сильно убога.

      Но это не значит, что мобильная версия не нужна. Даже если у меня на 10" планшете и на 30" мониторе одно разрешение, то это вовсе не значит, что я хочу на них видеть одинаковое количество текста.
      • +1
        Опция «Request desktop site» не работает для адаптивной верстки.
      • 0
        К слову, на 10" планшете и на 30" мониторе разрешение в css-пикселях будет очень разное.
    • +1
      Я думаю тут всё дело в том, что нужно делать нормальные мобильные версии, а не пускать под нож всё что попало, без нормального обоснования что и почему. Отличный пример — приложение ВК для андроид. С одной стороны пользоваться им вполне комфортно, а с другой есть, всё-таки буквально две-три функции, удалили которые абсолютно необоснованно и из-за этих двух моментов иногда приходится заходить с десктопа, тупо чтобы сделать что хотел.

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

      Или, например, если подписан на какую-нибудь группу, но мне не нравится что она слишком часто делает репосты с источника, который мне не нравится. На десктопе я могу нажать на крестик в правом углу записи и выбрать «не показывать новости ***», а вот на мобильном я такого провернуть не могу и вынужден всё время пролистывать их.
      • 0
        а вот на мобильном я такого провернуть не могу

        Можете, там все так же (вместо крестика троеточие). По крайней мере сейчас.
        • 0
          Не могу. По троеточию я могу только скрыть новости от сообщества на которое подписан, а не от источника с которого сделан репост. Пункт называется «не показывать эти новости».
  • +1
    Думаю кнопка «Полная версия» на мобильной версии решит все проблемы и удовлетворит потребности большинства и меньшинства. В тех случаях когда речь идёт о том что есть «мобильная версия» помимо полной версии сайта.
    Если же речь об адаптивной вёрстке и всяких «mobile first» принципах то сайт, в теории, должен быть одинаково удобен и привычен с любого устройства.
    • +1
      Иногда эта кнопка не работает так как надо, а если на мобильной версии сайта урезан функционал, то получается просто ужас.
      • +1
        если она не работает как надо, то это уже чисто вопрос к создателям сайта
  • +1
    Бывает обратная ситуация — по ссылке из поиска я попадаю на вариант сайта для мобильника. И тогда приходится колдовать над адресной строкой, чтобы попасть на страницу для компа. Иногда надо «m.» заменить на «www.» Иногда какой-нибудь параметр типа "&wap=1" убрать
  • 0
    не будет ли лучше вместо довольно длинного текста сделать ненавязчивую иконку?
    • 0
      тестирование показало, что нет :) текст понимают и воспринимают лучше, чем иконку. конечно, будем следить за данными и в дальнейшем.
      • 0
        с непривычки иконка, наверное, действительно не так непонятна. а если иконку с текстом на несколько месяцев, а потом текст убрать? жалко столько места тратить на него…
  • 0
    А у кого нибудь Mobile-Friendly Test вообще отрабатывает?
    На все запросы получаю An error occurred while fetching or analyzing the page.
    Хотя на те же запросы PageSpeed Insights отрабатывает нормально
    • 0
      это какая-то изолированая проблема. сам инструмент работает нормально. можете подбросить мне проблемные страницы тут или на форуме?
      • +1
        Разобрался в чем была причина.
        Некоторые js и css файлы лежали в папках закрытых для индексирования через robots.txt
        переместив эти файлы из этих папок/или убрав правило #Disallow для них, сервис отработал как надо.

        Интересны два факта
        1) PageSpeed Insights отрабатывал как нужно не смотря на robots.txt
        2) Mobile-Friendly Test отваливался просто с ошибкой An error occurred while fetching or analyzing the page. не сообщая никакой дополнительной информации.

        Выявить проблему удалось пошаговым удалением всех ресурсов из тестовой страницы.
        Локализовав ресурсы которые приводили к ошибке переместили их содержимое внутрь самой страницы (инлайн) и проблема исчезла. Дальше понять причину было уже делом техники.
  • +1
    > Awesome! This page is mobile-friendly.
    Да, детка!
    • +1
      У меня тоже! Хотя я, наоборот, хотел еще лучше сделать.
  • 0
    Мы определяем устройство пользователя и в зависимости от этого подкладываем другой лайаут, интересно определит ли это гугл бот или нет?
    • 0
      Вы об этом случае? Следуйте рекомендациям и бот всё определит :)
  • 0
    Непонятен вопрос — Google за адаптивность или за отдельные версии сайтов?
    • 0
      В плане ранжирования – никаких предпочтений. Оба подхода одинаково хороши. В плане надёжности реализации и долгосрочных преимуществ в поддержании – наши данные показывают, что адаптивный дизайн даёт некоторые преимущества. Но в итоге каждый веб-мастер и владелец ресурса волен сам принимать решение, какой метод выбрать.
      • 0
        Просто у меня на некотором ресурсе был выбран путь сделать отдельный поддомен m.site.zone для мобильной версии.
        Тут много факторов, начиная от специфики пользователей и заканчивая техническими особенностями.
        Релиз в первую неделю марта планировался.
        У Яндекса в хелпе сказано, что он автоматом подхватит мобильную версию.
        Гугл адекватно отнесётся к такому поддомену?
        • 0
          Конечно. Нужная документация здесь

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

Самое читаемое Разработка