Types of mobile versions
Posted: Tue Jan 07, 2025 5:40 am
What problems can you expect? Most problems are related to adaptation features. Let's start with what types of mobile versions of a page there are.
Responsive Web Design (RWD) or adaptive design . The most popular and convenient option. It is an approach in which a website dynamically changes its layout and dimensions depending on the diagonal of the device on which it is viewed. This allows the site to be optimally displayed on both desktops and smartphones without the need to create separate mobile versions.
HTML is managed via the "@media" rule in the CSS file. It will malaysia whatsapp phone number indicate how the page layout should change depending on the device screen.
Google recommends using this approach.
Desktop version of VC
Mobile version of VC. As you can see, the menu has gone down to the thumb, and an advertising banner has magically appeared
Dynamic display . A more complex model of the mobile version. Here, programmers prepare HTML and CSS files in advance, which will be given to the corresponding User-agent.
Dynamic display workflow
Where can I get information about Google bots? Here are all the search robots. In your robots.txt file (and in the meta tag), it is enough to simply open access to Googlebot scanning. Thus, the Googlebot Smartphone scanning the site will be given a certain Mobile-version.css and Mobile-version.html and it is by this version that the robot will evaluate the content of the page.
Different resource addresses . Separate mobile websites are versions of websites designed specifically for smartphones or tablets. They usually have their own URL (e.g. m.site.ru) and may have different content and layout compared to the main desktop version of the site.
As with dynamic display, the server evaluates the client request by User-agent and HTTP header. Only in this case it does not replace the CSS for mobile, but directs to a separate site on a subdomain. If everything is done correctly, you will see a link to it in the mobile search results. The method with different URLs is the most labor-intensive and is fraught with problems with indexing and ranking.
Responsive Web Design (RWD) or adaptive design . The most popular and convenient option. It is an approach in which a website dynamically changes its layout and dimensions depending on the diagonal of the device on which it is viewed. This allows the site to be optimally displayed on both desktops and smartphones without the need to create separate mobile versions.
HTML is managed via the "@media" rule in the CSS file. It will malaysia whatsapp phone number indicate how the page layout should change depending on the device screen.
Google recommends using this approach.
Desktop version of VC
Mobile version of VC. As you can see, the menu has gone down to the thumb, and an advertising banner has magically appeared
Dynamic display . A more complex model of the mobile version. Here, programmers prepare HTML and CSS files in advance, which will be given to the corresponding User-agent.
Dynamic display workflow
Where can I get information about Google bots? Here are all the search robots. In your robots.txt file (and in the meta tag), it is enough to simply open access to Googlebot scanning. Thus, the Googlebot Smartphone scanning the site will be given a certain Mobile-version.css and Mobile-version.html and it is by this version that the robot will evaluate the content of the page.
Different resource addresses . Separate mobile websites are versions of websites designed specifically for smartphones or tablets. They usually have their own URL (e.g. m.site.ru) and may have different content and layout compared to the main desktop version of the site.
As with dynamic display, the server evaluates the client request by User-agent and HTTP header. Only in this case it does not replace the CSS for mobile, but directs to a separate site on a subdomain. If everything is done correctly, you will see a link to it in the mobile search results. The method with different URLs is the most labor-intensive and is fraught with problems with indexing and ranking.