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

Здравствуйте посетители с разных источников!

Сегодня статья расскажет, как проверить сайт на мобильных устройствах без телефона. Вы, наверное, это уже поняли, так как это же написано в заголовке поста. Просто мне нужна ключевая фраза в первом абзаце (надеюсь, никто не обиделся). Кстати если хотите поднять свои посты в ТОП, то тоже рекомендую так делать, я об этом уже где-то писал, наверное, здесь или здесь.

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

Коротко расскажу, где я взял эту идею о проверке сайта на мобильном. Если не хотите об этом узнавать, просто проскрольте страницу немного ниже …

Мне подала идею о проверке сайта Надежда Давыдова в своей статье «[urlspan]Что такое поведенческие факторы сайта и как их улучшить?[/urlspan]». За что ей очень благодарен!

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

Сервисы для проверки сайта на мобильных устройствах

Для начала покажу, как мой блог отображается на телефонах. Я его проверил и вот результат:

Как проверить сайт без телефона

Проверял свой блог [urlspan]здесь[/urlspan]. Этот сайт называется responsinator. Как осуществить проверку, читайте дальше …

По перейденной ссылке выше, вы попадаете на отличный сервис. Там нужно просто ввести свой домен в строку «Enter your site», чтобы сервис сделал проверку вашего сайта. Вам покажут ваш проверенный сайт на нескольких айфонах и планшетах. Их там аж вот столько:

  1. iPhone 5 portrait width: 320px
  2. iPhone 5 landscape width: 568px
  3. iPhone 6 portrait width: 375px
  4. iPhone 6 landscape width: 667px
  5. iPhone 6 Plump portrait width: 414px
  6. iPhone 6 Plump landscape width: 736px
  7. Crappy Android portrait width: 240px
  8. Crappy Android landscape width: 320px
  9. Android (Nexus 4) portrait width: 384px
  10. Android (Nexus 4) landscape width: 600px
  11. iPad portrait width: 768px
  12. iPad landscape width: 1024px

Как видите, проверка сайта сделана на 12 устройствах. Но я сомневаюсь, что у всех есть такие цацки. Конечно, мы сейчас живем (2014 год) в мире высоких технологий, но тем не менее не все могут позволить себе такую роскошь. Есть выход! Можно проверить сайт на других сервисах. Например, [urlspan]здесь[/urlspan]. Тоже вводите свой адрес:

Как проверить сайт

Это, наверное, один из лучших ресурсов для проверки сайтов, который я когда-либо видел. Жалко, что у нас так еще не научились делать! А может уже умеют? Буду благодарен за рассказ о сервисах, на которых вы уважаемый посетитель делаете проверку своего сайта! Можно просмотреть свой блог на разных устройствах:

  • Широкоэкранные мониторы
  • Ifone, Ipad, android
  • Телефоны разных моделей
  • Телевизоры
  • Свой размер
  • Просмотр экрана на развороте
  • Разрешить прокручивать страницу

СПОСОБЫ ПРОВЕРКИ НЕ МОБИЛЬНЫХ САЙТОВ

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

  1. Установить специальный плагин
  2. Заказать мобильную версию у freelancer
  3. Резиновый шаблон

ПЛАГИН МОБИЛЬНОЙ ВЕРСИИ ДЛЯ БЛОГОВ

Первое решение, думаю понятно? Идете на фриланс-биржу и делаете заказ, а вот второй немного подробней. Ведь плагинов создали очень много и какой из них тот, что нужен не понятно. Я пока плагин не использую, но в интернете прочитал много положительных отзывов об этом: MobilePress – [urlspan]скачать[/urlspan]. После скачивания устанавливайте его, как обычно, активируйте и делайте настройки.

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

Как проверить сайт без плагина

От выбора правильного шаблона зависит успех вашего web-сайта! Если нет денег на freelance, то советую выбирать резиновую тему, чтобы она могла уменьшаться и сужаться, когда надо.

Пишите вопросы, я с радостью на них отвечу. Жду ваших комментариев с нетерпением. До встречи в другой статье!

С уважением, Алексей Кобзарев



Интересный и полезный контент

28 thoughts on “Как проверить сайт на мобильных устройствах без телефона

  1. Сергей

    У меня плагина нет, но на мобильных сайдбар не срезается (дизайн узковатый) и все видно хорошо.

    1. Алексей Кобзарев Автор записи

      Главное — читабельный текст, ссылки и кнопки.

  2. артем

    у меня тоже резиновый шаблон, но все равно на мобильных устройствах отображается криво или вообще текста статьи не видно(((…придется ставить плагин. 😮

  3. Андрей Косолапов

    Алексей, здравствуйте! Проверил свой блог на сервисе который Вы дали. Все работает на всех 12 устройствах. 😮 Я аж сам удивился :mrgreen:

    1. Алексей Кобзарев Автор записи

      Значит, хороший шаблон. А на мобильных проверяли (вторая ссылка)?

      1. Андрей Косолапов

        Ого работает и по второй ссылке. Да, Алексей, приглашаю на юбилей блога. ➡

  4. Надежда Давыдова

    Ох, это моя головная боль. Мне и проверять не надо, моя тема не адаптивная. Нужно доплачивать фрилансеру, чтобы доработали. От плагинов одно горе. Лучше обратиться к специалисту, чтобы тема сама адаптировалась под мобильные устройства. Не все же так рубят в этом, как ты, Алексей! Но денег пока на такое удовольствие нет…

    1. Алексей Кобзарев Автор записи

      У меня текст и ссылки видны во всех устройствах, но не могу решить проблему с сайдбаром.

  5. артем

    установил плагин MobilePress. и в моем случае он почему-то работает через раз. может на ноутбуке отобразить мобильную версию сайта, а на мобильнике наоборот — полную кривую версию. вобщем снес я обратно этот плагин. может с моей версией wp не совместим. видимо, придется менять свою тему вордпресс на адаптивную….у тебя смена шаблона каким-то образом отразилась на поисковой выдаче, посещаемости блога?

    1. Алексей Кобзарев Автор записи

      Когда поменял шаблон, посещалка почти сразу прыгнула до 400-450. Скорей всего роботам понравился контент на всю страницу и подняли мои статьи в выдачи + хорошее отображение на моби-устройствах.

      1. артем

        Тогда буду менять тему… У меня по статистике 30% заходов с мобил устройств, не хочется терять траф…

      2. Надежда Давыдова

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

        1. Алексей Кобзарев Автор записи

          Если не хочешь платить фрилансеру, то пробуй разные плагины. Какой-то точно подойдет.

      3. артем

        тогда предлагаю название для новой статьи в блог — «как безболезненно сменить тему вордпресс»

        1. Алексей Кобзарев Автор записи

          Приму к сведению. Скоро напишу …

  6. Елена

    Да, проверка сайта на любом мобильном устройстве поможет значительно увеличить посещаемость блога или сайта. Владельцы сайтов часто сталкиваются с проблемой раскрутки своего сайта. Я сама когда-то, будучи владелицей собственного сайта, никак не находила способов раскрутки своего сайта с целью монетизировать его. Спасибо за пояснение способа, инновационного для меня.

  7. Софья

    Здравствуйте, Алексей!
    Я и не знала, что у меня тема адаптированна. Хорошо видно на всех устройствах. Сужается и расширяется. Только окно подписки немного съезжает, но оно и так у меня не очень ровно сидит.
    Спасибо за подборку сервисов.

  8. Denis

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

  9. Александр

    Странно, у меня на PageSpeed Insights дело нормально обстоит, а по двум Вашим сервисам -швах!

    1. Алексей Кобзарев Автор записи

      Page показывает видимость поисковых роботов с телефонов и компьютера, а сайты в статье показывают реальное отображение на телефонах пользователей.

  10. Наталья

    У меня стоит WPtouch Pro, надо ли устанавливать еще один плагин для мобильных, потому что в сервисах, которые Вы указали WPtouch Pro не срабатывает.

    1. Алексей Кобзарев Автор записи

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

  11. Александр

    Всем привет! Алексей, я поставил на свой блог плагин WPtouch настройки там понятные и простые, все отлично работает. Проверил в и причем все страницы блога, вышло сообщение «Отлично! Страница оптимизирована для мобильных устройств».

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *