Как сделать мобильную версию сайта?
Пожалуй, все вебмастера планируют создание мобильного сайта. Такие планы актуальны в виду широкой популяризации устройств мобильного типа. Огромная часть аудитории интернет пользователей посещает ресурсы с мобильных устройств. Число «мобильных» людей растет, поэтому разберемся, как сделать мобильную версию сайта грамотно? Проделанная работа непременно принесет свои плоды в виде большего трафика.
Скоростная способность интернета «мобилок» уступает скорости стационарного устройства. Компактный экран мобильного устройства превращает процесс просмотра страничек ресурсов в проблему. Следует учитывать, что есть регионы с не качественной связью. Загрузка страниц в подобных регионах осуществляется медленнее, вес которых до 300 КБ с 90% ненужной графики создает массу неудобств. В итоге – посетитель спешит покинуть сайт. Кому понравятся такие неудобства?
Первым делом позаботьтесь о том как сделать минимум набора графики. Вы можете организовать максимально привлекательную «легкую» шапку. Работа с версткой для мобильного типа требует соблюдения нескольких принципов – оставьте необходимую информацию, устраните излишние красивые громоздкости. Поработать следует с позиционированием элементов. К примеру, расположенное с левой стороны меню целесообразно перенести вверх. Таким образом, основная часть поддастся растяжению, что удобно для экрана мобильного плана. Ширина страницы max-width: 620px.
Версию сайта для устройств мобильного типа следует грамотно организовать на отдельный поддомен. Например, m.site.com. Когда сайт будет готов, позаботьтесь о перенаправлении трафика с Вашего site.com на мобильный тип m.site.com. Вам понадобится специальный код, позволяющий определять браузер. Код можно найти и скачать в интернете. Например, для PHP у Вас есть код, вставьте его index-файл, организуйте замену адреса в header() на адрес мобильного ресурса.
Полезные советы помогут сориентироваться, как сделать мобильную версию сайта и соответствовать стандартам поисковых систем. Каждый пользователь ресурса будет проанализирован на предмет мобильного браузера. Система перенаправит их на требуемую версию сайта под названием «мобильная». В другом случае они смогут без проблем просматривать стандартную версию ресурса.