Как адаптировать сайт под мобильное устройство?
Еще в апреле в поисковый алгоритм Google был включен фактор «дружественности» сайта к мобильным устройствам. Поэтому ора задуматься о модернизации своего ресурса. Если вы сомневаетесь, нужна ли вам эта процедура, с помощью специального сервиса Google можно проверить адаптацию сайта под мобильные устройства, зайдя на этот сайт. Если вы видите сообщение о том, что страница не может пройти проверку, то нужно браться за дело.
Адаптивный дизайн
Этот способ подходит для владельцев сайтов-визиток, одностраничников, блогов, форумов, простых интернет-магазинов и прочего.
Для адаптации уже имеющего дизайна можно взять один из CSS-фреймворков. Также можно использовать CSS3 Media Queries. Они идеально подходят для быстрой разработки макетов.
При этом необходимо будет скрыть некоторые виды элементов, которые подходят для мониторов. А для мобильного устройства понадобится добавить более компактные и удобные варианты.
Такой метод позволяет быстро справиться с поставленной задачей, но подходит только для небольших сайтов. В результате вы получите сайт, доступный на всех устройствах.
Индивидуальный шаблон на основном домене
Прекрасный вариант для блогов, интернет-магазинов. Для реализации необходимо быть знакомым с PHP и иметь доступ к базе основных устройств, чтобы определить их и вывести основной шаблон. Это значит, что нужно написать скрипт, определяющий тип устройства и способный вывести для него необходимый шаблон.
Такой метод позволит сделать дизайн намного проще, что, соответственно, существенно «облегчит» ресурс. В результате вы получите сайт для мобильного гаджета с тем же адресом, но существенно отличающийся внешним видом.
Мобильная версия, созданная на поддомене
Способ очень напоминает предыдущий, только реализовать его намного сложнее. Но если у вас интернет-магазин с большим ассортиментом товаров, то для вас другого варианта не существует.
Вам необходимо будет создать домен с таким же движком, как и у основного домена. Только база данных у обоих сайтов будет одинаковой. Таким образом, если пользователь будет заходить с мобильного устройства, система будет автоматически направлять его на поддомен. Преимущество такого способа в том, что вебсайт для мобильного устройства имеет облегченную версию, что благотворно влияет его скорость.
Нет комментариев
Вы можете оставить комментарий первым.