Новый фактор ранжирования Яндекса — мобильная оптимизация
SEO

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

19 февраля 2016 256

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

Kwork: Все онлайн-услуги по 500 руб.
Kwork: Все онлайн-услуги по 500 руб.

Если вы давно собирались адаптировать свой сайт под мобильные устройства, я думаю, сейчас настало самое время!

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

Проверить свой сайт на мобилопригодность можно в новой версии панели Яндекс.Вебмастер.

Яндекс Вебмастер

Напомню, основные требования для успешного прохождения проверки:

  1. Наличие тега Viewport;
  2. Отсутствие горизонтальной прокрутки;
  3. Отсутствие Flash;
  4. Отсутствие Java-апплетов;
  5. Отсутствие Silverlight-плагинов.

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

Мобильная оптимизация WordPress

Естественно, какого-то единого подробного гайда по мобильной оптимизации сайтов не существует. С WordPress ситуация немного упрощена за счёт того, что для него существуют различные плагины. Например, с помощью всем известного плагина JetPack можно без особого труда создать и даже кастомизировать мобильную версию сайта.

Jetpack Mobile Theme

Настроек не так много, но для большинства случае их будет вполне достаточно. Тем более, JetPack позволяет произвести кастомизацию мобильной темы с помощью специальных функций и CSS-класса .mobile-theme. Более подробно об этом рассказано в разделе Customize the Jetpack Mobile Theme на официальном сайте плагина.

JetPack настройка Mobile Theme

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

wptouch-pro

Вообще, плагины мобильной оптимизации для WordPress — это отдельная тема разговора, которую я уже неоднократно затрагивал. Еще следует упомянуть т.н. мобильные детекторы, которые определяют устройство посетителя и активируют для него ту или иную тему. Об этом я тоже уже рассказывал в статье «Делаем мобильную версию сайта на WordPress без использования респонсивной верстки».

Существуют и премиальные решения этого типа. 

Например:

Продвинутые пользователи могут обойтись и вовсе без плагинов. В WordPress имеются встроенные функции определения пользовательской среды, существуют специальные JS-библиотеки, можно воспользоваться мобильными функциями jQuery или пойти стандартным путем, создав для мобильных устройств отдельный CSS с соответствующими медиа-запросами @media.

Я не думаю, что вопросы по данной теме исчерпаны. Уверен, мы еще не раз к ней вернемся. 

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

Если вы столкнулись с тем, что ваш WordPress-сайт не проходит тест на мобилопригодность — обращайтесь! Все решается.

 

Автор: Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе WordPress.

Комментарии

Разгоните свой WordPress

Хостинг-провайдер номер один в России — REG.RU

Подробнее