Как адаптировать сайт под мобильное устройство?

Еще в апреле в поисковый алгоритм Google был включен фактор «дружественности» сайта к мобильным устройствам. Поэтому ора задуматься о модернизации своего ресурса. Если вы сомневаетесь, нужна ли вам эта процедура, с помощью специального сервиса Google можно проверить адаптацию сайта под мобильные устройства, зайдя на этот сайт. Если вы видите сообщение о том, что страница не может пройти проверку, то нужно браться за дело.

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

Этот способ подходит для владельцев сайтов-визиток, одностраничников, блогов, форумов, простых интернет-магазинов и прочего.

Для адаптации уже имеющего дизайна можно взять один из CSS-фреймворков. Также можно использовать CSS3 Media Queries. Они идеально подходят для быстрой разработки макетов.

При этом необходимо будет скрыть некоторые виды элементов, которые подходят для мониторов. А для мобильного устройства понадобится добавить более компактные и удобные варианты.

Такой метод позволяет быстро справиться с поставленной задачей, но подходит только для небольших сайтов. В результате вы получите сайт, доступный на всех устройствах.

Индивидуальный шаблон на основном домене

Прекрасный вариант для блогов, интернет-магазинов. Для реализации необходимо быть знакомым с PHP и иметь доступ к базе основных устройств, чтобы определить их и вывести основной шаблон. Это значит, что нужно написать скрипт, определяющий тип устройства и способный вывести для него необходимый шаблон.

Такой метод позволит сделать дизайн намного проще, что, соответственно, существенно «облегчит» ресурс. В результате вы получите сайт для мобильного гаджета с тем же адресом, но существенно отличающийся внешним видом.

Мобильная версия, созданная на поддомене

Способ очень напоминает предыдущий, только реализовать его намного сложнее. Но если у вас интернет-магазин с большим ассортиментом товаров, то для вас другого варианта не существует.

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

Похожие новости:

• «Свисток» BRAVIA Smart Stick
• Chromecast выйдет на международный рынок
• Google представила первый сенсорный «хромобук»