• Главная
  • Контакты
  • Ноутбуки  
    • ASUS
    • Acer
    • HP
    • Lenovo
    • MSI
    • Samsung
    • Sony
    • Toshiba
  • Планшеты
  • ПК
  • Комплектующие
  • Телефоны  
    • Apple
    • BlackBerry
    • Fly
    • HTC
    • LG
    • Motorola
    • Nokia
    • Samsung
  • Фото и видео
  • Прочее  
    • Периферия
    • Гаджеты
    • Бытовая техника
    • Игры
    • Компьютеры
    • Ноутбуки
    • Программы
    • Сервисы
    • Телефоны
    • Оффтоп
  • RSS
  • Twitter
  • Vkontakte

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

  • 06.08.2015
  • Прочее
  • 0 Комментариев

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • «Свисток» BRAVIA Smart Stick
  • Новый игровой руль для планшета
  • Рулевой планшет для игровых гоночек

Поделиться новостью с друзьями в:

  • В Контакте
  • Одноклассники
  • Мой мир
  • Twitter
  • Facebook
  • LiveJournal
  • Нет комментариев



    Вы можете оставить комментарий первым.

    Оставить комментарий

    Нажмите, чтобы отменить ответ.


    Нужно что-то найти?

    ▼ Покупка ссылок ▼

    Видео новости

    Nokia анонсировала бюджетные телефоны X2-05 и C2-05
    Компания Nokia пополнила свой ассортимент сотовых телефонов бюджетными моделями X2-05 и C2-05. Оба телефона функционируют на программной платформе S40, включающей интернет-браузер Nokia Browser и программу Nokia Store для доступа в интернет-магазин приложений. Читать далее >>

    Случайные записи

    • Apple выпустит 12-дюймовый iPad
    • Openmix – гаджет для диджеев-любителей
    • Кто перейдёт на новый iPhone 6?
    • Apple Watch – новые умные часы
    • Vertu выпустила наушники за 30 000 рублей
    Copyright © 2022 — HardwareZone.info