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

Попасть в первые позиции поисковиков за счет адаптивного дизайна сайта, – это более чем реально. 

Что такое адаптивный дизайн сайта? 

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

Одним из выходов из положения стала технология разработки адаптивных веб-сайтов, страницы которых одинаково хорошо выглядят на обычном мониторе и на дисплее мобильного гаджета. Компания Googlе даже разработала алгоритм выявления таких ресурсов и ранжирования их в списках выдачи. Алгоритм получил говорящее само за себя название «Mobile-Friendly». 25% топа выдачи ведущих браузеров – это адаптированные сайты, что не может не привлечь внимания специалистов по SEO. Практика показывает: адаптация под мобильные устройства улучшает оптимизацию ресурса.  

Принципы адаптивного дизайна. 

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

- Телефоны и смартфоны с шириной экрана до 768px.
- Планшеты с разрешением от 768px.
- Настольные устройства от 992px. 
- Большие дисплеи от 1200px.

Адаптация страницы достигается за счет применения следующих методик: 

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

Источник: http://prodvizhenie76.ru - создание и продвижение адаптивных сайтов.