Ваша страница не оптимизирована для смартфонов
Все больше и больше поисковых запросов происходит через смартфоны, и Google это учитывает. В этой статье мы расскажем, как сделать ваш сайт оптимизированным для мобильных устройств, чтобы вы могли не отставать от своих конкурентов.
В этой статье вы узнаете:
- Советы по оптимизации вашего сайта для мобильных устройств;
- Почему наличие мобильной версии сайта так важно;
- Основные SEO-рекомендации для мобильных устройств;
- Различные решения для мобильной версии сайта.
Более половины мирового онлайн-трафика в 2020 году составили мобильные пользователи, и эта тенденция неуклонно растет в течение последних 5 лет. Но, несмотря на популярность поисковых запросов через мобильные устройства, только около 70% сайтов являются пригодными для мобильных пользователей.
Сейчас сайт, адаптированный под мобильные устройства, является важным конкурентным преимуществом. Это крайне необходимо, если вы хотите оставаться на плаву и быть конкурентоспособным с другими в своей отрасли.
Google говорил об индексировании в первую очередь мобильной версии сайта еще с 2016 года. Весной 2020 года они объявили, что запустят мобильную индексацию для всей сети интернет, начиная с сентября 2020 года. Из-за пандемии они отложили ее до марта 2021 года.
Это дополнительное время - отличная возможность убедиться, что ваш мобильный сайт полностью оптимизирован и готов работать к весне следующего года. Ниже мы расскажем, как сделать ваш сайт более удобным для мобильных пользователей, чтобы тем самым не отставать от ваших конкурентов.
1. Проведите комплексный аудит
Аудит поможет выявить проблемы или недостатки текущей версии вашего веб-сайта с точки зрения удобства в использовании его на мобильных устройствах. Затем вы можете использовать полученные результаты для разработки плана по оптимизации вашего сайта. Аудит также позволит получить широкий спектр важных и информативных показателей, включая отображение количества мобильных пользователей, посещающих ваш сайт.
После завершения первого аудита целесообразно запланировать проведение регулярных аудитов не реже одного раза в год. После завершения первого аудита целесообразно запланировать проведение регулярных аудитов не реже одного раза в год.Вы можете использовать Google Analytics для аудита вашего веб-сайта, выполнив следующую команду: Google Analytics > аудитория > мобильные устройства > обзор/устройства. Google Search Console будет уведомлять вас об ошибках мобильного юзабилити, а также у Google есть свой собственный для мобильных устройств удобный инструмент для проведения тестирования.
Кроме того, вы можете выбрать премиальные сторонние инструменты. Если у вас нет времени или возможностей для проведения аудита, вы можете подумать о партнерстве с агентством , которое сможет порекомендовать индивидуальные решения на основе результатов, проведенного ими аудита.
Этапы проведения аудита:
После завершения вашего первого аудита целесообразно запланировать проведение регулярных аудитов не реже одного раза в год, чтобы убедиться, что все по-прежнему оптимизировано и работает соответствующим образом. Регулярные проверки также будут полезны, когда дело доходит до динамических обновлений Google.
Совет от профессионала : в Google Analytics вы также можете просматривать такие данные, как показатель отказов по типу устройства, просмотра страниц за сеанс и средней продолжительности сеанса. Эти KPI позволят вам узнать, хорошо ли пользователи взаимодействуют с вашим веб-сайтом через мобильные устройства.
Данную надпись видит только владелец сайта с регой в Серч Консоли. На неё (надпись) напрямую воздействуют данные из Серч Консоли. На что влияет эта надпись? А вы сами подумайте, на что влияет предупреждение о немобильности в эпоху мобильных сайтов?
Как убрать надпись "Ваша страница не оптимизирована для смартфонов"
1. Для начала нужно пофиксить ошибки на самом сайте (потому что глупо воевать с Гуглом, когда у тебя кривой сайт) и проверить в инструменте проверки мобильности (Проверка мобильной версии), чтобы получить такую картинку:
- Скрипты и стили, ответственные за юзабилити и прорисовку сайта должны быть разблокированы в robots.txt.
- Другая ошибка в 90% - это гугловский косяк при котором файлы с сервера, находящиеся далеко от USA, помечаются такой ошибкой (есть вариант это обойти, перенеся важные стили с внешних файлов в тело сайта, см. рекомендации).
Попутно на email вебмастера придёт письмо "Мы проверяем устранение ошибок типа "Удобство для мобильных" на сайте. ". Это долгая история, результата сразу не будет, включаем ждуна.
3. В Search Console есть раздел Проверка URL. Проверяем и изучаем проблемную страницу:
!) Вверху справа можно найти знак вопроса в кружке. Не стесняемся туда нажать и почитать Справку с описанием на русском той или иной функции в Серч Консоли.
Рендерим скриншот, и если всё хорошо, получится такая "зелень":
Скорее всего, в момент проверки главной страницы сайта страница была недоступна.
Проверьте главную страницу сайта с помощью инструмента Инструменты → Проверка мобильных страниц . Если данная проверка будет пройдена успешно, отправьте сайт на перепроверку на странице Диагностика → Диагностика сайта : нажмите кнопку Проверить около рекомендации «Сайт не оптимизирован для мобильных устройств» .
Скорее всего, в момент проверки страниц сайта они были недоступны.
Запустите проверку отдельных страниц с помощью инструмента Инструменты → Проверка мобильных страниц . Если данная проверка будет пройдена успешно, отправьте сайт на перепроверку на странице Диагностика → Диагностика сайта : нажмите кнопку Проверить около рекомендации «Сайт не оптимизирован для мобильных устройств» .
Для признания сайта отпимизированным под мобильные устройства алгоритмами допускается определенный порог неоптимизированных страниц, который вычисляется динамически в зависимости от количества проиндексированных страниц вашего сайта.
После внесения изменений проверьте отдельные страницы с помощью инструмента Инструменты → Проверка мобильных страниц . Если данная проверка будет пройдена успешно, отправьте сайт на повторную проверку на странице Диагностика → Диагностика сайта : нажмите кнопку Проверить около рекомендации «Сайт не оптимизирован для мобильных устройств» .
Не рекомендуем устанавливать перенаправление с ряда страниц основной версии сайта на одну и ту же страницу мобильной версии, так как это может ввести в заблуждение посетителей мобильных ресурсов.
В Вебмастере указан список страниц, которые, имея различное содержание, перенаправляют на одну и ту же страницу мобильной версии.
В данной ситуации рекомендуем устанавливать перенаправление страниц на соответствующие страницы мобильной версии. Если это невозможно (например, весь контент с нескольких страниц собран на одной странице мобильной версии), то можно оставить перенаправление только с главной страницы или с тех страниц, для которых это сделать приемлемо.
Скорее всего, в момент проверки главной страницы сайта страница была недоступна.
Проверьте главную страницу сайта с помощью инструмента Инструменты → Проверка мобильных страниц . Если данная проверка будет пройдена успешно, отправьте сайт на перепроверку на странице Диагностика → Диагностика сайта : нажмите кнопку Проверить около рекомендации «Сайт не оптимизирован для мобильных устройств» .
Скорее всего, в момент проверки страниц сайта они были недоступны.
Запустите проверку отдельных страниц с помощью инструмента Инструменты → Проверка мобильных страниц . Если данная проверка будет пройдена успешно, отправьте сайт на перепроверку на странице Диагностика → Диагностика сайта : нажмите кнопку Проверить около рекомендации «Сайт не оптимизирован для мобильных устройств» .
Для признания сайта отпимизированным под мобильные устройства алгоритмами допускается определенный порог неоптимизированных страниц, который вычисляется динамически в зависимости от количества проиндексированных страниц вашего сайта.
После внесения изменений проверьте отдельные страницы с помощью инструмента Инструменты → Проверка мобильных страниц . Если данная проверка будет пройдена успешно, отправьте сайт на повторную проверку на странице Диагностика → Диагностика сайта : нажмите кнопку Проверить около рекомендации «Сайт не оптимизирован для мобильных устройств» .
Не рекомендуем устанавливать перенаправление с ряда страниц основной версии сайта на одну и ту же страницу мобильной версии, так как это может ввести в заблуждение посетителей мобильных ресурсов.
В Вебмастере указан список страниц, которые, имея различное содержание, перенаправляют на одну и ту же страницу мобильной версии.
В данной ситуации рекомендуем устанавливать перенаправление страниц на соответствующие страницы мобильной версии. Если это невозможно (например, весь контент с нескольких страниц собран на одной странице мобильной версии), то можно оставить перенаправление только с главной страницы или с тех страниц, для которых это сделать приемлемо.
Недавно начали приходить письма от Google, с примерно таким содержимым:
В начале я не придал этому значения, но недавно читая searchengines узнал что вскоре будет введен новый алгоритм ранжирования, который будет учитывать этот фактор..
Как пишут на форуме SearchEngines в топике, алгоритм будет введен 21 апреля.
По поводу необходимости оптимизировать сайты под смартфоны и планшеты, у каждого свое мнение. Некоторые "против", некоторые "за". Я все же "за". Посмотрите, например, на эту картинку:
Народ в Риме на площади Святого Петра приветствует новоизбранного Папу.
Сообственно, с ней нельзя не согласиться, в моем окружении мало у кого еще нет смартфона или планшета (пожалуй только у моих бабули с дедулей). Согласно этой статьи: Mobile First Design: Why It’s Great and Why It Sucks в мире 1.6 млрд мобильных пользователей, при этом в США 25% мобильных юзеров, не используют ПК вообще. Ну, а если учесть что статья 2013 года, становится вообще страшно 🙂
С чего же начать при оптимизации сайта?
Во-первых нужно проверить что именно не устраивает гугл, сделать это просто, нужно ввести адрес своего сайта на этой странице и почитать что Вам напишут:
Проверка удобства просмотра на мобильных устройствах
Следующим шагом будет устранение всех проблем, которые там напишут. Тут уже пути ваши неисповедимы 🙂 Если есть навыки верстки но Вы не представляете что такое адаптивный дизайн, тогда я бы рекомендовал для начала эту статью Пошаговое руководство по созданию адаптивного дизайна. А если навыков нет, тогда Вам дорога на фриланс бирже weblancer или fl.
Если же у Вас всё Ок с адаптивностью и замечаний у гугла нет, я бы рекомендовал еще раз проверить вот тут: PageSpeed Insights.
Сообственно, это и всё на сегодня. Держите нос по ветру и с Вашими сайтами всегда все будет Ок.
--[добавлено 27.04.2015]--
PageSpeed Insights часто, кроме прочего, просит сжать CSS, JS и картинки, а так же включить кеширование. Поэтому, оставлю здесь подборку сервисов, которые помогут в этом:
-
- сжатие JS, CSS (online) - сжатие CSS (online) - Сжатие картинок без потери качества (desktop, windows)
Для более продвинутых веб-мастеров, советую использовать GulpJS, который в купе с соответствующими модулями, делает сжатие js, css и картинок автоматически. Хорошая статья по настройке всей этой прелести есть на хабре: Приятная сборка frontend проекта
Читайте также: