email
perm_phone_msg
forum

4 способа создания мобильных сайтов

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

Как уже упоминалось, существует несколько решений проблемы разработки сайтов для мобильных устройств. Независимо от используемой системы управления содержимым: 1С Битрикс или WordPress, все они сводятся к четырем основным способам.

1. Сайт на отдельном поддомене

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

Зачем нужен такой вариант:

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

Минусы тоже имеются и довольно существенные:

2. Мобильный шаблон

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

Рассмотрим работу такого подхода на основе применения плагина WPtouch для CMS WordPress. Плагин идентифицирует пользователя по ID устройства, браузеру и разрешению экрана, показывая ему мобильный шаблон. Установка этого шаблона может быть целесообразной, когда у Вас уже есть сайт на CMS, но с устаревшей табличной версткой.

К плюсам такого решения можно отнести:

Минусы:

3. Адаптивный дизайн

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

Плюсы:

К минусам адаптивной верстки относятся:

4. Мобильные приложения

Подавляющему большинству организаций мобильные приложения могут никогда не потребоваться. Но, несмотря на это, мы все же решили включить их в общий обзор. Приложение — специально написанное веб-приложение для AppStore и Play Store. Формально, это канал связи между вашим брендом и пользователем. Интеграция с приложением разумна в следующих случаях:

Заключение или что выбрать?

Исходя из вышесказанного, мы делаем следующие выводы:

Отдельный сайт — долгие годы это был основной подход в веб разработке. Но с появлением iPhone в 2007 году, мобильные сайты изменились, и смартфоны превратились в полноценные компьютеры с возможностью запуска Windows 10. Наличие отдельного сайта допустимо для точки входа в корпоративную систему или требования наличия отдельной версии.

Мобильный шаблон — хорошее решение для вашего сайта, позволяющего показывать контент с полной версии. Хорошо подходит для старых сайтов, не требующих обновления. Однако, мобильный шаблон, как и плагин, скорее всего, потребует доработки и расширения функциональности.

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

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

Запись опубликована: 15.08.2017

Оставьте контактный телефон и мы свяжемся с Вами

Ваше имя

Телефон