MENU service case
Website construction website design Beijing website construction high-end website production company Shangpin China
We create by embracing change
360 ° brand value__
simplified Chinese character
Simplified Chinese English

Shangpin China Joins Hands with Beisheng Internet to Create a New Chapter in Website Construction

Type: Shangpin Dynamic Learn more

How can websites get Baidu's attention

Source: Shangpin China | Type: website encyclopedia | Time: August 22, 2018

First, we need to adjust the adaptive web page code to prevent mobile browsers from automatically adjusting the page size. Both iOS and Android browsers are based on the webkit core. These two browsers and many other browsers support the viewport meta element to override the default canvas zoom setting. Just insert a<meta>tag in the<head>tag of HTML, You can set specific width (such as pixel value) or zoom ratio of 2.0 in the<meta>tag.

Then, the page should be modified to a percentage layout. When a browsing window is outside the fixed range of media queries, the page needs to be scrolled horizontally to be fully browsed. Through the percentage layout, the page elements can flexibly modify the style according to the window size from media queries to media queries. Specifically, the css code does not specify a specific pixel width, Instead, it specifies a percentage width, or width: auto.

Finally, let's talk about the key points of responsive websites being friendly to Baidu,

1. How to write the applicable device label

With the adaptive design of web pages, Baidu friendly design should also be taken into account, that is, tell Baidu "I am an adaptive page" to facilitate Baidu's identification and verification. The method is also simple. Just add an applicable device tag below the viewport tag above:

<meta name="applicable device" content="pc, mobile">means that the page is suitable for browsing on both mobile devices and PCs.

2. When using the site of Baidu webmaster platform link submission tool to submit, the mobile type mark should be made. The specific value is:

<mobile:mobile type="pc,mobile"/>

Other web page values are as follows:

<mobile: mobile/>: mobile web page

<mobile: mobile type="mobile"/>: mobile web page

<mobile: mobile type="htmladapt"/>: code adaptation

This article is from Shangpin China: Enterprise website Design

Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
TAG label:

What if your website can increase the number of conversions and improve customer satisfaction?

Make an appointment with a professional consultant to communicate!

* Shangpin professional consultant will contact you as soon as possible

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]

Communicate with professional consultants now!

  • National Service Hotline

    400-700-4979

  • Beijing Service Hotline

    010-60259772

Please be assured to fill in the information protection
Online consultation

Disclaimer

Thank you very much for visiting our website. Please read all the terms of this statement carefully before you use this website.

1. Part of the content of this site comes from the network, and the copyright of some articles and pictures involved belongs to the original author. The reprint of this site is for everyone to learn and exchange, and should not be used for any commercial activities.

2. This website does not assume any form of loss or injury caused by users to themselves and others due to the use of these resources.

3. For issues not covered in this statement, please refer to relevant national laws and regulations. In case of conflict between this statement and national laws and regulations, the national laws and regulations shall prevail.

4. If it infringes your legitimate rights and interests, please contact us in time, and we will delete the relevant content at the first time!

Contact: 010-60259772
E-mail: [email protected]