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

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

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

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

Что происходит при верстке.

При верстке мобильной версии сайт претерпевает ряд изменений связанных с особенностями мобильных устройств и их юзабилити. А это значит, что для создания мобильной версии специалисты рекомендуют создавать сайт на поддомене и ставить расширение страницы не более max-width: 620px. Используя поддомен, вы создаете более упрощенную версию сайта, избавляясь от лишних деталей. Здесь должен быть представлен минимум картинок и ненужного иллюстративного материала, меню из вертикального положения стоит ради удобства перевести в горизонтальное положение, сверху, в шапке.

Следующей сложностью при ответе на вопрос как сделать мобильную версию сайта становится решение следующей задачи: как сделать так, чтобы люди, выходящие с мобильных устройств, попадали на эту самую мобильную версию, а не оставались на самом сайте. Ведь все пользователи знают только главный адрес вашего сайта, о никаких поддоменах они и слышать не слышали. Ответ на этот вопрос можно найти с помощью нескольких ссылок. Необходимо вставить в index-файл код для определения мобильных устройств с сайта detectmobilebrowsers.com и заменить его на адрес вашего сайта. После этой процедуры, все пользователи будут проверяться на устройство, с которого сидят, и переадресовываться на основную или мобильную версию.

Давайте подытожим:

Чтобы сделать мобильную версию сайта необходимо:

  1. Создать новый поддомен сайта
  2. Провести верстку мобильного сайта
  3. Скопируйте системные библиотеки с сайта на мобильный, для создания единого контента
  4. Добавьте проверку на браузер в index-файл
  5. Создайте переадресацию на мобильную версию сайта.

Post your comment