Современные разработчики сайтов понимают, что развитие мобильных устройств и их широкое применение, будь это смартфон или планшет, приводит к увеличению потребности мобильных версий сайтов. Как правило, при этом разработчик с заказчиком должен решить адаптировать сайт для просмотра с мобильного, или просто разработать отдельно мобильный вариант. В этой статье рассмотрим некоторые возможные решения.
Распространенные способы.
Отметим, что создание мобильной версии сайта возможно тремя популярными методами:
— адаптивный дизайн. В этом случае, не изменяется страница ресурса, однако, CSS файл использует другие правила. То есть, сайт может адаптироваться под размеры браузера.
— индивидуальный мобильный сайт. Он находится в подкаталоге или поддомене, в некоторых случаях URL адрес для основного и мобильного ресурса одинаковые. Хорошим примером является мобильный вариант социальной сети ВКонтакте.
— RESS, которая также называется мобильной версией сайта. Однако, этот вариант самый сложный для разработчиков. Хотя при этом у него больше преимуществ по сравнению с двумя предыдущими вариантами.
Создание мобильной версии сайта.
Надо сказать, что мобильный вариант сайта должен иметь такое же содержание, цвет и стиль, как и сам сайт. Отличается мобильная версия лишь минимальным количеством графики и меньшим текстовым контентом. Перед дизайнерами основная задача в том, чтобы оставить приоритетные элементы, навигацию, графику, но отказаться от пробелов между блоками. Ведь смартфон или планшет имеют ограниченный размер дисплея, куда все нужно поместить.
Также ограничения действуют и на ширину страницы. Чтобы скорость загрузки сайта сохранить нормальной, весь контент лучше ингрегрировать в одной колонке, и минимизировать графику. При этом неважно, какая длина страницы.
Перед тем, как заказать мобильную версию сайта, необходимо понять, а нужно ли это в вашем случае. Конечно, если основной аудиторией является «мобильное» поколение, то это даже нужно. Для этого эффективно используются системы веб-аналитики. Также важно определить трафик сайта, и учитывать и эти показания. В частности, большой популярностью пользуются интернет-магазины, и чтобы сделать доступным возможность заказывать продукты, необходимо разработать мобильную версию сайта.