移動端網(wǎng)站開發(fā)如何做代碼適配？

作者：網(wǎng)站建設(shè)公司　來源：佛山網(wǎng)站建設(shè)日期：2019-07-07 瀏覽： 次

網(wǎng)站建設(shè) > 建站教程 > 網(wǎng)站優(yōu)化 > 移動端網(wǎng)站開發(fā)如何做代碼適配？
如果不做移動適配的話，可能我們本來有的移動網(wǎng)頁和移動端排名因百度無法確認是移動頁面，因此這部分流量都給指向了百度的轉(zhuǎn)碼頁?？梢钥醋约壕W(wǎng)站在站長工具里面，移動端有多少流量是指向了轉(zhuǎn)碼頁。這部分流量在做完適配后，即可指向我們的移動頁面，避免了自己的流量被百度截流。

上次介紹了百度跳轉(zhuǎn)適配的相關(guān)問題，今天為大家介紹一下移動端網(wǎng)站如何做代碼適配。那么具體代碼適配站點在開發(fā)時要注意哪些內(nèi)容呢？


佛山網(wǎng)站建設(shè)


代碼適配的開發(fā)，百度官方也有詳細的說明，可分為兩部分： Vary HTTP標頭 和 Meta applicable-device 標簽。

一、Vary HTTP 標頭

其作用在百度的文檔里解釋得很清楚：

1、它會向百度傳遞一個信號，表示說這是個代碼適配的站點，百度就會盡快把網(wǎng)站抓取一遍進行適配；

2、它可以防止用戶接收到錯誤的網(wǎng)頁緩存。這部分是在網(wǎng)站的服務(wù)器上進行的，有可能是Nginx,Apache, IIS 等，需要在服務(wù)器的配置里，設(shè)置Varyheader 為Vary:Accept-Encoding, User-Agent

比如Nginx 下，可以在配置文件中加上：more_set_headers-s 200 "Vary: " "Accept-Encoding, User-Agent"

注意：打開這個設(shè)置需要nginx同時安裝有ngx_headers_more模塊

在Apache下，可以在配置文件里寫上：Headerappend Vary User-Agent


佛山網(wǎng)站建設(shè)


二、Meta applicable-device 標簽

Vary header 加上之后，為了讓百度更好地識別我們的頁面是 PC 還是 Mobile，就需要使用百度自定義的這個 Meta applicable-device 標簽了。注意以下來自百度的消息: Meta applicable-device 標簽，并非是站點必須標注的，現(xiàn)在很多站點沒有標記這個標簽情況也很好。但這個標簽可以幫助百度校驗自己的判斷，并及時進行修正。做這個事情又不麻煩，所以我們建議代碼適配站點為了保證效果，還是加這個標簽。

因此可能有些網(wǎng)站之前的移動流量已經(jīng)很好了, 不會出現(xiàn)被百度轉(zhuǎn)碼的情況. 這說明百度已經(jīng)能很好地識別你的移動頁面了. 但是依然建議加上這個標簽, 一來加這個標簽很容易, 二來可以確保百度能更準確地識別頁面類型. 如果沒有加這個標簽的話, 萬一突然技術(shù)做改版, 一些代碼的修改導(dǎo)致百度無法繼續(xù)準確識別頁面類型了呢?

這部分是在網(wǎng)站的模板里添加的。自適應(yīng)的網(wǎng)站肯定已經(jīng)有了判斷用戶設(shè)備是 PC還是 Mobile的邏輯。利用這個邏輯，在整站的<head></head> 部分添加一行代碼即可：

如果用戶是PC設(shè)備(注意需要包括Baiduspider PC UA)，則添加<metaname="applicable-device" content="pc">

如果用戶是移動設(shè)備(包括Baiduspider Mobile UA)，則添加<metaname="applicable-device" content="mobile">

注：關(guān)于BAIDUSPIDER，移動和PC其實都是Baiduspider，并沒有區(qū)分，只是UA進行了區(qū)分。新移動UA請見百度官方文檔。

以上是佛山網(wǎng)站建設(shè)零度網(wǎng)絡(luò)為大家總結(jié)的一點經(jīng)驗，希望對大家在移動端網(wǎng)站制作的思路上有所幫助，如需獲得咨詢及方案，歡迎聯(lián)系咨詢我們獲取。

相關(guān)文章推薦：《手機網(wǎng)站建設(shè)中百度移動適配操做使用方法》http://www.qy-mjzn.com/SeoNews/6645.html

網(wǎng)站優(yōu)化

企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php網(wǎng)站建設(shè)方案、網(wǎng)站設(shè)計、網(wǎng)站制作由北京上海深圳龍崗衢州蘭州常州東營南通濟寧桂林淮安煙臺長春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉(xiāng)商丘臺州哈爾濱太原攝影海口隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區(qū)企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價格規(guī)劃書及營銷型網(wǎng)站制作,網(wǎng)站建設(shè)基礎(chǔ)知識

上一篇： seo網(wǎng)站優(yōu)化

下一篇：佛山網(wǎng)站建設(shè)

網(wǎng)站優(yōu)化

網(wǎng)站案例

網(wǎng)站案例

網(wǎng)站建設(shè)費用

網(wǎng)站制作電話：137 1543 1176

網(wǎng)站開發(fā)QQ:378780108

E-mail：sale@fslingdu.com如何制作網(wǎng)站QQ :378780108

網(wǎng)站建設(shè)服務(wù)

網(wǎng)站建設(shè)公司零度飛易是一家專業(yè)網(wǎng)站設(shè)計,網(wǎng)站制作、seo優(yōu)化,網(wǎng)站推廣,網(wǎng)站建設(shè)的佛山網(wǎng)絡(luò)運營公司。零度飛易在家具網(wǎng)站建設(shè)、小家電網(wǎng)站建設(shè)、服裝網(wǎng)站建設(shè)、電器網(wǎng)站建設(shè)、機械網(wǎng)站建設(shè)等行業(yè)的網(wǎng)站設(shè)計、網(wǎng)絡(luò)運營都得到行業(yè)認可，在上海、深圳、北京、廣州、佛山、中山、東莞地區(qū)有著良好的口碑品牌的網(wǎng)站建設(shè)公司。我們的使命是打造創(chuàng)新型的網(wǎng)站建設(shè)企業(yè)，能輕易地開展“互聯(lián)網(wǎng)+”業(yè)務(wù)、實現(xiàn)“互聯(lián)網(wǎng)+企業(yè)”的企業(yè)愿景。

Hi,Are you ready?

準備好開始了嗎?
那就與我們?nèi)〉寐?lián)系吧

有一個互聯(lián)網(wǎng)項目想和我們談?wù)剢?？您可以填寫右邊的表格，讓我們了解您的項目需求，這是一個良好的開始，我們將會盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話，讓我們聽到你的聲音！

零度飛易 互聯(lián)網(wǎng)整合營銷

地址：佛山市順德區(qū)大良鳳翔商業(yè)廣場二座670

業(yè)務(wù)QQ：378780108

策劃專線：13715431176

E-mail：sale@fslingdu.com

合作意向表

您需要的服務(wù)

現(xiàn)有網(wǎng)站改版
我需要做微信營銷
建設(shè)全新的企業(yè)網(wǎng)站
要找長期合作公司，需要年度服務(wù)
我需要做購物商城
我需要做系統(tǒng)平臺

您最關(guān)注的地方

對功能要求比較高
對設(shè)計創(chuàng)意要求比較高
需要可以購物支付
搜索引擎排名

價格預(yù)算

1-3萬3-5萬5-8萬8-10萬10萬以上大型項目需要招標

原神乳液狂飙开襟网站mimei,正文和朋友换娶妻游戏,电影essuess,苏娅苏语棠元宵节md0217BD,安全隐私保护,高速低延迟,高质量真免费海外加速【可复制网址到浏览器中打开】 ,免费夜里18款禁用软粉色APP,果酱tv.app,1001个视角,poren HD,丕丕漫画网页登录页面入口免费