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

Оно мне надо?

Ответ на этот вопрос можно найти, проверив, как ваш сайт отображается в следующих сервисах тестирования Google:

Если вы видите подобное сообщение - статья для вас:

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

В каких случаях подойдет? Если у вас сайт-визитка, информационный сайт, блог, одностраничник, интернет-магазин (с простой структурой, дизайном и/или небольшим ассортиментом), сайт услуг или форум.

Как реализовать?

Можно смело брать один из CSS-фреймворков (bootstrap , responsivegridsystem , Sceleton и пр.) и адаптировать существующий дизайн. Либо используйте CSS3 Media Queries.

Например, если использовать фреймворк bootstrap, то вам понадобится, вкратце:

1. прописать view-port;
2. подключить файлы фреймворка;
3. добавить в разметку классы сетки bootstrap.

Или же в таблице стилей выделить через медиа-запросы (CSS3 Media Queries) несколько разрешений и задать оптимальные размеры элементов страницы, например:

@media screen and (max-width: 1280 px) { div .contentblock {width: 1200 px ;} }
@media screen and (max-width: 1140 px) { div .contentblock {width: 1024 px ;} }
@media screen and (max-width: 992 px) { div . contentblock {width: 970 px ;} }

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

Плюсы данного метода: быстрая реализация для перечисленных типов сайтов.

Минусы: скрипты и стили, которое не используются на мобильной версии, но используются на десктопной, все же будут подгружаться и влиять на время загрузки.

Что мы получим?

Сайт, который будет доступен со всех устройств, дизайн будет узнаваем на всех этих устройствах, только элементы будут сдвигаться по вертикали. Некоторые элементы не будут отображаться на мобильных устройствах (и наоборот) либо будут отображаться в более компактном виде.

И рассмотрим пример. Меню для устройств с экраном более 768px выглядит так:

А для экранов менее 768px выглядит так (в свернутом виде):

И так, при клике на иконку в правом углу (в развернутом виде):

Отдельный шаблон для мобильных устройств на основном домене

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

Как реализовать?

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

Отдельно стоит упомянуть о CMS. Если ваш сайт на WordPress, то о вас уже позаботились, и можно обойтись установкой плагинов для адаптации сайтов под мобильные устройства.

Среди них: WPTouch, WordPress Mobile Pack, WP Mobile Detector и т. д. Все эти плагины имеют несколько тем оформления и дополнительные полезные фишки вроде сбора статистики по мобильным пользователям.

Также в настройках этих плагинов есть возможность установить, какие блоки будут отображаться в мобильной версии сайта, а какие нет. Есть возможность добавлять свой логотип, что помогает пользователям, зашедшим на ваш сайт с мобильного устройства, идентифицировать ваш сайт.

Плюсы: В случае с плагинами - очень быстрый и простой способ реализации, быстрее, чем адаптивная верстка. В случае создания отдельного шаблона для сайта - возможность упростить дизайн сайта, уменьшить количество активных элементов, т. е. сделать сайт «легче».

Минусы: не для всех CMS есть такие плагины, да и не всегда они корректно работают. Бывает, что сайт хорошо отображается на моб.устройствах, но при этом по скорости не лучше, а даже хуже, чем его полная версия. Стоит отметить, что иногда бывают баги в определении мобильного устройства, если это какой-то редкий телефон, и в этом случае на таком устройстве будет отображена полная версия сайта.

Что мы получим?

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

Рассмотрим пример сайта с установленным плагином, который адаптирует его под мобильные устройства.

Например, вот так сайт выглядит на ПК:

А вот так выглядит этот же сайт на мобильном:

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

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

Как реализовать?

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

Немного подробнее о реализации: создается поддомен, на нем такой же движок, как и на основном домене, но база данных используется одна на оба сайта (чтобы в случае внесения каких-либо изменений, не пришлось их добавлять дважды). При заходе с мобильного устройства происходит перенаправление пользователя на поддомен. В качестве имени поддомена обычно используют варианты: m.sitemane.com, mobile.sitename.com, pda.sitename.com и пр.

Термином мобильные устройства обозначают класс портативных электронных устройств, предназначенных для индивидуального использования. Как правило, это миниатюрные "карманные" устройства со специализированными, но чаще универсальными функциями, т.е. устройства, объединяющими в себе несколько мобильных устройств. Такие многофункциональные устройства таже называют гаджетами (от английского "gadget" - штуковина, приспособление, устройство, безделушка).

К мобильным устройствам относят:

• мобильные телефоны
• смартфоны
• коммуникаторы (КПК)
• портативные радиостанции
• фотоаппараты
• планшеты
• фитнес-трекеры
• смарт-браслеты
• музыкальные плееры
• электронные книги

Мобильные устройства объединяет наличие автономного питания (аккумуляторная батарея или неперезаряжаемые элементы питания), небольшой размер и вес, наличие органов управления в виде кнопок, тач-скринов (сенсорных экранов), дистанционное управление по радиоканалу (bluetooth, WiFi и др.). Для обозначения мобильных компьютеров (КПК) в английском языке используется словосочетание Personal Digital Assistant, PDA, что на русский можно перевести как «цифровой секретарь». Термином смартфон - smartphone называют гибридные мобильные устройства, совмещающие функции мобильного телефона и КПК.

Большинство мобильных устройств имеет один или несколько встроенных радиопередатчиков, позволяющих производить обмен данными с другими устройствами напрямую или через беспроводные сети, в том числе Интернет. Наиболее распространенные беспроводные технологии мобильных устройств: Bluetooth, Wi-Fi, (), (), RFID, NFC.

Мобильный телефон

Термином "мобильный телефон" называют устройства голосовой дуплексной (когда два абонента слышат и могут говорить одновременно) радиоствязи с возможностью выхода в локальную или глобальную телефонную сеть и получения персонального вызова из нее. К мобильным телефонам относят два класса устройств - беспроводные телефоны (радиоудлинители) и сотовые телефоны .

Беспроводной телефон

К первому классу относятся бытовые телефонные аппараты с радиотрубкой аналоговые и цифровые стандарта DECT. Объединяет этот класс мобильных устройств наличие базовой станции ("базы"), которая по проводному интерфейсу подключается к телефонной сети. Дальность действия таких мобильных телефонов - до нескольких десятков метров. Их задача - обеспечить свободу перемещения абонента в пределах одного помещения, квартиры или офиса. Некоторые более мощные модели диапазона , например Panasonic KX-T7980BX или SANYO-958 позволяли общаться на расстоянии нескольких сотен метров при использовании дополнительной усиленной на базе.

Еще большее расстояние обеспечивали мощные беспроводные телефоны диапазона . Модели радиотрубок , HARVEST с мощностью передатчика 1-5 Вт на трубке и до 25 Вт на базе обеспечивали с , расположенной на крыше многоэтажки дальность связи до нескольких десятков км. Такие мобильные устройства уже не попадали под , да и вообще были вне закона. Проблема была не только в высокой мощности, но и в используемых радиочастотах, которые в РФ пересекаются с диапазонами других ведомств и служб. Сотрудники УВД отдела "Р" (в дальнейшем "Отдел К") усиленно боролись с нарушителями.

Сотовый телефон

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

Микросотовые АТС DECT

К третьему классу можно отнести мобильные устройства стандарта DECT, объединенные микросотовой системой. Такие устройства занимают промежуточное положение между описаннымим ранее классами мобильных устройств. С одной стороны вся инфраструктура принадлежит пользователю, с другой стороны дальность действия системы может быть расширена установкой дополнительных "баз" и ретрансляторов, поддерживающих функцию роуминга (или "хэндовер"). Микросотовая сеть обеспечивает незаметное для пользователя переключение радиотелефона от одной БС к другой без прерывания разговора.

Микросотовая сеть предоставляет возможность перемещаться по территории офиса, предприятия или коттеджа с радиотелефоном стандарта DECT, оставаясь при этом всегда на связи, а если Вы при перемещении разговариваете по телефону, то при движении связь не будет теряться. В качестве радиотелефонов могут использоваться как обычные бытовые радиотелефоны стандарта DECT, так и трубки специально разработанные для использования в микросотовых сетях мини-АТС.

Смартфон

Смартфон (умный телефон) - сотовый телефон, который прежде всего предназначен для голосовой связи, но в то же время имеет расширенный фунционал для работы с информацией (музыка, видео, почта, интернет-серфинг, электронные документы и т. д.). Смартфоны имеют мощные процессоры, мощнее относительно обычных телефонов. Термин "смартфон" был введен компанией Ericsson в 2000 году для обозначения своего нового телефона Ericsson R380s. Устройство обладало относительно малыми габаритами (130х50х26 мм) и сравнительно небольшим весом (169 г). Особенностью устройства был сенсорный экран, закрытый откидной крышкой (флипом). Названием "смартфон" производитель подчеркивал интеллектуальность устройства, однако этот аппарат нельзя считать полноценным смартфоном, поскольку он не позволял устанавливать сторонние приложения (ОС была закрытой).

КПК или PDA

Карманные компьютеры (КПК) или PDA (персональный цифровой ассистент) не имеют встроенного сотового модуля и представляют собой наладонные мини-компьютеры. Карманный персональный компьютер имеет множество функций. Основные из них - это чтение книг, набор и редактирование текста (некоторые модели имеют qwerty-клавиатуру), музыкальный проигрыватель, Интернет, органайзер, игры и просмотр видео. Еще одно важное применение КПК -навигация. По сути современные автомобильные навигаторы и электронные книги на базе мобилных ОС представляют собой специализированные КПК.

Коммуникатор

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

В текущей статье речь пойдет о том, как осуществляется проверка мобильной версии сайта, её удобство, читабельность и правильность отображения.

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

Недавно компания Google заявила о том, что сайты, не отвечающие требованиям мобильной вёрстки, будут пессимизироваться в поиске, осуществляемом при помощи мобильных устройств. Этот алгоритм уже работает и некоторые сайты, которые не побеспокоились об отображении на мобильных платформах, действительно, были опущены в поисковой выдаче для мобильных устройств.

Будь ваш сайт трижды удобен для десктопных платформ, нужно проверять качество мобильной вёрстки, иначе вы будете терять внушительную часть трафика (доля мобильных платформ в поиске стремительно растет с каждым годом), а значит - терять своих клиентов. Поэтому нужно адаптировать свои сайты для мобильных устройств и проверять корректность отображения сайтов в мобильных браузерах.

Проверяем качество мобильной вёрстки с помощью Google Chrome

Для разработчиков у Google есть отличный инструмент для имитации мобильных устройств. Этот инструмент встроен в браузер Google Chrome. Для доступа к нему нужно нажать F12 в браузере (перейти в режим разработчика) и нажать на значок смартфона:

Страница преобразуется в режим переключения устройства, где вы сможете выбрать одно из популярных мобильных устройств, тип сети (GPRS, 2G, 3G, 4G и т.д.), указать строгие параметры дисплея. Это позволяет имитировать работу сайта на конкретных мобильных девайсах. К числу доступных устройств относятся различные версии iPad, iPad Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy и некоторых других популярных устройств.

Выбрав определенный девайс вы сможете проверить сайт на мобильном устройстве. Например, отображение главной страницы сайта "Нубекс" на iPad 3:

И на Samsung Galaxy S4:

Здесь вы сможете не только увидеть отображение сайта на том или ином девайсе, но и полноценно работать с сайтом, будто перед вами находится нужный гаджет. Несомненно, этот инструмент является просто незаменимым при разработке мобильной версии сайта, но как будет отображаться ваш сайт на реальных устройствах - нужно проверять на реальных устройствах. Особенно это важно, если нужно проверить отображение сайта в "родных" браузерах (Safari - для iPad/iPhone, IE - для Windows Phone и т.д.).

Мобильные устройства

Мобильные устройства

Какие устройства на самом деле являются мобильными? И почему их так называют? Давайте разберемся в чем заключается эта всем известная мобильность.

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

Итак, наиболее важной особенностью мобильного устройства является его размер и способность к транспортированию. В случае смартфонов эта особенность находится на высоте. Они легко помещаются в карман или в сумочку. И имеют очень большой ряд функциональных возможностей. Транспортировать такое устройство легко и приятно. Бросил его в карман и все. Можно идти куда вздумается, а как только устройство понадобиться вам, достать его и начать с ним работать можно за считанные секунды. Но не все функции по зубам смартфонам. Полноценный браузинг интернета, производительные игры, чтение электронных книг и еще много функций эти устройства просто не могут выполнить на желаемом уровне. И тут нам на помощь приходит новый класс мобильных устройств: интернет планшеты. По сути это те же смартфоны, только экран у них стал в разы больше. Соответственно возросла и производительность. Но вместе с этими параметрами увеличились и размеры мобильного устройства, а значит его мобильность немного пострадала, но и это спорное заявление ведь появившиеся возможности могут с лихвой компенсировать это. Итак, интернет-планшеты имея большой экран, позволяют во всей красе наслаждаться интернетом, книгами, офисными пакетами, красочными играми. Помимо этого планшеты предоставляют нам очень увлекательный интерактивный мир, оторваться от которого очень сложно. Чего стоит только один просмотр видео на таком устройстве лежа в теплой кроватке, или во время езды в поезде или метро. Конечно, размеры планшетов уже не позволяют носить их в кармане, для этого необходима сумка или портфель. Но для большинства людей это и так привычная экипировка. А функциональные возможности этих устройств просто поражают.

Электронные книги это устройства, очень напоминающие по своему характеру интернет планшеты, фот только они узко специализированы. Основная их задача это чтение книг, электронных файлов. С этим они справляются на отлично. Мобильные устройства такого типа основаны на матрице e-ink, которая по своим свойствам имитирует обычную бумагу. Это значит, что экран не имеет подсветки и на вид воспринимается глазом как обычный лист бумаги. Это положительным образом сказывается на зрении. Плюсом книг является так же то, что обычные книги занимают много места и очень много весят. А в электронную можно загрузить тысячи экземпляров, а вес при этом не изменится. Но не стоит забывать о таком факторе мобильности как время работы от батареи. Ведь грош цена тому мобильному устройству, которое работает 5 минут. В этом плане выигрываю электронные книги. За счет их дисплея они потребляют малое количество энергии, и время их автономной работы составляет от трех до десяти дней. На втором месте расположились смартфоны. Они потребляют приличное количество заряда. И «проживают» от одного до трех дней на одном заряде батареи. И на третьем месте располагаются интернет планшеты. Их время автономной работы составляет не более 10 часов в зависимости от интенсивности нагрузки. Но и этого достаточно учитывая их возможности.

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

Ссылки

Wikimedia Foundation . 2010 .

Смотреть что такое "Мобильные устройства" в других словарях:

мобильные устройства кондиционирования воздуха - [Интент] Тематики ЦОДы (центры обработки данных) EN portable cooling …

радиовещание на мобильные устройства - (Отчет Всемирной Ассамблеи по стандартизации электросвязи 2008 г. (ВАСЭ 08)). Тематики электросвязь, основные понятия EN mobile broadcasting … Справочник технического переводчика

Мобильные продажи подход к организации бизнес процесса работы с торговыми точками, подразумевающий высокую степень автоматизации и активное использование КПК, PDA, смартфонов и аналогичных мобильных устройств. На практике так же часто называют… … Википедия

Проверить нейтральность. На странице обсуждения должны быть подробности … Википедия

Мобильная игра игровая программа для мобильных устройств, например сотовых телефонов, смартфонов, коммуникаторов, КПК и прочих (за исключением ноутбуков). На данный момент особенно распространены мобильные игры для платформы Java Micro Edition.… … Википедия

Сотовые телефоны разных времён Сотовый телефон вид мобильного телефона (за исключением стационарного сотового телефона, см. секцию основные форм факторы сотовых телефонов) предназначенный для работы в сетях сотовой связи. В настоящее время… … Википедия

ГОСТ Р 54344-2011: Техника пожарная. Мобильные робототехнические комплексы для проведения аварийно-спасательных работ и пожаротушения. Классификация. Общие технические требования. Методы испытаний - Терминология ГОСТ Р 54344 2011: Техника пожарная. Мобильные робототехнические комплексы для проведения аварийно спасательных работ и пожаротушения. Классификация. Общие технические требования. Методы испытаний оригинал документа: 3.1 аварийная… …

обезвреживание взрывного устройства - 3.4 обезвреживание взрывного устройства: Приведение взрывного устройства нарушением функциональных связей в его боевой цепи в состояние, исключающее его взрыв. Источник … Словарь-справочник терминов нормативно-технической документации

Аппаратное обеспечение (англ. hardware (ha:dwεə)) включает в себя все физические части компьютера (ЭВМ), но не включает информацию (данные), которые он хранит и обрабатывает, и программное обеспечение, которое им управляет. Содержание 1… … Википедия