Адаптивный шаблон и его влияние на продвижение блога

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

Не секрет. что в нашем современном мобильном мире Ваш посетитель блога не теряет ни минуты. И очень часто просматривает новости Вашего сайта не на компьютере, а на телефоне или планшете, сидя в метро или автобусе.

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

Сегодня мы рассмотрим вопрос определения адаптивности Вашей темы. Начнем с ресурсов, где мы сможем проверить это свойство вашего сайта.

  1. Админка блога.
    Если перефразировать известный слоган как - WordPress думает о нас! То можно в этом убедиться, зайдя в опцию Внешний вид - Настроить.В нижней части сайдбара увидим три иконки мобильных устройств. Нажимая на них на экране слева будем видеть наш сайт на различных дисплеях. А проанализировав уведенное можно с уверенностью сделать вывод об адаптивности вашей темы.Но помните, что это только проверка отзывчивости шаблона к размеру дисплея мобильного устройства

    f12

  2. Ресурс Screenfly
    Зайти на ресурс можно по ссылке http://quirktools.com/screenfly/
    Здесь также можно оценить отзывчивость шаблона вашего сайта, но более подробно.Здесь предоставлена возможность просмотра на множестве гаджетов. Появляется выпадающее меню с различными марками мобильных устройств. Просто выбираете любой из них и просматриваете.скринфли
  3. Проверка в браузере
    Если Вы нажмете клавишу F12, то получите возможность, прямо в своем браузере, просмотреть свой блог при различных размерах монитора.f12
    Нажимаете на клавишу, в правой стороне экрана находите значок монитора. В левой будет отображаться Ваш сайт. В верхней части экрана будут показаны размеры монитора. Можно захватить маркер, справа от отображения сайта, и перетягивая его видеть, как будет меняться Ваш сайт на различных дисплеях.
  4. Проверка в Google.
    Проверку можно провести и в Google Search Console
    Пройдите по ссылке  https://search.google.com/search-console/mobile-friendly
    И проанализируйте страницу своего сайта. Этот ресурс дает более подробную информацию об оптимизации сайта.google
    Здесь рассматривается не только адаптивность к размеру мобильного устройства, но и другие требования. Например как размер шрифта, расстояние между ссылками...
    Но об этом подробно в следующей статье.

А сейчас посмотрите видео.

Где я более подробно расскажу об ресурсах проверки адаптивности шаблона блога


Удачной работы!

Related Posts Plugin for WordPress, Blogger...

About Смирнова Ирина

Очень рада приветствовать Вас на своем сайте! Моя задача - помочь начинающим интернет-предпринимателям пройти путь к поставленной цели без потерь. Смело перенимайте мой опыт! УДАЧИ!
Продвижение блога, , Permalink

2 комментариев к Адаптивный шаблон и его влияние на продвижение блога

  1. Спасибо! Сейчас это так актуально!

  2. nattmich says:

    Раньше у меня был не адаптивный шаблон и ГУГЛ замучил напоминаниями — оптимизировать для мобильных устройств. Пришлось заняться. Теперь результаты работы блога, конечно, выше. Спасибо за Ваши уроки и статьи. Все очень четко и доходчиво. Часто ими пользуюсь.

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