What is the best way to make the transition to the mobile version of the site?

D

Dmitry Kulikov2015-04-01 11:26:28

HTML

Dmitry Kulikov, 2015-04-01 11:26:28

After the next letters from Google, we decided to adapt our site for a mobile version. There were 3 options for how to do this:
1. make a subdomain m.site.ru and redirect mobile traffic there
2. Depending on the browser, serve different pages at the same address, for mobile users and PC users
3. Always give one content but using js to determine the screen size and type of platform and after that it is more convenient to form content
Interested in which option is better for the PS and for users in general

Reply

Answer the question

In order to leave comments, you need to log in

5 answer(s)

V

Vladislav Yanovsky, 2015-04-01
@kopcap_va

With responsive web design, you use the same URLs and web page code across all devices. The page automatically adjusts to the screen of a computer, tablet or mobile phone, making it convenient for the user to work with any version of the site. Google recommends using AED. Thanks to AED, you only need to maintain one, not two versions of the site. In other words, you don't need to serve both desktop (www.example.com) and mobile (m.example.com) versions at the same time, because one site (www.example.com) will work for both desktop and mobile users.

https://developers.google.com/webmasters/mobile-si...

M

Maxim Grechushnikov, 2015-04-01
@maxyc_webber

1. adaptive layout.
2. m.site.ru
3. site.ru/m
as you wish.

A

arab789, 2015-04-01
@arab789

I did using the php library Mobile Detect , determined the mobile device and sent it to site.com/mobile/. There is a mobile version of the site.

D

Dima Pautov, 2015-04-01
@bootd

None of your three.
The correct answer is media queries

No, you don't need to download everything! You just need to take the optimization of the site. Reduce requests to the server, transfer all design to css, without pictures. Make data compression on the side. They still use media queries, so why do you think it will be bad for you?
Also, some elements can be hidden, and some can be loaded after loading the page.
For example: as the page scrolls, load images.
The same Google has a Google Page Speed service - which will tell you what to optimize on your site after it has been checked!