Блог Евгения Вергуса Советы Вебмастера

Начните зарабатывать на партнерских программах, даже если у вас нет опыта и знаний! Скачайте бесплатный видеокурс по партнерским программам. Получить бесплатно
Евгений Вергус
Рубрики блога: Показать все

Как посмотреть мобильную версию сайта на разных устройствах

Приветствую Вас! Сегодня расскажу, как посмотреть мобильную версию сайта на разных устройствах и знать, как его видят ваши посетители. На самом деле есть много разных вариантов для проверки мобильной версии. И сегодня, мы с вами, затронем пару вариантов. Именно их я использую в своей работе, когда проверяю свой сайт или сайты клиентов.

mobilnaya versiya - Как посмотреть мобильную версию сайта на разных устройствах

Проверяем отображение мобильной версии в Chrome

В самом начале я расскажу Вам о самом простом способе просмотра мобильной версии сайта. Этот вариант очень простой и для решения нашей задачи вполне подходит.

Достаточно зайти в браузер Crome, открыть нужную нам страницу и нажать клавишу F12 в операционной системе Windows или Fn+F12, если это система iOS.

После этого Вы перейдете в Режим Разработчика и сможете увидеть, как выглядит сайт на различных устройствах. Чтобы посмотреть мобильную версию, достаточно кликнуть по иконке с картинкой телефона (как показано на скриншоте).

2019 09 28 14 09 38 - Как посмотреть мобильную версию сайта на разных устройствах

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

2019 09 28 14 10 44 - Как посмотреть мобильную версию сайта на разных устройствах

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

Смотрим мобильную версию сайта на разных устройствах

Если Вы хотите получить более расширенный функционал и сразу посмотреть сайт на разных устройствах, рекомендую перейти на сайт iloveadaptive.com.

2019 09 28 15 02 05 - Как посмотреть мобильную версию сайта на разных устройствах

На данном сайте можно посмотреть любой сайт практически со всех устройств и разных операционных систем. Это и компьютеры и планшеты и мобильные устройства.

Копируете ссылку на ваш сайт, вставляете его в поле и жмете Enter. После этого нужно выбрать операционные системы и модели телефонов. Основные моменты показаны на скриншоте ниже.

2019 09 28 15 05 46 - Как посмотреть мобильную версию сайта на разных устройствах

Как видите, все довольно просто. Вам осталось все проверить самостоятельно. Теперь вы знаете, как посмотреть мобильную версию сайта на любых устройствах.

Более подробно о всех настройках и работе с сервисами показал в коротком видео.

Совет для увеличения продаж

Как Вы понимаете, чтобы увеличить количество продаж, как своих так и партнерских продуктов, нужно сделать мобильную версию для всех продающих и подписных страниц.

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

Надеюсь, что данная статья принесет вам пользу. Жду Ваших вопросов и комментариев к данной статье.

Кстати, не забывайте о конкурсе комментаторов. Немного усилий и Вы можете выиграть 1000, 2000 или 3000 рублей. Принимайте участие!

С уважением, Евгений Вергус.

Спасибо Вам за то, что поделились статьей в социальных сетях!
Вконтакте
Телеграм
Рекомендую ознакомиться с похожими статьями:
Оставлено 25 комментариев
  • Ирина

    Я с лёгкостью, уже давно, нашла Ваш сайт на телефоне, читаю заинтересовавшие меня статьи. но вот комментарии предпочитаю оставлять дома, сидя за ноутбуком. Так я лучше обдумываю, что написать)))

    • Евгений Вергус

      Тоже верно ))) Обдуманный комментарий всегда лучше спонтанного ))

  • Александр

    Спасибо, Евгений. Очень полезная статья.

    • Евгений Вергус

      Всегда пожалуйста! Рад, что статья понравилась!

  • Сергей

    Добавлю, что сейчас кроме сервисов еще нужно смотреть сайт и на реальном телефоне. А все из-за технологии современных экранов. Они сейчас порой превышают разрешения наших ноутбуков. И замечал, что некоторые сайты смотрятся на хорошем телефоне только в режиме просмотра для планшета. А это уже минус к визуальным размерам шрифтов...

    Так что требования к шаблону сайтов нужно предьявлять жестче и проверять на практике, как смотрится сайт. Если в настройках сайта есть возможность изменения размеров шрифтов для различных типов экранов, то также не полениться и сделать шрифты крупнее.

    С сервисом, про который рассказано в статье, сделать такие подстройки вовсе несложно.

    Статья отличная! Спасибо!

    • Елена

      Беҙ мобильной версии сайта теперь никуда, многие смотрят информацию на бегу и поэтому, если такой версии не будет посетители просто будут искать информацию в другом месте

      • Евгений Вергус

        Полностью с вами согласен, Елена!

    • Евгений Вергус

      Вот именно, сервис iloveadaptive.com/ru/url как раз дает возможность посмотреть почти все варианты!

  • Виктория Карпова

    Привет, Жень. Спасибо за статью! Да если еще 2-3 года назад мобильная версия была выборочным делом и не все с ней заморачивались. То сегодня это уже маст хев, как для блога, так и для лендингов.

    Посмотрела за последний год доля мобильного трафика на моем блоге 30%, а за последние квартал 35%.

    • Евгений Вергус

      Привет! Да, Вика, как раз это именно то, о чем я сказал в письме! Мы можем терять до 40% трафика, а с каждым месяцем этот процент будет все больше.

  • Вячеслав

    Спасибо за полезную статью. Как раз сейчас улучшаю свой блог по технической части.

    • Евгений Вергус

      И это правильно! Надо двигаться в ногу со временем и всегда быть в тренде!

  • Марина

    Все завсит от целевой аудитории.

    Если это пенсионеры, мобильную версию делать необязательно, ее вряд ли будут смотреть.

    А для подростков наличие мобильной версии может быть существенным.

    Спасибо за статью, очень полезный материал.

    • Евгений Вергус

      Не совсем с вами согласен. Пенсионеры разные, поверьте, есть и такие, которые с мобильными на «ты»! Да и если взять за основу ваш комментарий, то автору довольно сложно ориентироваться на какую-то отдельную категорию, так что мобильная версия должна быть и точка!

  • Рашит

    Привет! Спасибо за статью, конечно с развитием технологий, увеличением пользователей смартфонов, надо успевать осваивать нужную тех. информацию, как пользователям, так и тем, кто создает услуги в сети интернет.

    • Евгений Вергус

      Пожалуйста, Рашит!

    • Ирина

      Наличие мобильной версии сайта сегодня однозначно необходимо — это так.

      Но вот чтобы потери составляли до 30-40 % трафика, даже не думала, что так много!

  • Лариса Ковалёва

    Замечательная информация,Евгений.Сейчас прохожу курс в Академии Партнёрского маркетинга и такая информация для проверки моего сайта,как нельзя кстати.Проверила и всё сделала правильно,сайт настроен под мобильную версию.Огромная благодарность за качественный курс! Удачи вам!

    • Евгений Вергус

      Спасибо за обратную связь! Успешного и продуктивного вам обучения!

  • Сергей Пиваев

    Евгений, здравствуйте! Спасибо за полезную и доступную статью. Проверил, всё работает. В дальнейшем сервис буду применять.

    • Евгений Вергус

      Сергей, всегда рад поделиться своими наработками с читателями и клиентами!

  • Сергей

    Благодарю за статью. В данный момент правда проверить не смогу мобильную версию своего сайта,так он заблокирован. Позже проверю обязательно . А ваш сайт Евгений часто читаю в мобильной версии.

  • Раиса Булышева

    Создаю свой блог ,поэтому статья как раз очень кстати ! Непременно воспользуюсь новыми знаниями ,полученными от Вас , Евгений ! Благодарю !Очень ценная информация !

  • Сергей

    Спасибо за статью. Проверим.Когда купим смартфон.

  • Сергей

    Спасибо за информацию

Оставить свой комментарий

Ваш адрес email не будет опубликован.