все о заработке в интернете
инфо-бизнесе с нуля, электронной коммерции
Мой профиль Вконтакте

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

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

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

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

Почему совместимость с мобильными устройствами так важна для Google?

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

graph-01

Для Гугла почти 50% всего трафика в настоящее время идет с мобильных устройств.

graph-02

В недавний праздничный период 22,5% всех онлайн-продаж было совершено через мобильные устройства.

graph-03

Более 80% американцев используют смартфоны/планшеты во время просмотра телевизора.

graph-04

90% пользователей переходят с одного гаджета на другое, чтобы что-то сделать (в основном это касается покупок).

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

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

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

пример мобильной выдачи

  • Оптимизированные блоги получают немного более высокие позиции (в процессе тестирования).
  • В Google заявили, что они были готовы понизить сайты неадаптированные для смартфонов.

Поэтому, зачем ждать? Все эти сигналы поступают напрямую от Google. Лучше всего уже сегодня задуматься и решить данную проблему.

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

  1. Узнать, адаптирован ли сайт под мобильные устройства.
  2. Выбрать подходящее решение (если у вас его еще нет).
  3. Применить лучшие практики в области оптимизации.
  4. Избежать ошибок в дизайне для мобильных устройств.

1. Узнайте, адаптирован ли сайт

Протестируйте ваш сайт с помощью Google Mobile-Friendly. Здесь, вы можете получить один из следующих результатов:

  • Ваш сайт прошел тест.

Это означает, что все в порядке и вам не о чем беспокоиться.

сайт прошел тест на мобильность

  • Ваш сайт не прошел тест

Довольно часто причинами этого являются:

  • Слишком мелкий шрифт
  • Не задана область просмотра для мобильных устройств
  • Ссылки слишком близко друг к другу

сайт не прошел тест

 

Если вы не прошли данный тест, то переходите к следующему шагу.

2. Выберите подходящее решение (если у вас его еще нет)

 Легко поддер-живать  Ваш контент одинаково отображается на всех устройствах  Рента-бельность  Пользова-телям легко работать

 Адаптивный веб-дизайн (рекомендуется Google)

Показывается на всех устройствах, но страница адаптирует макет под экран.

 5 (10)  5 (10)  5 (11)  5 (11)
 Динамичный сайт

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

 5 (11)  5 (11)  5 (10)  5 (10)
 Отдельный сайт для пользователей мобильных устройствТакие пользователи перенаправляются на другой специальный URL-адрес. Пользователям планшетов показывается компьютерная версия.  5 (11)  5 (11)  5 (10)  5 (10)
 Мобильное приложениеДля пользователей мобильных устройств создается отдельное приложение. Эта опция часто используется в сочетании с другими.  5 (11)  5 (11)  5 (11)  5 (10)

3. Применяйте лучшие практики в области оптимизации

Помните метку «сайт оптимизирован для мобильных устройств», которая отображается в мобильной поисковой выдачи? Чтобы она появилась напротив вашего сайта, он должен соответствовать следующим критериям (согласно сведениям Googlebot):

5 (10)На вашем сайт нет программного обеспечения, которое не свойственно для таких устройств, например, флэш  Большинство мобильных браузеров не отображают контент, который использует Flash.
5 (10)Вы используете текст, который читается без масштабирования  Во-первых, настройте область просмотра так, чтобы шрифты масштабировались. Затем реализуйте  дополнительные рекомендации, касающиеся шрифтов на этой странице.
5 (10)Размер страницы соответствует размеру экрана, чтобы пользователям не приходилось прокручивать по горизонтали  Создавайте контент, который вмещается в область просмотра.
 5 (10)Вы размещаете ссылки достаточно далеко друг от друга

Для тех, кто использует WordPress, Joomla и др.

Если вы используете CMS, такую как WordPress, Joomla, Drupal, Blogger, vBulletin, Tumblr, DataLife Engine, Magento, Prestashop, Bitrix и Google Sites, то прочтите вот эти рекомендации.

4. Избегайте ошибок в дизайне

  • Не блокируйте JavaScript, CSS-файлы и файлы изображений. Google уже давно советуют оптимизаторам не блокировать эти файлы (например, в robots.txt), так как это может привести к снижению позиций как в мобильном поиске, так и в обычном. Чтобы проверить, не заблокированы ли данные файлы, воспользуйтесь инструментом «посмотреть как Googlebot» в Google Webmaster Tools.
  • Не используйте контент, который не воспроизводится. В браузерах могут возникать проблемы с контентом, который ограничен лицензией, или контентом, который требует установки Flash плеера.
  • Правильно настройте редиректы. В отношении мобильных устройств, неисправный редирект, это редирект, который ведет пользователя на неправильный эквивалент обычного URL-адреса. Как правило, это будет отображено в Google Webmaster Tools. Узнать больше.
  • Смотрите, чтобы не появлялись ошибки 404, свойственные только для мобильных устройств. Иногда страница, которая прекрасно загружается на компьютере, может возвращать ошибку 404 на мобильном устройстве.
  • Не призывайте агрессивно пользователей загружать ваши приложения. Если у вас есть приложение, которое вы хотите рекламировать для пользователей, не нужно делать это следующим образом: пока пользователь не скачает приложение, он не сможет просматривать контент. Это может вызвать проблемы с индексированием и спугнуть пользователей.
  • Проверьте корректность работы ссылок. Если вы используете специальный дизайн, проверьте внутренние ссылки на работу. Убедитесь, что эти внутренние ссылки идут на мобильные оптимизированные страницы, а не на компьютерные аналоги. Узнать больше.
  • Убедитесь, что ваши страницы загружаются не слишком медленно. Скорость является решающим фактором для мобильных устройств (отчасти потому, что браузеры не могут обрабатывать громоздкие страницы, так же легко, как компьютерные браузеры). Проверьте скорость загрузки вашего сайта для мобильных пользователей и исправьте ошибки, если это необходимо.

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

С уважением, Александр Пузатых

Понравилась статья? Поделитесь с друзьями!