Загрузка...
Как посмотреть мобильную версию сайта на разных устройствах
Приветствую Вас! Сегодня расскажу, как посмотреть мобильную версию сайта на разных устройствах и знать, как его видят ваши посетители. На самом деле есть много разных вариантов для проверки мобильной версии. И сегодня, мы с вами, затронем пару вариантов. Именно их я использую в своей работе, когда проверяю свой сайт или сайты клиентов.
Проверяем отображение мобильной версии в Chrome
В самом начале я расскажу Вам о самом простом способе просмотра мобильной версии сайта. Этот вариант очень простой и для решения нашей задачи вполне подходит.
Достаточно зайти в браузер Crome, открыть нужную нам страницу и нажать клавишу F12 в операционной системе Windows или Fn+F12, если это система iOS.
После этого Вы перейдете в Режим Разработчика и сможете увидеть, как выглядит сайт на различных устройствах. Чтобы посмотреть мобильную версию, достаточно кликнуть по иконке с картинкой телефона (как показано на скриншоте).
В верхней панели можно выбирать и добавлять разные устройства. А если нажать на иконку поворота экрана, вы увидите как отображается сайт в горизонтальном виде на мобильном.
В целом, одного этого инструмента достаточно, чтобы понять, как видят ваш сайт пользователи на мобильных устройствах. Ведь это очень важно. Сейчас довольно большая доля мобильного трафика в сети и она постоянно растет.
Смотрим мобильную версию сайта на разных устройствах
Если Вы хотите получить более расширенный функционал и сразу посмотреть сайт на разных устройствах, рекомендую перейти на сайт iloveadaptive.com.
На данном сайте можно посмотреть любой сайт практически со всех устройств и разных операционных систем. Это и компьютеры и планшеты и мобильные устройства.
Копируете ссылку на ваш сайт, вставляете его в поле и жмете Enter. После этого нужно выбрать операционные системы и модели телефонов. Основные моменты показаны на скриншоте ниже.
Как видите, все довольно просто. Вам осталось все проверить самостоятельно. Теперь вы знаете, как посмотреть мобильную версию сайта на любых устройствах.
Более подробно о всех настройках и работе с сервисами показал в коротком видео.
Совет для увеличения продаж
Как Вы понимаете, чтобы увеличить количество продаж, как своих так и партнерских продуктов, нужно сделать мобильную версию для всех продающих и подписных страниц.
Прямо сейчас проверьте, если ли у вашего сайта и продающих страниц мобильная версия и как она отображается на разных устройствах. Если все печально, срочно исправляйте ситуацию.
Надеюсь, что данная статья принесет вам пользу. Жду Ваших вопросов и комментариев к данной статье.
Кстати, не забывайте о конкурсе комментаторов. Немного усилий и Вы можете выиграть 1000, 2000 или 3000 рублей. Принимайте участие!
С уважением, Евгений Вергус.
Я с лёгкостью, уже давно, нашла Ваш сайт на телефоне, читаю заинтересовавшие меня статьи. но вот комментарии предпочитаю оставлять дома, сидя за ноутбуком. Так я лучше обдумываю, что написать)))
Тоже верно ))) Обдуманный комментарий всегда лучше спонтанного ))
Спасибо, Евгений. Очень полезная статья.
Всегда пожалуйста! Рад, что статья понравилась!
Добавлю, что сейчас кроме сервисов еще нужно смотреть сайт и на реальном телефоне. А все из-за технологии современных экранов. Они сейчас порой превышают разрешения наших ноутбуков. И замечал, что некоторые сайты смотрятся на хорошем телефоне только в режиме просмотра для планшета. А это уже минус к визуальным размерам шрифтов...
Так что требования к шаблону сайтов нужно предьявлять жестче и проверять на практике, как смотрится сайт. Если в настройках сайта есть возможность изменения размеров шрифтов для различных типов экранов, то также не полениться и сделать шрифты крупнее.
С сервисом, про который рассказано в статье, сделать такие подстройки вовсе несложно.
Статья отличная! Спасибо!
Беҙ мобильной версии сайта теперь никуда, многие смотрят информацию на бегу и поэтому, если такой версии не будет посетители просто будут искать информацию в другом месте
Полностью с вами согласен, Елена!
Вот именно, сервис iloveadaptive.com/ru/url как раз дает возможность посмотреть почти все варианты!
Привет, Жень. Спасибо за статью! Да если еще 2-3 года назад мобильная версия была выборочным делом и не все с ней заморачивались. То сегодня это уже маст хев, как для блога, так и для лендингов.
Посмотрела за последний год доля мобильного трафика на моем блоге 30%, а за последние квартал 35%.
Привет! Да, Вика, как раз это именно то, о чем я сказал в письме! Мы можем терять до 40% трафика, а с каждым месяцем этот процент будет все больше.
Спасибо за полезную статью. Как раз сейчас улучшаю свой блог по технической части.
И это правильно! Надо двигаться в ногу со временем и всегда быть в тренде!
Все завсит от целевой аудитории.
Если это пенсионеры, мобильную версию делать необязательно, ее вряд ли будут смотреть.
А для подростков наличие мобильной версии может быть существенным.
Спасибо за статью, очень полезный материал.
Не совсем с вами согласен. Пенсионеры разные, поверьте, есть и такие, которые с мобильными на «ты»! Да и если взять за основу ваш комментарий, то автору довольно сложно ориентироваться на какую-то отдельную категорию, так что мобильная версия должна быть и точка!
Привет! Спасибо за статью, конечно с развитием технологий, увеличением пользователей смартфонов, надо успевать осваивать нужную тех. информацию, как пользователям, так и тем, кто создает услуги в сети интернет.
Пожалуйста, Рашит!
Наличие мобильной версии сайта сегодня однозначно необходимо — это так.
Но вот чтобы потери составляли до 30-40 % трафика, даже не думала, что так много!
Замечательная информация,Евгений.Сейчас прохожу курс в Академии Партнёрского маркетинга и такая информация для проверки моего сайта,как нельзя кстати.Проверила и всё сделала правильно,сайт настроен под мобильную версию.Огромная благодарность за качественный курс! Удачи вам!
Спасибо за обратную связь! Успешного и продуктивного вам обучения!
Евгений, здравствуйте! Спасибо за полезную и доступную статью. Проверил, всё работает. В дальнейшем сервис буду применять.
Сергей, всегда рад поделиться своими наработками с читателями и клиентами!
Благодарю за статью. В данный момент правда проверить не смогу мобильную версию своего сайта,так он заблокирован. Позже проверю обязательно . А ваш сайт Евгений часто читаю в мобильной версии.
Создаю свой блог ,поэтому статья как раз очень кстати ! Непременно воспользуюсь новыми знаниями ,полученными от Вас , Евгений ! Благодарю !Очень ценная информация !
Спасибо за статью. Проверим.Когда купим смартфон.
Спасибо за информацию