Оптимизация под мобильные устройства – чего хочет google

Примеры оптимизации под мобильные устройстваСамой популярной поисковой системой был и остаётся Google. Это происходит потому, что компания всегда адаптируется под запросы пользователя. Её главная цель – сделать использование системы как можно более удобным, простым и понятным. В апреле прошлого года поменялся принцип ранжирования, которым оценивается оптимизация под мобильные устройства каждого сайта. Называется он Mobile-Friendly.

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

Поэтому нужно разбираться, что же делать, если сайт не нравится Mobile-Friendly. Всё ли потеряно для владельцев подобных сайтов и что можно сделать, чтобы это исправить? Про это и поговорим в данном посте.

Содержание статьи

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

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

С какой целью Google принял такие меры?

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

Однако, всё намного проще. Гугл ещё раз решил пойти навстречу своим пользователям. Руководители фирмы уверяют, что главное правило – релевантность поисковых запросов и предоставление наиболее полной информации.

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

правильная мобильная оптимизация

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

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

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

Важно! На результаты ранжирования влияет не весь сайт, а только некоторые страницы, которые, по мнению Google, неудобны для пользователя. Поэтому не нужно менять сразу всё на своём сайте. Возможно, многие страницы пройдут проверку новой программы.

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

Конечно, можно. Гугл позаботился не только о пользователях, но и о владельцах сайтов. Был создан сервис Mobile-Friendly Test, позволяющий определить адаптивность сайта под мобильные устройства. Просто нужно ввести адрес страницы, после чего нажать на «анализировать».

Либо вы увидите положительный результат и то, как выглядит сайт на экране мобильного, либо сервис укажет на те недочеты, которые следует устранить, чтобы подружиться с Mobile-Friendly.

Помимо этого, на желание пользоваться сайтом со своего мобильника влияет скорость загрузки страниц. Её необходимо проконтролировать, а поможет в этом PageSpeed Insights – сервис, который станет хорошим помощником в этом деле.

Но, если ваш сайт не был популярным при прошлых принципах ранжирования, адаптация под Mobile-Friendly его не спасёт.

различные типы экранов

Может ли страница быть частично адаптирована

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

Что делать, если на сайте очень много страниц

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

Как подружить сайт с Mobile-Friendly

  • Адаптируйте дизайн сайта. С помощью CSS и JavaScript можно изменить многие параметры страниц. Эти команды помогут решить самые трудные задачи при адаптации страниц.

Как и у всего, здесь есть свои плюсы и минусы.

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

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

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

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

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

  • Создайте мобильный поддомен. Этот способ довольно популярен. Сайт имеет несколько другой адрес, чаще всего с добавлением «m». Перед основным названием.

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

Отрицательная сторона – необходимость в двусторонней аннотации. Она необходима для распознавания Гуглом связи между сайтом и его мобильной версией.

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

виды мобильной оптимизации

Если адаптировать страницу под Mobile-Friendly, через сколько Google распознает изменения

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

Зависит ли трафик контекстной рекламы Google Adwords от нового алгоритма

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

Как сильно Mobile-Friendly повлияет на ранжирование

У Mobile-Friendly были такие предшественники как Panda и Penguin. Сотрудники Google утверждают, что новый алгоритм будет действовать активнее, чем они. Больше 11 процентов результатов поисков будут меняться.

Чего хочет добиться Google и прекратят ли меняться правила

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

Правильно делаем ТЗ фрилансеру для оптимизации вашего сайта под мобильные устройства

рабочий стол в flat стиле

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

  • Составьте список функций, которые должны быть на сайте мобильного приложения. Это зависит от темы контента. Возможно, у вас продающий сайт, и вам не обойтись без функций «каталог» и «корзина». Если у вас просто информационный портал, дайте людям возможность комментировать статьи и общаться на форуме.
  • Уберите всё лишнее. Для более красочного представления сайта на страницах ПК требуются широкоформатные картинки или другие элементы дизайна. В мобильной версии их количество можно сократить. На информативность это не повлияет, а загрузка страниц будет быстрее.
  • Используйте выдвижное меню. Оно будет вызываться свайпом вправо или влево, не захламляя основную страницу. Это могут быть фильтры для товаров или те самые колонки, которые размещены в шапке страницы. Так вы сэкономите еще больше места.
  • Не бойтесь брать пример с кого-то. Найдите мобильные версии сайтов, которыми удобно пользоваться вам. Оцените функционал и возьмите что-то на заметку.
  • Набросайте для программиста примерный дизайн сайта. В этом может помочь сервис Moqups, работающий в режиме онлайн. Помните, что между всеми элементами должны быть определенные промежутки, чтобы не попадать на соседние кнопки при нажатии. Вся страница должна быть видна на рабочем пространстве экрана, без прокруток. Не используйте мелкий шрифт.
  • Обеспечьте хорошую скорость загрузки сайта. Когда человек открывает страницу, а загрузки многих элементов приходится ждать ещё некоторое время, скорее всего, он больше не посетит это сайт. Поэтому не стоит на мобильной версии сайта размещать изображения слишком высокого разрешения, подключать «тяжёлые» скрипты и стили. Увеличить скорость загрузки можно с помощью включения кеширования браузером или правильные настройки конфигурации файла robot.txt. В нем может быть предусмотрена блокировка некоторых файлов и картинок.

Несколько полезных программ для более быстрой работы сайта Google PageSpeed Insights- поможет определить проблемные места, вес которых можно уменьшить; Jpegtran позволит сжать картинку и удалить метаданные; Pngcrush и Tinypng помогут сжать картинку PNG, не потеряв качество;

  • Проверьте успешность выполненной работы. В этом поможет вышеупомянутый сервис Mobile-Friendly Test.

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

Мобильный телефон в руках

Итак, мы узнали, что такое Google Mobile-Friendly и как с ним подружиться. Основываясь на этом, можно сделать некоторые выводы:

  • Проверьте сайт на адаптивность под мобильные устройства. Если он не отвечает необходимым параметрам, не стоит бить тревогу и думать, что вы всего лишились. В этой статье вы нашли способы оптимизировать необходимые страницы для любителей мобильного интернета.
  • Не стоит злиться на сотрудников Google. Вы считаете, что выпустив новый алгоритм, они знатно усложнили вашу жизнь? Посмотрите на это с другой стороны. Мобильная версия сайта может привлечь новых пользователей и обеспечить комфорт в работе постоянным посетителям сайта.
  • Помните, что чем проще, тем лучше. Не стоит выбирать несколько десятков разных цветов для оформления. Универсальным является белый цвет. Он может занимать наибольшую часть страницы. Во-первых, на нём хорошо виден текст, а во-вторых, загрузка будет наиболее быстрой.
  • Не все владельцы сайтов должны волноваться о нововведениях. Если на нём продаются брендовые товары или название вашего сайта является довольно известным, поисковик всё равно будет выводить данную страницу на лидирующие позиции. Конечно, при условии, что до этого посещаемость тоже была высокой.
  • Так же не стоит слишком сильно радоваться, если страница успешно прошла тест и показала хорошую адаптивность к мобильным устройствам. В первую очередь важен контент сайта. Он должен быть уникальным, интересным и полезным. Поэтому, для начала, поднимайте именно эти позиции, если страница не является популярной.
  • Какой самый популярный дизайн сайта, адаптированного под мобильные устройства? Главные разделы находятся вверху, во всю ширину экрана, чтобы не было необходимости в прокрутках. Под ними одной колонкой располагаются главные новости в сокращенном виде. Их можно прочитать полностью, если нажать на «смотреть полностью», «читать далее» и т.д. К каждой новости может быть прикреплена картинка, которая тоже будет во всю ширину. Если сайт является продающим, на главной странице может быть расположена информация о фирме. Остальное меню, форум, FAQ, какие-либо фильтры должны располагаться в выдвижном меню. Под разделами можно расположить строку поиска.

    А ваш сайт оптимизирован под мобильные устройства? Если да, то как вы добились этого? Пишите в комментариях ниже!

Поделиться этой статьей в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники