Способы создания мобильного сайта

Создание сайтов | Нет комментариев

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

Способы

Оптимизировать сайт под мобильные устройства можно тремя способами:

  • Создание мобильной версии;
  • Использование плагинов;
  • Адаптивная (резиновая) верстка.

Рассмотрим эти способы как создать мобильный сайт более подробно.

Мобильная версия

Обычно такой способ используется для статических сайтов. По сути, создается облегченная версия сайта, с меньшей шириной экрана, а также без использования тяжелых картинок. Размещают такую версию по адресу m.site.ru. проблема заключается в необходимости пользователю самостоятельно переключаться на необходимый вариант.

Плагины

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

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

Адаптивная верстка

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

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

Оставить ответ

Можно использовать: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

1111