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

Недавно начали приходить письма от Google, с примерно таким содержимым:

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

To: Веб-мастеру сайта http://www.site.com/

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

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

Как пишут на форуме SearchEngines в топике, алгоритм будет введен 21 апреля.

По поводу необходимости оптимизировать сайты под смартфоны и планшеты, у каждого свое мнение. Некоторые "против", некоторые "за". Я все же "за". Посмотрите, например, на эту картинку:

Народ в Риме на площади Святого Петра приветствует новоизбранного Папу.

Сообственно, с ней нельзя не согласиться, в моем окружении мало у кого еще нет смартфона или планшета (пожалуй только у моих бабули с дедулей). Согласно этой статьи: Mobile First Design: Why It’s Great and Why It Sucks (http://designshack.net/articles/css/mobilefirst/) в мире 1.6 млрд мобильных пользователей, при этом в США 25% мобильных юзеров, не используют ПК вообще. Ну, а если учесть что статья 2013 года, становится вообще страшно 🙂

С чего же начать при оптимизации сайта?

Во-первых нужно проверить что именно не устраивает гугл, сделать это просто, нужно ввести адрес своего сайта на этой странице и почитать что Вам напишут:
Проверка удобства просмотра на мобильных устройствах (https://www.google.com/webmasters/tools/mobile-friendly/?hl=ru)

Следующим шагом будет устранение всех проблем, которые там напишут. Тут уже пути ваши неисповедимы 🙂 Если есть навыки верстки но Вы не представляете что такое адаптивный дизайн, тогда я бы рекомендовал для начала эту статью Пошаговое руководство по созданию адаптивного дизайна (http://site-on.net/create/html/7-responsive). А если навыков нет, тогда Вам дорога на фриланс бирже weblancer или fl.

Если же у Вас всё Ок с адаптивностью и замечаний у гугла нет, я бы рекомендовал еще раз проверить вот тут: PageSpeed Insights - https://developers.google.com/speed/pagespeed/insights/

Сообственно, это и всё на сегодня. Держите нос по ветру и с Вашими сайтами всегда все будет Ок.

--[добавлено 27.04.2015]--

PageSpeed Insights часто, кроме прочего, просит сжать CSS, JS и картинки, а так же включить кеширование. Поэтому, оставлю здесь подборку сервисов, которые помогут в этом:

• Online JavaScript/CSS Compressor - сжатие JS, CSS (online) -  http://refresh-sf.com/
• CSS Min - сжатие CSS (online) - http://tools.w3clubs.com/cssmin/
• Включение Gzip сжатия и кеширования в .htaccess - http://xiper.net/collect/server/htaccess/perfomance
• FILEminimizer Pictures - Сжатие картинок без потери качества (desktop, windows) - http://fileminimizer-pictures.en.softonic.com/

Для более продвинутых веб-мастеров, советую использовать GulpJS, который в купе с соответствующими модулями, делает сжатие js, css и картинок автоматически. Хорошая статья по настройке всей этой прелести есть на хабре: Приятная сборка frontend проекта (http://habrahabr.ru/post/250569/)