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

Мобильный или нет. Что лучше: сайт, приложение или гибрид?Около 80% заказов на разработку сайта в нашей компании приходится на так называемый Адаптивный Дизайн или responsive web design, RWD. Это подход к разработке сайтов, согласно которому ресурс должен быть удобным для просмотра с любого устройства, независимо от размера экрана, будь то телевизор , десктоп, лаптоп, таблет или мобильный телефон. Такой сайт подстраивается под ширину окна браузера этих устройств путем мнговенных настроек макета и стилей. Если выражаться языком программистов, то это происходит посредством CSS3 Media Queries (CSS3 медиа запросы). Ваш сайт “сам определяет” на каком устройстве его просматривают и автоматически изменяет ширину макета, число колонок, размеры изображения и текст, который остается читаемым без дополнительных усилий с вашей стороны ( растягивание экрана пальцами). Эта возможность позволяет значительному числу сайтов (и их заказчиков) отказаться от специальной дорогостоящей аппликации для мобильных телефонов.
А с выходом фильтров, “наказаний” от Google за дублирование текстов, это еще один повод навсегда забыть о мобильной версии сайта. ( Google воспринимает содержание отдельной мобильной версии как дублирование вашего сайта).
Есть веб студии противники такого дизайна, основное их рассуждение – такие сайты сложны в разработке. Да это так – сложны. Такие студии предлагают заказчику “уникальные сайты” на собственной доморощеной CMS (система управления содержанием), которая не может обеспечить должный уровень разработки.
Но мы и не призываем “изобретать велосипед” – существуют современные  CMS с миллионами пользователей и уже готовыми и самое важное оттестированими решениями, которые мы и предлагаем нашему заказчику.
Есть еще одно возражение против такого дизайна сайта – мобильный трафик вашего сайта невелик. Но ведь вы создаете сайт не на один день. И наверное не стоит говорить о скорости роста мобильно трафика.

Конечно, если у вас отличный сайт, задерживающий на своих страницах посетителей и более того, генерирует лиды вашему бизнесу, то спешить менять его наверное не стоит. Вам надо “убить” вашу мобильную версию с дублями страниц причем раньше чем Google отбросит сайт на последние страницы выдачи.

При заказе разработки нового сайта или полной переделке старого, конечно стоит все взвесить и определить, что вы хотите получить от вашего сайта и что ожидают ваши клиенты. Как мы уже писали, только 80% заказывают разработку с Адаптивным Дизайном и поверьте на то у них есть свои причины, но ни одна из них не связана с стоимостью, так как она одинакова для обычного и адаптивного дизайна.


Преимущества
Адаптивного Дизайна:
– один URL
адрес ( это главное),
– удобство чтения информации на любом устройстве,
– экономия, вам не нужно создавать несколько версий под разные устройства,
– легкость администрирования,
– продвижение — один сайт легче продвигать чем несколько.

Примеры:

адаптивный дизайн

Будет полезно ознакомиться со статьей “Мобильный или нет. Что лучше: сайт, приложение или гибрид?”

Article by Alex Berestyuk

1 Comment
Leave a Reply