Технология разработки мобильных приложений BitrixMobile поддерживает все основные современные платформы: iPhone 3 и 4, iPad, Windows Phone 7, Android, Blackberry, Symbian. Детальный API служит для создания разработчиками своих приложений и доработки приложений, созданных в «1С-Битрикс». Вы так же сможете создавать нативные приложения и публиковать их в App Store в Маркете Android и других подобных каталогах. (Видеоролик показывает это в деталях и с документацией на примере OTP продукта).

Актуальность BitrixMobile

Поставка продукта «1С-Битрикс: Управление сайтом»

В поставку продукта включено два приложения:

• Готовый мобильный интернет-магазин, интегрированный с сайтом
• Персональный генератор одноразовых паролей для сайта (OTP)

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

Для мобильной версии сайта создается сайт или специальный «/m/» раздел на сайте, где необходимо расположить структуру (разделы, страницы и меню) мобильного сайта. Для страниц необходимо установить минималистичный шаблон сайта и использовать специальные мобильные версии шаблонов компонент.

Платформа «1С-Битрикс» включает: Решение для создания мобильной версии сайта Шаблоны компонент для мобильной версии сайта Автоматическое определение доступа с мобильного устройства «Мобильный» шаблон сайта Платформа «1C-Битрикс» для создания мобильных веб-приложений: Специально разработанный API для создания клиент-серверных мобильных веб-приложений: Поддержка авторизации Обмен данными Мобильный интерфейс Хранилище данных на клиенте Поддержка обновления и работе в офлайн Для создания веб-приложений с обменом данных с сайтом

Готовый мобильный интернет-магазин

Мобильный интернет-магазин - это готовое решение из серии «коробочных» веб-проектов, построенное на основе продукта «1С-Битрикс: Управление сайтом». Включенный в поставку продукта готовый мобильный интернет-магазин работает на iPhone, iPad, Android и BlackBerry. Мобильный интернет-магазин разработан на основе технологии BitrixMobile и может быть легко доработан клиентами и партнерами для своих целей и задач.

Ваш мобильный интернет-магазин готов к работе!

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

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

После установки вы переходите на главную страницу магазина и видите готовый демо-каталог товаров.

Интеграция с «1С»

Естественная интеграция «из коробки» позволит вам не только импортировать свой торговый каталог из «1С: Управление торговлей», но и настроить его обновление по расписанию - без всякого человеческого участия. Точно так же можно импортировать в свой магазин и готовый каталог из CSV файла.

Тестировать

Мобильный интернет-магазин включен в готовое решение «1С-Битрикс: Интернет-магазин». Протестировать функциональные возможности решения можно в виртуальной лаборатории «1С-Битрикс: Управление сайтом» или установив бесплатную 30-дневную пробную версию одной из 3-х редакций продукта: «1С-Битрикс: Управление сайтом» - «Малый бизнес», «Бизнес» и «Бизнес Веб-кластер».

Персональный генератор одноразовых паролей для сайта (OTP)

Система одноразовых паролей дополняет стандартную систему авторизации и позволяет значительно усилить систему безопасности вашего интернет-магазина. Для включения системы достаточно воспользоваться идущим в поставке продукта «1С-Битрикс: Управление сайтом» персональным генератором одноразовых паролей для сайта (Bitrix OTP).

С помощью Bitrix OTP вы сможете самостоятельно включать или отключать использование на сайте системы одноразовых паролей для своей учетной записи. Это реализующее OTP программное обеспечение, разработанное компанией «1С-Битрикс», позволяет обойтись без покупки аппаратных устройств (например, Aladdin eToken PASS) или соответствующих программных аналогов.

Установить Bitrix OTP вы можете непосредственно с вашего сайта , работающего на «1С-Битрикс: Управление сайтом» 10.0 и выше. Для этого достаточно перейти в браузере мобильного устройства по адресу http://<ваш_сайт>/bitrix/otp/ и следовать инструкциям на экране. Бесплатная установка Bitrix OTP также возможна из онлайн-магазина приложений .
Приложение Bitrix OTP для Android

Установите приложение от «1С-Битрикс» на ваш мобильный телефон и генерируйте одноразовые пароли для входа на сайт, поддерживающий авторизацию по OTP. Приложение поддерживает работу с несколькими сайтами одновременно.

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

Что вам дает такая технология?

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

Мобильный трафик

Встречаем мобильный трафик

Если Google не отметит ваш сайт ярлыком «Для мобильных», он исчезнет из поля зрения пользователей, зашедших в Интернет с мобильных устройств. Потому что при поиске на мобильных устройствах Google учитывает наличие соответствующей оптимизации при ранжировании результатов. Мобильный трафик «отрезается», падают продажи, бизнес несет убытки.
Проверьте - ваш сайт mobile-friendly?

Как пройти Google Speed Test?

Необходимые составляющие:

Мобильный трафик набирает обороты!

Встречайте правильно мобильных клиентов с платформой «1С-Битрикс»!

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

Встречаем мобильных клиентов

Ваш сайт должен быть mobile-friendly!

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

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

Почему так важно быть mobile-friendly?

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

Google будет отмечать мобильные сайты в результатах поиска
«Чтобы предупредить возможные неудобства пользователей мобильных устройств при просмотре сайтов, мы станем отмечать в результатах нашего поиска страницы, оптимизированные для смартфонов и планшетов».

Пессимизация...

Если Google не отметит ваш сайт ярлыком «Для мобильных»? По сути сайт исчезнет из поля зрения пользователей, зашедших в Интернет с мобильных устройств. Потому что при поиске на мобильных устройствах Google учитывает наличие соответствующей оптимизации при ранжировании результатов. Мобильный трафик "отрезается", падают продажи, бизнес несет убытки.

Как соответствовать новым требованиям?

Что нужно сделать?

• Пройти проверку и получить отчет
• Изучить все рекомендации
• Устранить проблемы и недостатки
• Получить отметку Google «Для мобильных»

Проверить легко - пройти тест

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

Не оптимизировано для мобильных устройств!

Исправить трудно, если вы не веб-мастер

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

Адаптивная верстка

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

Готов принимать мобильных посетителей

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

Интернет-магазины на платформе «1С-Битрикс» - с адаптивным шаблоном

В ядро продукта «1С-Битрикс: Управление сайтом» встроен Framework с usefull-версткой (Bootstrap 3). Универсальный Framework для верстки облегчает и ускоряет создание любого типа сайтов, адаптивных под мобильные устройства (mobile-friendly).

Первое, с чего нужно начать – изменить принципы верстки сайта.

При проектировании структуры нужно сразу учитывать требования к адаптивной верстке.

Вы должны сделать это частью вашего производственного цикла!

Универсальный Framework

Современная технология адаптивной верстки

Ваш сайт изначально mobile-friendly

Ваш сайт изначально готов к просмотру на любом устройстве, включая мобильные. В ядро продукта 15.5 версии встроен универсальный Framework для верстки, облегчающий и ускоряющий создание mobile-friendly (адаптивных под мобильные устройства) любого типа сайтов.

Адаптивно для всего!

• Универсальный Framework для верстки (Bootstrap 3)
• Высокая скорость производства адаптивных сайтов
• Изначальная готовность к мобильным, планшетным и десктопным версиям
• Поддержка Touch интерфейса во всех компонентах интернет-магазина

Новый адаптивный шаблон интернет-магазина

Готовое решение «Интернет-магазин», входящее в поставку продукта, получило новый красивый шаблон. Framework с usefull-версткой (Bootstrap 3) позволяет использовать шаблон под любую схему интернет-магазина. Каждая страница вашего магазина теперь моментально перестраивается под любое устройство.

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

Поддержка не ограниченного количества шаблонов в 1С-Битрикс.

Всем кто работает на 1С-Битрикс известно, что CMS предоставляет возможность подключать неограниченное количество шаблонов. Для тех кто не в курсе давайте рассмотрим как используется реализация многошаблонности.
Для добавления шаблона необходимо перейти в раздел, в административной части сайта, "Настройки" - "Настройки продукта" - "Сайты" в выпадающем меню в разделе "Сайты" есть два подраздела - "Шаблоны сайтов" и "Список сайтов".

Копируем основной шаблон сайта.

Для начала скопируем шаблон сайта, для этого перейдем в раздел "Шаблоны сайтов" и скопируем шаблон, чтобы в последствии работать с ним. Нажимаем кнопку копировать как показано на скриншоте:

Применяем шаблон к сайту для редактирования.

Нам осталось применить шаблон к сайту, но так как сайт у нас рабочий и на нем могут находится пользователи, и нам не нужно чтобы они видели производимые изменения на сайте мы подключим шаблон по условию - "Параметр в URL". Давайте сделаем это - перейдем в раздел "Список сайтов" и зайдем в настройки сайта для которого требуется изменение. В самом низу страницы настройки сайта есть блок "Шаблон сайта". Выбираем из списка в колонке "Шаблон" копию нашего шаблона, устанавливаем условие "Параметр в URL" и добавляем любое удобное вам условие к примеру test=Y, как показано на скриншоте:

Теперь копия вашего шаблона будет отображаться если вы передадите данный параметр в урл, следующим образом site.ru/?test=Y где site.ru домен вашего сайта. Данное условие будет работать для всех разделов и страниц вашего сайта к примеру если вам необходимо посмотреть как будет выглядеть шаблон в определенном разделе сайта, перейдите в этот раздел и передайте ваш параметр, в данном случае?test=Y и страница отобразится с новым шаблоном.

Теперь вы можете редактировать новый шаблон, в то время как ваши посетители будут видеть сайт как обычно. Обратите внимание что все изменения нужно будет производить именно в папке нового шаблона, и если вам необходимо изменить шаблоны компонентов которых нет в папке, вам потребуется скопировать шаблон компонента в папку с новым шаблоном. Ни в коем случае не правьте компоненты в папке /bitrix, это может привезти к критическим последствиям. И всегда делайте бекап в Облаке 1С-Битрикс.

Ну вот собственно и вся методика, надеемся что она поможет вам сэкономить время.

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

Google и Яндекс уважают мобильность

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

Не отстаёт и Яндекс. Отечественный поисковый лидер также давно учитывает адаптивность к мобильным устройствам как важный фактор ранжирования поисковых результатов. А в Яндекс.Вебмастере даже есть специальная функция для диагностики этого параметра.

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

Инструментарий сайта
на Битрикс

Ваши действия

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

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

Ответ: нужна.

По статистике пользователи всё чаще посещают сайты через мобильные устройства - смартфоны и планшеты.

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

Требования Яндекса к мобильной версии сайта

На данной картинке представлена проверка сайта в Яндексе. Можно зайти в вебмастер Яндекс и посмотреть соответствует ли мобильная версия Вашего сайта требованиям Яндекса. Анализ можно сделать перейдя в нужный раздел:

1. Заходим в вебмастер яндекс
2. Переходим в раздел "Инструменты"
3. Переходим в подраздел "Проверка мобильных страниц"
4. Вводим название сайта, нажимаем кнопку "проверить"

Если мобильная версия сайта соответствует ожиданиям Яндекса , то Яндекс так и напишет "Всё в порядке! "

Требования Google к мобильной версии сайта

На второй картинке - аналогичная проверка в Google. Онлайн проверку может сделать любой пользователь интернета, не нужно нигде регистрироваться. Заходим по ссылке , вводим адрес сайта и нажимаем кнопку "Анализировать". Здесь можно проверить как гугл оценивает не только мобильную версию сайта, но и обычную компьютерную. Оценка проставляется в процентах от 0 до 100%.

• Красная зона от 0 - 40% говорит о том, что Google очень не нравится страница и требуется выполнить работы по улучшению быстродействия и качества.
• Жёлтая зона от 40 - 85% говорит о том, что сайт настроен более-менее, но всё равно требуются доработки.
• Зелёная зона от 85 - 100% говорит о том, что сайт настроен почти идеально и нравится поисковой системе Google .

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

Шаблон мобильной версии сайта Битрикс

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

Макет имеет управляющие элементы:

1. Ссылка на главную страницу
2. Кнопка вызывает функцию звонка по телефону на указанный номер
3. Открывается форма обратной связи
4. Кнопка 4 открывает вертикальное меню
5. Кнопка 5 открывает вертикальное меню
6. Зелёная кнопка открывает чат, через который пользователь может задать интересующие его вопросы

В меню указаны основные разделы сайта. При желании какие-то разделы можно убрать с мобильной версии.

У шаблона нет горизонтальной прокрутки, шаблон адаптируется под устройство. Также у шаблона нет лишних java-скриптов , которые замедляют отображение страницы пользователю, или как то её тормозят. Java-скрипты настроены по минимуму и необходимы только для работы мобильной версии.

В шаблоне используется адаптивная вёрстка. Минимальный размер ширины шаблона составляет 300 пикселей. Это число подобрано исходя из наблюдений за устройствами пользователей. Верхняя граница ширины экрана, на которую я обычно ориентируюсь, составляет 1199 пикселей. Свыше этого значения идёт обычная версия сайта.

Если пользователь заходит с мобильного устройства (смартфона или планшета), то система автоматически это определяет и выдаёт мобильный шаблон сайта . Перенаправление на мобильную версию сайта осуществляется на основе названия браузера устройства пользователя. Строчка браузера телефона, как правило, содержит такие слова как: iPhone, Android, webOS, BlackBerry, iPod, iPad. При перенаправлении на мобильную версию сайта не меняется URL-адрес страницы.

Поисковые системы Google и Яндекс считают такой шаблон идеальным с позиции быстродействия и удобства для пользователя.

Цена мобильной версии сайта Битрикс

Заказать мобильную версию сайта можно у меня. Стоимость установки такого шаблона на сайт - 5000 рублей. Если на сайте есть какой то большой раздел (например каталог товаров, новости, статьи и прочее), то стоимость адаптации такого раздела под мобильные устройства оговаривается отдельно, и зависит от объёма работы.

Если нужна разработка с другим дизайном, или у вас есть какие-то идеи - сделаю мобильную версию по Вашему желанию.

Нужна мобильная версия сайта? - Обращайтесь, настроим!