Адаптация сайта, нюансы реализации

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

Адаптация старого сайта под мобильные устройства

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

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

Основных способов адаптации сайта под мобильники существует три, это:

• организация отдельного поддомена, обычно m.site.com, на основном домене с отдельным оформлением, стилями, в общем, отдельный сайт;
• формирование отдельного шаблона для мобильной версии сайта на основном домене;
• использование для сайта единых адаптивных CSS-фрейворков.

У каждого из этих способов есть свои преимущества и недостатки, которые диктуют ниши их применения, но мы остановимся на наиболее часто используемом варианте и искренно нами любимом. Это реализация адаптации сайта по средствам использования фреймворка twitter bootstrap версии 3 или 4. На наш взгляд, для львиной доли проектов, это будет, безусловно, лучший выбор. Он позволит получить качественный результат за относительно небольшое время, а значит и по адекватной цене за переделку сайта в адаптивный.

На что стоит обратить внимание при заказе адаптации сайта

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

Кроме того, особое внимание стоит уделить встроенным модули: контактным формам, галереям, калькуляторам и пр. Почти наверняка их вёрстку также придётся переделывать.

Стоимость адаптации сайта под мобильные

В связи со значительными объёмами работ для качественной переработки имеющегося дизайна сайта в адаптивный, порой будет выгоднее заказать полный редизайн всего сайта. Однако для простых корпоративных сайтов, аналогичных нашему тарифу «Оптимальный», стоимость адаптации сайта под мобильные будет не большой и составит от 17 000 рублей.