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

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

Это разумно, поскольку количество людей, пользующихся планшетами, iPhone и мобильными устройствами на базе Android, неуклонно растет. Что нужно сделать, чтобы оптимизировать сайт под мобильные устройства?

Разделяем устройства на группы

Для начала целесообразно разделить все мобильные устройства по размеру дисплея и их функционалу. Некоторые гаджеты, такие как iPhone, G1 и Android, которые поддерживают CSS. Так как у данных устройств сравнительно большой дисплей, они составляют первую группу. Во второй группе разместим гаджеты с меньшим размером дисплея, но также поддерживающие CSS. В третью группу нужно выделить устройства, не поддерживающие CSS. Для устройств третьей группы никакой дополнительной оптимизации под мобильные устройства не потребуется.

Выбор дизайна и внесение изменений в код

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

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

Разработка и тестирование

Итак, код вписан в страницы сайта, линки для обеих групп мобильных устройств созданы. Теперь наступает самый ответственный момент в оптимизации сайта под мобильные устройства – создание двух таблиц стилей. Изменяем первоначальную страницу. Меняем графическое наполнение, уменьшаем его. Естественно, страница для устройств с большим размером дисплея будет отличаться от страницы для устройств с меньшим размером дисплея. Это значит, что необходимо максимально упростить страницу для устройств второй группы.

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

Добавить комментарий


Защитный код
Обновить

Cкачайте приложение на Андроид и будьте в курсе новостей
Интернет-маркетинга всегда!

Joomla Templates and Joomla Extensions by ZooTemplate.Com

WebSEOHelp

smp-forum.ru


.
Наверх
закрыть