А ваш сайт оптимизирован для мобильных устройств?

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

Реферальные банеры

Доброго времени суток, всем читателям и посетителям моего блога inetsovety.ru! Сегодня я расскажу о нововведении, которое готовит поисковая система Google для вебмастеров. А также о том, как проверить оптимизацию сайта под мобильные устройства и посмотреть, как он отображается на девайсах с различным расширением экрана.

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

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

Анонсируется введение данного фактора ранжирования с 21 апреля 2015 года. Оказывать свое влияние он будет лишь для поиска из смартфонов и планшетов. Тех, кто пользуется ПК, это нововведение не коснется.

Анализируем статистику и выявляем процент посетителей из смартфонов и планшетов

Стоит ли беспокоиться? Сначала проанализируем трафик своего сайта и выявим процент посетителей с мобильных устройств. Для этого воспользуемся статистикой Лайвинтернет. Кто еще не поставил ее на свой сайта, смотрите инструкцию по установке по ссылке https://inetsovety.ru/kak-ustanovit-schetchik-liveinternet/

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

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

В строке «сумма выбранных» Вы увидите в процентном соотношении количество посетителей посещающих ваш сайт с планшетов и смартфонов. В примере выше, в среднем за неделю на сайт ежедневно заходит 35% пользователей именно с мобильных устройств. Это график не инетсоветов, на нем доля мобильного трафика не превышает 10%.

Второе на что следует обратить внимание – с какой системы преобладает трафик. Если Гугл играет незначительную роль, тогда можно не парить мозг и на время забить о мобильной версии, пока Яндекс чего-то подобного не придумает ввести.

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

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

Пользователи инструментов Гугла для вебмастеров, могли заметить на странице «Удобство просмотра на мобильных устройствах» https://www.google.com/webmasters/tools/mobile-usability ошибки, связанные с отображением сайта на мобильных:

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

Чаще всего они связаны с мелким шрифтом текста, близким расположением ссылок в меню, не настроенной областью просмотра.

О таких же ошибках будет сообщать специальный сервис Google проверки удобства просмотра на мобильных устройствах. Вот на этой странице https://www.google.com/webmasters/tools/mobile-friendly/ вводите адрес вводите адрес своего сайта или его странички и получаете вердикт- «Не оптимизировано для мобильных устройств».

Есть еще один сервис, показывающий, как отображается сайт на различных устройствах. Вот ссылка на него quirktools.com/screenfly

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

Вариантов решения проблемы с адаптивностью сайта под мобильные устройства несколько.

  1. Можно пойти на биржу фриланса и заказать дизайнерам и программистам рисование и внедрение мобильной версии сайта.
  2. Установить плагин, который будет показывать посетителям из смартфонов и планшетов адаптированный сайт. Подробнее читайте в статье "Оптимизация сайта под мобильные устройства плагином WPtouch"

Плагинов много, как бесплатных, так и платных. Сейчас выбираю подходящий, в одном из следующих постов постараюсь рассказать о настройке подходящего плагина. А на сегодня у меня все. Жду ваших комментариев. До встречи!

Понравилась статья? Поделиться с друзьями:
Как заработать деньги в интернете
Комментарии: 32
  1. Нина

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

    1. Люся

      Нина, какой плагин установили? Пишут, что они тоже требуют дороботки.

      1. Игорь

        Это точно, плагины тоже 100% гарантии не дают

  2. seokick

    Спасибо автору, 40 минут и все «Отлично! Страница оптимизирована для мобильных устройств.» Все делал, как вы написали!

  3. NI4KA

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

    1. Нина

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

    2. Люся

      Судя по скрину Виктории с Андроида заходят 35% от самой популярной ОС Виндоуз 7. Это очень много.

      1. Игорь

        У меня также с андроида много людей забегают. Да и под мобильник уже давненько блог настроен

  4. Юрий Йосифович

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

    1. Нина

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

    2. Люся

      Гугл странно шлёт уведомления, одним присылает, другим нет.

      1. Игорь

        Может у него юмор такой?))))

  5. Павел

    Здравствуйте Виктория, отличная статья!
    Все, о чем вы написали, очень важно сейчас для каждого владельца сайта.
    Недавно мне также пришли сообщения в гугл-вебмастере о том, что ваш сайт не оптимизирован для мобильных устройств.
    Установил плагин WPtouch Mobile. Потом проверил и сделал анализ сайта там же в гугл-вебмастере, выдали сразу: «Отлично! Сайт оптимизирован для мобильных устройств.»
    Так что я доволен.
    Единственное, что не устраивает, так это скудный дизайн в мобильной версии. Тем более главной страницы.
    Виктория, а как Вам удалось сохранить ваш прекрасный дизайн в мобильной версии?
    Вы устанавливали плагин или вам помогли программисты?
    Да и на разных размерах экрана ваш дизайн отлично адаптирован.
    Как вы этого добились?

    1. Виктория (автор)

      Здравствуйте, Павел!
      На этом блоге мобильный дизайн делал программист. Нужно его еще «причесать», по удалять из мобильной версии ненужные блоки (рекламу, подписки).
      Бесплатная версия плагина WPtouch Mobile действительно слабая. В дефолтную тему можно добавить адсенс и тизеры, но их коды придется заново добавлять после обновления плагина.

    2. Юрий Йосифович

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

  6. Виталий Охрименко

    Хочу себе зделать адаптивную верстку! Скажите сколько это будет стоить. Здорово было бы посмотреть на работы автора прежде чем давать блог на работу

    1. Юрий Йосифович

      Установив самостоятельно плагин можно получить адаптивную версию сайта полностью бесплатно. А вот если у программиста заказывать — то все будет зависит от четкого ТЗ.

  7. Владимир Манеров

    Думаю стоит сразу брать тему для вордпресс с адаптивным дизайном)

    1. Юрий Йосифович

      Не все темы WP имеют адаптивную верстку. Если говорить о платных темах — то нужно проверить перед покупкой темы качество отображения на мобильных устройствах.

  8. Виталий Охрименко

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

  9. Артем

    Приветствую! Можно еще фрилансерам заказать внедрение адаптивности. Это будет на порядок дешевле, чем мобильная версия плагина.

    1. Рашида

      Артем, а вы выполняете такие работы в качестве фрилансера?

      1. Артем

        Добрый день, Рашида! Да, занимаюсь, плюс внедрение микроразметки делаю

      2. Виталий Охрименко

        Скажите а сколько будет стоит внедрить адаптивность?

  10. Людмила Лао

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

  11. Константин Кислов

    Да действительно нужно внедрять мобильную версию. Хотел добавить что помимо плагина и дизайнеров можно преобрести шаблон адаптивный под все устройства, его называют «резиновый», плагинами не рекомендую пользоваться, во-первых они грузят блог, во-вторых не всегда корректно отбражаются на мобильных устройствах. Заказать у верстальщиков будет стоить минимум 10т.р., «резиновый» шаблон стоит 2-3т.р. Так что есть над чем подумать ;-)

  12. Владимир

    Трафик с мобильных устройств будет только увеличиваться. Так что нужно предпринимать меры и адаптировать сайт под мобильные устройства. Установил плагин wptouch . :grin:

    1. Лариса

      Ну и как вам?

  13. Рашида

    Спасибо, Виктория — ваша статья как говорится в тему. Я получила письмо от Google о необходимости оптимизировать сайт под мобильные устройства.
    Не думала, что будет такая проблема, ведь шаблон блога адаптивный, почему же он не оптимизирован?
    И как раз сейчас изучаю этот вопрос. Думаю тоже поделюсь своим опытом в решении этого вопроса.

  14. Aleksandr

    35% с мобильных устройств это прилично! Нужно делать и себе мобильную версию!

  15. Сергей

    Доброго времени суток, Виктория. Советую попробовать плагин wptouch. После его установки Гугл, одобрил мои действия.

    1. Виктория (автор)

      Добрый вечер, Сергей! Спасибо за совет. Перепробовав несколько плагинов, я пришла к выводу, что wptouch — лучший из всех имеющихся. Бесплатная версия имеет некоторые ограничения, в частности с показом рекламы внутри поста.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности. Комментарий появится после проверки. Комментарии, содержащие спам и ненормативную лексику будут удалены!

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.