Inclusion of a mobile version in Bitrix. Bitrix24 mobile application. What does this technology give you?

All modern editions of 1C-Bitrix: Site Management initially contain a comprehensive set of tools and functions for adapting to mobile devices. Therefore, if you chose CMS Bitrix for your Internet resource, you made the right decision and saved not only on developing an additional version, but also on promoting your project in search engines.

Google and Yandex respect mobility

In the algorithms of the largest search engine Google systems There is a special “For mobile” label. And if you do not receive such a mark, then you can forget about mobile traffic - the system automatically removes sites that have not passed the appropriate test from search results on smartphones and tablets.

Yandex is not far behind. The domestic search leader has also long taken into account adaptability to mobile devices as an important ranking factor search results. And Yandex.Webmaster even has a special function for diagnosing this parameter.

Taking into account the role gadgets and smartphones play in our lives today, it becomes obvious that the mobile version of the site is a mandatory element for any selling landing page, information portal and, especially, an online store.

Site tools
on Bitrix

Your actions

Of course, it won't be possible to stay away. In order for your mobile site to remain in high esteem among search robots, be convenient for users and bring good profits, you need competent and high-quality content.

Choose Bitrix, and get not only pleasure from work, but also maximum economic benefit. And the managers of the Internet agency Dextra will always be happy to answer your questions and help you correctly formulate your tasks, be it: launching a new project, adaptation, editing the layout or preparing high-quality content.

Mobile traffic

Meeting mobile traffic

If Google doesn't label your site "Mobile Friendly", it will disappear from view for users accessing the Internet on mobile devices. Because when searching on mobile devices, Google takes into account the presence of appropriate optimization when ranking results. Mobile traffic is cut off, sales are falling, and the business is suffering losses.

Check - is your site mobile-friendly?

How to pass the Google Speed Test?

Required components:

Mobile traffic is gaining momentum!

Meet mobile clients correctly with the 1C-Bitrix platform!

Think you don't have mobile data?
Check it out. Mobile traffic now prevails on many sites, even those that are not intended for mobile viewing and do not have mobile versions. For example, flower growers, book lovers and other members of various communities are increasingly accessing the Internet from mobile devices.

We meet mobile clients

Your website should be mobile-friendly!

Your site will disappear from the first pages of results Google search, if it is inconvenient to view on mobile devices.

Google sent warnings to sites with poor optimization for mobile platform that from April 21, 2015, these sites will be relegated to search results.

Why is it so important to be mobile-friendly?

Surely many people switched from Google search results to sites that were not optimized for viewing on smartphones. Pages with tiny links and hard-to-read text that also don't fit on your device's screen make a bad impression.

Google will mark mobile sites in search results
“To help prevent mobile users from experiencing potential inconvenience when browsing, we will begin highlighting pages that are optimized for smartphones and tablets in our search results.”

Pessimization...

What if Google doesn't label your site as "Mobile Friendly"? In essence, the site will disappear from the view of users accessing the Internet from mobile devices. Because when searching on mobile devices, Google takes into account the presence of appropriate optimization when ranking results. Mobile traffic is cut off, sales are falling, and the business is suffering losses.

How to meet new requirements?

What should be done?

Pass the test and get a report
Explore all recommendations
Eliminate problems and shortcomings
Get Google's Mobile Friendly Label

It's easy to check - take the test

To find out if your pages meet the new requirements, just go through verification procedure for optimization for mobile devices.

Not optimized for mobile devices!

Difficult to fix unless you are a webmaster

To eliminate all identified problems when viewing from smartphones and tablets, and not just one page, but your entire site, you need to do a lot. In particular, you need to study the guides for webmasters on creating and optimizing mobile versions of sites, documentation on setting up a content management system and site templates. Only specialists can do this.

Adaptive layout

Adapting the site to the mobile market

Ready to receive mobile visitors

Each page of your website, if it is on the 1C-Bitrix platform, is instantly rebuilt for any device. Your website is initially ready for mobile, tablet and desktop versions. In addition, the Touch interface is supported in all components of the online store.

Online stores on the 1C-Bitrix platform - with an adaptive template

The core of the 1C-Bitrix: Site Management product has a built-in Framework with usefull layout (Bootstrap 3). The universal Framework for layout makes it easier and faster to create any type of website that is adaptive for mobile devices(mobile-friendly).

The first thing you need to start with is to change the principles of website layout.

When designing a structure, you must immediately take into account the requirements for adaptive layout.

You must make this part of your production cycle!

Universal Framework

Modern technology of adaptive layout

Your site is initially mobile-friendly

Your website is initially ready to be viewed on any device, including mobile devices. The core of the product, version 15.5, has a built-in universal Framework for layout, which facilitates and speeds up the creation of mobile-friendly (adapted for mobile devices) sites of any type.

Adaptable for everything!

Universal Framework for layout (Bootstrap 3)
High speed of production of adaptive websites
Native readiness for mobile, tablet and desktop versions
Touch interface support in all online store components

New responsive template online store

The ready-made “Online Store” solution included in the product delivery has received a new beautiful template. Framework with usefull layout (Bootstrap 3) allows you to use the template for any online store scheme. Every page of your store now instantly adapts to any device.

Answer: needed.

According to statistics, users are increasingly visiting websites through mobile devices - smartphones and tablets.

If a user enters a query from a mobile device in the search bar, then search engines in the search results give preference to sites that have a mobile version.

Yandex requirements for the mobile version of the site

This picture shows a site check in Yandex. You can go to Yandex Webmaster and see if the mobile version of your site meets Yandex requirements. The analysis can be done by going to the desired section:

Go to webmaster Yandex
Go to the "Tools" section
Go to the "Check" subsection mobile pages"
Enter the name of the site, click the "check" button

If the mobile version of the site meets Yandex's expectations, then Yandex will write “Everything is fine!”

Google requirements for the mobile version of the site

The second picture shows a similar check in Google. Online check anyone can do internet user, no need to register anywhere. Follow the link, enter the site address and click the "Analyze" button. Here you can check how Google evaluates not only the mobile version of the site, but also the regular desktop one. The score is given as a percentage from 0 to 100%.

The red zone from 0 - 40% indicates that Google really does not like the page and needs to do work to improve performance and quality.
The yellow zone from 40 - 85% indicates that the site is more or less configured, but improvements are still required.
A green zone of 85 - 100% indicates that the site is configured almost perfectly and Google search engine likes it.

Thus, search engines set a number of requirements for the mobile version of the site. So that it loads quickly, there is no horizontal scrolling, there are large links (which you can click on with your finger on a smartphone and not miss), so that the text is not too small and can be read comfortably. Everything is aimed at making it convenient for the user to view your site from a mobile device..

Template for the mobile version of the Bitrix website

I offer my clients a mobile version of the site with this design. Examples are presented below:

The layout has controls:

Link to home page
The button calls up the phone call function on specified number
The form opens feedback
Button 4 opens vertical menu
Button 5 opens vertical menu
The green button opens a chat through which the user can ask questions.

The menu shows the main sections of the site. If desired, some sections can be removed from the mobile version.

The template does not have horizontal scrolling, the template adapts to the device. Also the template has no extra java scripts, which slow down the display of the page to the user, or somehow slow it down. Java scripts are configured to a minimum and are only required for the mobile version to work.

The template uses adaptive layout. The minimum template width is 300 pixels. This number was selected based on observations of user devices. The upper limit of screen width that I usually target is 1199 pixels. Above this value is the normal version of the site.

If the user logs in from a mobile device (smartphone or tablet), then the system automatically this determines displays a mobile site template. Redirection to the mobile version of the site is carried out based on the name of the user’s device browser. The phone browser line usually contains words such as: iPhone, Android, webOS, BlackBerry, iPod, iPad. When redirected to the mobile version of the site The page URL does not change.

Search engines Google and Yandex consider this template ideal from the standpoint of speed and user friendliness.

Price for the mobile version of the Bitrix website

You can order a mobile version of the site from me. The cost of installing such a template on a website is 5,000 rubles. If the site has a large section (for example, a product catalog, news, articles, etc.), then the cost of adapting such a section for mobile devices is negotiated separately and depends on the amount of work.

If you need a development with a different design, or you have some ideas, I will make a mobile version according to your wishes.

Do you need a mobile version of the site? - Contact us, we’ll set it up!

BitrixMobile mobile application development technology supports all major modern platforms: iPhone 3 and 4, iPad, Windows Phone 7, Android, Blackberry, Symbian. The detailed API is used for developers to create their own applications and refine applications created in 1C-Bitrix. You can also create native apps and publish them on App Store in the Android Market and other similar directories. (The video shows this in detail and with documentation using an example OTP product).

Relevance of BitrixMobile

Delivery of the product “1C-Bitrix: Site Management”

INproduct deliverytwo applications included:

Ready-made mobile online store integrated with the website
Personal one-time password generator for the site (OTP)

Creating a mobile version of the site

For the mobile version of the site, a site or a special “/m/” section is created on the site, where it is necessary to place the structure (sections, pages and menus) of the mobile site. For pages, you need to install a minimalistic site template and use special mobile versions of component templates.

The 1C-Bitrix platform includes:

Solution for creating a mobile version of the site
Component templates for the mobile version of the site
Automatic detection of access from a mobile device
Mobile site template

Platform "1C-Bitrix" for creating mobile web applications:

Specially developed API for creating client-server mobile web applications:
Authorization support
Data exchange
Mobile interface
Data storage on the client
Support for updating and working offline
To create web applications with data exchange with the site

Ready mobile online store

Mobile online store is a ready-made solution from a series of “boxed” web projects, built on the basis of the 1C-Bitrix: Site Management product. The ready-made mobile online store included in the product delivery works on iPhone, iPad, Android and BlackBerry. The mobile online store is developed based on BitrixMobile technology and can be easily modified by clients and partners to suit their goals and objectives.

Your mobile online store is ready to go!

Creating an online store and launching online sales is becoming as common a process as installing additional programs to the phone.

You, as the owner, will immediately enter your details when setting up the store and include a non-cash account statement. When placing an order, your buyer will indicate the city, delivery method, say, within the city, and the cost will be calculated automatically. You can start trading online today!

After installation, you go to the main page of the store and see the finished demo product catalog.

Integration with 1C

Natural out-of-the-box integration will allow you not only to import your trade catalog from “1C: Trade Management”, but also set up its update on a schedule - without any human intervention. In the same way, you can import a ready-made catalog from a CSV file into your store.

Test

The mobile online store is included in the ready-made solution “1C-Bitrix: Online Store” . Test functionality solutions can be found in the virtual laboratory “1C-Bitrix: Site Management” or by installing a free 30-day trial trial version one of 3 editions of the product: “1C-Bitrix: Site Management” - “Small Business”, “Business” and “Business Web Cluster”.

Personal one-time password generator for the site (OTP)

One-time password system complements standard system authorization and allows you to significantly strengthen the security system of your online store. To enable the system, just use the product “1C-Bitrix: Site Management” included in the delivery. personal one-time password generator for the site(Bitrix OTP).

By using Bitrix OTP you can independently enable or disable the use of a one-time password system on the site for your account. This is an implementing OTP software, developed by 1C-Bitrix, allows you to do without purchasing hardware devices(for example, Aladdin eToken PASS) or corresponding software analogues.

Install Bitrix OTP you can directly from your site, running on “1C-Bitrix: Site Management” 10.0 and higher. To do this, just go to the address in your mobile device browser http://<ваш_сайт>/bitrix/otp/ and follow the instructions on the screen. Free installation Bitrix OTP is also possible from the online app store.
Bitrix OTP application for Android

Install the application from 1C-Bitrix on your mobile phone and generate one-time passwords to log into a site that supports OTP authentication. The application supports working with several sites simultaneously.

You can enable support on the mobile site one-time passwords and use them selectively for any users. It is especially recommended that site administrators use a one-time password system, as this greatly increases the security level of the Administrators user group. To do this, it is enough to create a new site in the password generator that supports OTP authorization, and then each time you enter this site, receive a one-time password for it. The generator allows you to create many records for such sites, and you can select the desired site from the list.

What does this technology give you?

Unambiguous confidence that the user who owns the mobile phone is authorized on the site. At the same time, any theft and interception of passwords loses all meaning, since the password is one-time. Personal generator gives unique one-time passwords and only at your request. This means that the owner of a mobile device with a password generator installed on it will not be able to transfer the password to another person while continuing to use the login to the mobile site.