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

2 seo 666Сейчас многие задаются вопросом как адаптировать сайт под мобильные устройства и блогеры тоже об этом думают. Я не исключение. Дело в том, что если вам важен поисковый трафик то очень важно, чтобы сайт был оптимизирован под мобильные устройства. В противном случае какой бы ни был хороший сайт поисковики понизят его в выдаче по сравнению с оптимизированными при прочих равных. Так что — задумайтесь. Приветствую всех!

В принципе большинство шаблонов под wordpress (а именно он интересует меня больше всего) оптимизированы под просмотр на мобильных устройствах. Но, естественно, не все. Как вариант можно адаптировать сайт, внеся изменения в код шаблона. Так что если вам не повезло с этим вопросом то надо задуматься или о другой теме (шаблоне) или же можно воспользоваться отличным плагином, который в том числе и оптимизирует блоги под просмотр на мобильных устройствах…

Как адаптировать сайт под мобильные устройства. Jetpack!

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

Плагином Jetpack пользуются многие блогеры, судя по количеству установок. Более 1 миллиона! Помимо того, что плагин поможет адаптировать сайт, он еще может много чего:

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

Как видите Jetpack это целый комбайн, который с легкостью может заменить много плагинов. Я его использую много лет и еще ни разу не пожалел. Кстати Jetpack имеет свой клиент под андроид и позволяет публиковать стати, отвечать на комментарии и смотреть статистику на своем телефоне. Для айфонов такой клиент тоже имеется.

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

Итого получатся, что для адаптации сайта под мобильные устройства можно пойти такими путями:

  1. купить/скачать уже адаптированный шаблон
  2. делать правки в коде уже имеющегося шаблона
  3. воспользоваться настройкой адаптации плагина Jetpack

Каким вариантом воспользоваться — выбирать вам и только вам.

Адаптация сайта для мобильных устройств

https://www.youtube.com/watch?v=h1KOU0rHafo

А у вас адаптивный шаблон? Расскажите-ка 🙂

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

Комментариев нет

  1. Татьяна:

    «плагин поможет адаптировать сайт, он еще может много чего:» Скажите, а это «много чего» подключается по отдельности по желанию? И об этих функциях хотелось бы узнать подробнее.

  2. Олег:

    Здравствуйте!
    Сегодня адаптивный шаблон сайта — это уже не баловство, а просто необходимость. Без этого, действительно, поисковики будут понижать ваш сайт в выдаче. Все вышеперечисленные варианты помогают адаптировать шаблон под мобильные устройства. Какой из них выбрать — каждый будет решать сам. Это будет зависеть от его знаний HTML, CSS и др. Это, что касается второго варианта. Первый вариант — это покупка уже готового адаптивного шаблона. Я, лично, воспользовался этим вариантом. Многие могут возразить, что это мол, дорого. Да, на фрилансе дорого. Но я покупал у Гудвина. Это чуть больше 900 рублей. У него очень качественные шаблоны (и все адаптивные). Я доволен своим выбором. И третий вариант — это плагин Jetpack. Ничего о нем не скажу, т.к. не использовал никогда. Хотя как вариант, вполне может подойти. Но с плагинами нельзя перебарщивать. Ведь если их много, то сайт будет грузиться долго. Хотя ради такого плагина можно удалить и какой-нибудь менее важный.

  3. Владимир:

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

  4. Алексей:

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

  5. Галина:

    Что-то и я слышала об этом плагине, даже не смотря на то, что в вордпресс редко заглядываю.
    Но все же предпочитаю делать сайты уже с адаптивной версткой. И ничего у них не отображается некорректно, как чуть выше говорили, все адекватно и очень приятно. И под табы адаптивит, и под смартфоны. Если верстаете с нуля, можно все под себя настроить. А если используете готовый шаблон, то их огромное множество уже адаптивных (я бы сказала, что сейчас уже неадаптивные перестали делать, они все на бутстрапе). Скачиваете да натягиваете на проект. С вордпрессом еще проще, готовые темы есть (уже адаптивные), там пару кликов и все. Что не нравится — дорабатываем =)

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

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