Здравствуйте!
Адаптация сайта под мобильные устройства это не просто дань моде, а необходимость так как просмотры проектов с мобильных устройств возросли до 70%. Поисковые системы Google и Yandex улучшают поисковую выдачу пользователям мобильных устройств, поэтому сайты адаптированные под разные экраны отображаются выше, чем неоптимизированные сайты.
Сайты не соответствующие требованиям мобильной версии будут пессимизироваться в поиске. И сайты, которые не выполнили это требование будут опущены в поисковой выдаче для мобильных устройств.
Поэтому надо проверять качество мобильной версии сайта, чтобы не потерять часть трафика и следовательно своих клиентов. Пользователи все больше просматривают сайты на смартфонах и планшетах и потому необходимо проверять качество мобильной верстки.
Мобильная версия сайта
Как можно посмотреть сайт на различных мобильных устройствах и проверить его мобильную версию, как выглядит как увидят его ваши посетители. Сейчас доля мобильного трафика очень быстро растет, поэтому необходимо следить за мобильной версией сайта и мобильная версия сайта у вас обязательно должна быть.
Для проверки мобильной версии сайта существует несколько сервисов.Проверяем наличие версии с помощью браузера Google Chrome, вбиваем в поисковую строку браузера URL сайта и жмем клавишу f12 или Ctrl и f12, если эта система windows, для системы IOS нажимаем fn и клавишу f12 В результате попадаем в режим разработчика, где открывается окно и в нем, в правом верхнем углу, жмем на иконочку с мобильной версией.
И мы увидим как отображается сайт в мобильной версии например на Galaxy S5.
А если нажмем на треугольничек,то можно будет посмотреть различные устройства, либо можно добавлять эти устройства дополнительно, например от galaxy s5 до iphone 6, 7 и так далее. А если мы нажмём вот сюда на поворот экрана,увидим, как будет отображаться мобильная версия в горизонтальном виде.
Посмотрим еще один достаточно интересный сервис, где можно проверять сайт сразу в нескольких операционных системах на различных устройствах, включая компьютеры, планшеты и мобильные устройства.
Это онлайн сервис проверки и тестирования сайта на адаптивность Ilove Adaptive, вбиваем в строку поиска Ilove Adaptive , жмем Enter и переходим в сервис Ilove Adaptive. Он выглядит таким образом,здесь много различных настроек, можно увидеть как выглядит ваш сайт на разных устройствах.
Вбиваем в строку адрес вашего сайта, нажимаем Enter и увидим как он будет отображаться в Samsung Galaxy S7, S8, S8+.
или в iPhone 5, iPhone 6, 7, 8; iPhone 6+, 7+, 8+; iPhone X.
Здесь можно выбирать различные операционные системы, можно выбрать ios или android, а также можно выбрать windows, есть еще и планшеты.
Здесь можно посмотреть, как будет выглядеть на различных разрешениях.
К примеру выбрали систему android windows или соответственно apple iphone. Здесь мы можем выбрать все либо популярные или кликнуть выбрать все и мы видим как на каком устройстве будет отображаться или iphone, или samsung, или xiaomi sony и так далее. Смотреть как выглядит мобильная версия
Проверить адаптивность сайта
На сервисе ADAPTIVATOR мы можем проверить адаптивность сайта, вбив в строку его урл.
А также проверить оптимизацию для мобильных на сервисе Google Search Console.
Проверяйте этими сервисами мобильную версию и следите чтобы ваша мобильная версия сайта всегда отображалась корректно.
Если будут вопросы или пожелания, пишите в комментариях обязательно отвечу.
С уважением Константин
Нет комментариев