添加applicable-device的必要性
在自適應(yīng)網(wǎng)站設(shè)計(jì)中,我們使用meta標(biāo)簽來告訴瀏覽器網(wǎng)頁的自適應(yīng)規(guī)則。如:
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes" />
這個(gè)meta,user-scalable=yes 是聲明網(wǎng)頁可以縮小放大。
通用搜索引擎對(duì)自適應(yīng)識(shí)別校驗(yàn)代碼
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
這兩個(gè)meta,no-siteapp和no-transform,是告訴搜索引擎不要把網(wǎng)頁轉(zhuǎn)碼。
其實(shí),使用上面兩個(gè)meta聲明,百度就能識(shí)別自適應(yīng)網(wǎng)頁了。
不過,為了對(duì)百度更友好,讓百度更方便識(shí)別校驗(yàn),我們要再添加一個(gè)meta標(biāo)簽。
方法也很簡(jiǎn)單,只要在上面viewport標(biāo)簽下面再添加一個(gè)applicable-device標(biāo)簽就行:
<meta name="applicable-device" content="pc,mobile">
這個(gè)meta標(biāo)簽,表示頁面同時(shí)適合在移動(dòng)設(shè)備和PC上進(jìn)行瀏覽。
說到底自適應(yīng)網(wǎng)站添加applicable-device標(biāo)簽對(duì)百度比較友好。