The key of self-adapting website design to Baidu Friendly

Self-adapting website design key to Baidu friendly: add applicable-device tag

Many websites now use adaptive web Design (response-web-design) to meet the needs of a large mobile user base. However, in the technical design of adaptive Web pages, for the sake of SEO considerations, you also have to take care of how Baidu is more friendly, that is to tell Baidu "I am Adaptive page", Baidu to facilitate the identification of the check.

Self-adapting web design

Browser-to-Adaptive identification check code

In the adaptive web design, we use META tags to tell the browser the adaptive Rules of the Web page. Such as:

<meta name= "viewport" content= "Width=device-width,initial-scale=1.0,user-scalable=yes"/>

This meta,User-scalable=yes is a statement that the Web page can be scaled down.

General search engine for adaptive identification check code

<meta http-equiv= "Cache-control" content= "No-transform"/>
<meta http-equiv= "Cache-control" content= "No-siteapp"/>

This two meta,No-siteapp and No-transform, is telling the search engine not to transcode the page.

The key of self-adapting website design to Baidu Friendly

In fact, using the two meta-statements above, Baidu will be able to identify adaptive web pages.

However, in order to be more friendly to Baidu, let Baidu more convenient to identify the check, we want to add a meta tag.

The method is also very simple, just add a applicable-device tag below the viewport tag above the line:

<meta name= "Applicable-device" content= "Pc,mobile" >

This meta tag means that the page is also suitable for browsing on mobile devices and PCs.

Not all sites are suitable for adaptive design

Adaptive Web Design (responsive) is a Web design method that automatically identifies the size of the screen of an end-device to make a corresponding adjustment. This method of Web design perfectly solves how to render the same page effect on different sizes of network devices. It is universally acknowledged that self-adaptation has at least 4 benefits: improving the user experience, keeping the PC-side and mobile SEO consistent, avoiding duplication of content and error content, and unifying links.

The obvious drawback of adaptive adaptation is that the cost of development is relatively high, especially when it comes to building complex, adaptive sites that contain additional programming, which takes longer. If your site needs are simple, there are many open source templates to choose from.

For the more mature PC website, if you want to achieve the full-station adaptive, you may need to push away all the original code for refactoring, time and technical costs are relatively large, and if a site has multiple portal (portal), will greatly increase the complexity of the architecture design, So now there are a lot of web sites only on the mobile side of the implementation of responsive layout design.

The key of self-adapting website design to Baidu Friendly