1145. cn Baidu MIP adaptation instance, 1145. cnmip adapter instance

1145. cn Baidu MIP adaptation instance, 1145. cnmip adapter instance

MIP, full name of Mobile Instant Pages (Mobile Instant Pages), is a set of Mobile Web page open technical standards launched by Baidu. Website Mobile Page statistics MIP transformation, can achieve page cache, so as to achieve Mobile Page acceleration effect.

Baidu has clearly stated that the mobile website that uses MIP will gain a higher weight in the baidu search engine.

During the event at the Hangzhou salon, Zac raised a very acute question to Baidu engineers, "Will Baidu MIP affect rankings ", after several seconds of silence at the scene, thunderous applause sounded. Baidu engineers also made it clear that "Baidu MIP will affect rankings ". I think this is what all SEO practitioners Want To Hear most. This time, Baidu engineers made a firm stance and said, "the speed of a common webpage is determined by the speed of crawling by a spider, with MIP, MIP itself proves that the website is fast. "If you want to increase the speed of opening a mobile website, you will get twice the result with half the effort if the MIP technology is not fully popularized.

At present, there are very few examples of MIP transformation that can be found on the Internet, so we will share with you some of our company's website 1145 Enterprise Credit (http://www.1145.cn) MIP transformation, hope to provide some help to the webmaster who wants to perform MIP transformation.

The MIP is applicable to the sub-site of 1145 Enterprise Credit: food and drug safety. The HTML site URL is a http://www.1145.cn/cfda/, And the MIP site URL rule is a http://www.1145.cn/cfda/mip. From Meta, this site is PC and Mobile adaptive site.

<meta name="applicable-device" content="pc,mobile">

　　

Add the following code to the html site to notify the URL of the mip page corresponding to the Baidu spider page.

<link rel="miphtml" href="http://www.1145.cn/cfda/mip/">

　　

On the mip site, add the code that corresponds to the html site:

<link rel="canonical" href="http://www.1145.cn/cfda/">

　　

The general html structure of the MIP site:

<! DOCTYPE html> 
　　
Pay attention to the following basic points:

 

 
  
Add the mip identifier to the  
  
UTF-8 encoded
 
  
Add meta-viewport for Mobile Display
 
  
For example, introduce the MIP runtime environment, including CSS and JS
 
  
Mip does not allow the introduction of external css except mip css. css must be written inside the <style mip-custom> page.

 
In the content of the page body, it is no different from what we usually do as a Web page template. Note the following:

 

 
  
We recommend that you use the <mip-link> label instead of the original one (^ lt; a> label can be retained currently). The href value must be a complete path and cannot be a relative path.
<A href = "http://www.1145.cn/cfda/mip/category/10"> National Food Safety Supervision and Inspection (qualified products) </a>
 
  
For example, the tag is replaced by the <mip-img> tag, and the </mip-img> delimiter must exist. <Mip-img> the width and height of the image must be set. Details: https://www.mipengine.org/doc/3-widget/2-inner-widget/img-widget.html
 
  
Basic HTML tags such as div, p, span, and table can be directly used. Do not use javascript, because MIP does not allow reference to external javascript, So we often use jquery and bootstrap. The ultimate goal of the MIP page is to accelerate, so we should try to use the most basic html code.

 
After completing the template, you can check the template by using the MIP verification tool on the official website. Https://www.mipengine.org/validator/validate

Screen snapshot 8.55.57 PM.png
Note:: The MIP page is finally displayed to mobile users, which is not directly opened in the browser, because the user actually clicks from Baidu search results, is to display your page from Baidu mip cache server, so if you want to preview your page, you need to input your mip url from the https://www.mipengine.org/validator/preview to preview. No one except yourself can directly access your mip url. For example, Baidu search keywords: Baidu mip, ranked first in the mipengine.org, if the mobile endpoint to open the results, open is actually the url: http://m.baidu.com/mip/c/s/www.mipengine.org/article/5-reasons-to-try-mip.html, rather than the mip page of the real url http://www.mipengine.org/article/5-reasons-to-try-mip.html
So the url rule of the MIP page that the user finally sees is
Http://m.baidu.com/mip/c/s /***************
Because the MIP page is read and presented to users from Baidu's cache server, the speed is very fast. If your MIP page is changed, you must refresh the modified MIP page from the background of Baidu webmaster platform. You can think of Baidu MIP as a CDN that never expires and must be refreshed manually.