Адаптивная верстка для сайта
Вы можете заказать услугу адаптации верстки сайта для мобильных устройств у Александра Чалиева за 10 000 рублей, срок выполнения – до 5 дней. В результате получите чистую кроссбраузерную верстку (на @media-queries в CSS), которая будет проходить валидацию в Google - не менее 90% удобства для мобильных пользователей.
Пример адаптивной верстки
Посмотрите пример адаптивной верстки сайта, выполненной Александром Чалиевым – сайт оконной компании okna-stavim.ru:

Необходимость адаптивной верстки
Если в 2000-х годах сайты верстались для разрешения экрана компьютера 1000px, то появление широкоформатных мониторов с FULL-HD разрешением, а затем и 4K предъявило новые требования к разработке сайтов. Теперь сайты должны хорошо выглядеть как на старых мониторах с разрешением 1000-1366px по горизонтали, так и на новых широкоформатных с высоким разрешением.
Поскольку доля мобильных пользователей интернета в последние годы растет темпами, превосходящими десктопный сегмент, поэтому хорошей тенденцией становится также адаптация дизайна сайта для них: под смартфоны и планшеты. Ключевой особенностью таких устройств является небольшая по сравнению с мониторами компьютеров диагональ экранов – от 5 до 10 дюймов. На таких небольших экранах элементы неадаптированных сайтов выглядят просто микроскопическими, что затрудняет просмотр и навигацию.
Требования к адаптивному дизайну
Адаптация сайта для мобильных платформ подразумевает:
- отсутствие горизонтальной прокрутки при просмотре страниц сайта;
- структура страниц сайта «в 1 колонку»;
- увеличенные размеры шрифтов, графических элементов, чтобы информация легко читалась с небольшого экрана смартфона (около 5 дюймов) или планшета (от 6 до 10 дюймов) без увеличения;
- крупные размеры кликабельных кнопок и ссылок;
- минимум тяжелой графики, которая медленно передается через мобильный интернет, в результате чего сайт долго грузится.
Разрешения экранов
Рекомендуется адаптировать сайты как минимум под 3 разрешения экранов (по горизонтали):
- До 750px – для смартфонов;
- От 750px до 1200px – для планшетов;
- Более 1200px – для настольных компьютеров.
Однако при детальном анализе Яндекс-метрики по конкретному сайту можно выявить и необходимость адаптации вёрстки и под большее число типов устройств (например, для смартфонов с разными разрешениями), что зависит от доли этих посетителей и процента отказов.
Способы проверки качества адаптивности дизайна сайта
- Визуальная субъективная оценка. Зайдя на сайт с мобильного телефона и планшета, можно субъективно оценить удобство просмотра и навигации по страницам сайта. Важно понимать, что существует множество моделей мобильных устройств с разными разрешениями экрана, поэтому желательно выполнить такую визуальную оценку на разных устройствах разными людьми. Можно попросить своих друзей зайти на сайт и узнать их мнение. Или можно добавить на сайт голосование, например, «Оцените удобство нашего сайта по шкале от 1 до 5…» Минусом данного способа является субъективизм и непрофессионализм мнений.
- Анализ процента отказов в Яндекс-метрике у мобильных посетителей сайта. Если процент высок (более 20%) или значительно превышает процент отказов немобильных пользователей, то скорее всего адаптивность у сайта плохая.
- Проверить сайт с помощью этого сервиса Google. Он определяет степень удобства просмотра сайта по шкале от 0 (совершенно неудобен) до 100 (идеален) не только для мобильных устройств, но и для настольных компьютеров. Если по этому сервису сайт имеет менее 90% удобства, то нужна адаптация дизайна.
Возможные негативные последствия неадаптивности дизайна сайта
Если оставить сайт как есть и не делать его адаптивность, то скорее всего возникнут следующие негативные последствия:
- высокий процент отказов на сайте из-за мобильных посетителей;
- низкая конверсия из-за того, что мобильному пользователю неудобно просматривать сайт;
- ухудшение позиций в поиске из-за учета плохих поведенческих факторов, а значит – снижение целевого трафика, количества заказов с сайта, прибыли.
Актуальность отдельной мобильной версии сайта
Мобильная версия сайта – это уже анахронизм, применялся когда были популярны кнопочные телефоны с маленьким экраном 200*300px. Сейчас доминируют смартфоны с экранами более 4 дюймов и разрешениями от 480px по горизонтали. Уже пора заменить мобильную версию на адаптивный дизайн, заказав редизайн сайта.
Заказ услуги и оплата
Заказать услугу адаптации верстки сайта или интернет-магазина у Александра Чалиева за 10 000 рублей можно прямо сейчас, написав на электронную почту chalieff@mail.ru. Предусмотрена авансовая оплата безналичным переводом на расчетный счет (для юридических лиц и ИП) или банковскими картами и электронными деньгами (только для физических лиц).