• 陕西守艺人丨被《舌尖上的中国》忽略的洛南空心挂面 2019-10-28
  • 评论:职能部门要发挥好“信息员”作用 2019-10-28
  • 首份《中国企业电商化采购发展报告》发布 我国企业电商化采购比例已达20% 2019-10-26
  • 内政部长威胁“单飞”,联盟党闹分裂,默克尔或下台? 2019-10-26
  • 候选企业:中国保险行业协会 2019-10-13
  • 新疆铁路货运单日装车突破7000车大关 2019-10-13
  • 平安产险3.0智能门店落沪 2019-10-11
  • 曝光次数不断增加 “知识产权”缘何成为社会热词? 2019-10-11
  • 辽宁大连:玩具卡住男童手  消防耐心帮解困 2019-10-05
  • 崇拜不劳而获是腐败的根源之一,正气不足是腐败的第二个根源,沉迷于初级趣味易滋生腐败,提高素质力争不想腐,以医者之心防治腐败。 2019-10-05
  • 天津市领导会见中物联客人 2019-09-27
  • 美方一意孤行必将损人害己 2019-09-27
  • “春雨行动”助学金捐赠仪式启动 2019-09-24
  • “五星”调解能手张五星 2019-09-24
  • 【北京盈之宝车型报价】北京盈之宝4S店车型价格 2019-09-19
  • 516金蟾捕鱼下载:新金蟾捕鱼

    132-8888-7891
    網站建設必備知識:網站百度移動適配的方法與代碼
     2017-11-30 14:18 微力互聯小編
    網站建設必備知識:網站百度移動適配的方法與代碼
    一、什么叫百度移動適配?
    當您同時擁有PC站與手機站,而且兩者在內容上能夠對應,我們需要移動適配告之百度,有助于百度在移動搜索中將原PC頁結果替換為對應的手機頁結果。
    二、百度移動適配有何意義?
    早在2012年,百度就先后推出了移動搜索優化服務(//zhanzhang.baidu.com/wiki/37),在開放適配服務方面增加適配新選擇,全新上線了配套進度查詢工具,調整和更新《手機站優化指南》。通過這些舉措,逐步引導用戶與完善百度移動適配法則,最終達到幫助廣大網站更加便捷的提升移動端瀏覽效果,獲得更多搜索流量,從而輕松完成從PC端到移動端的陣營遷徙和發展革新。
     
     
    三、百度移動適配有哪幾種模式?
    PC站與移動站配置方式有三種,百度站在搜索引擎角度將這三種分別稱為跳轉適配、代碼適配和自適應。
     
    1)跳轉適配:該方法會利用單獨的網址向每種設備提供不同的代碼。這種配置會嘗試檢測用戶所使用的設備或ua,然后使用 HTTP 重定向和 Vary
     
    HTTP 標頭重定向到相應的頁面。
    【跳轉適配應用舉例】
    (1)百度siteapp。這顯然是標準的跳轉適配,但siteapp效果不大好,比如頁面混亂、內容可控性差。好像百度也發現這些問題以至于此項目擱置,這個工具一直沒有更新升級。
     
    (2)第三方移動建站工具。如:搜狐快站、騰訊風鈴等。這些工具有個缺點是需要PC站點與移動站點做好對應關系,需要一篇文章發兩遍的尷尬情況。
     
    (3)完全開發一套移動站點。通過后臺程序判斷出是移動UA,不會給用戶返回代碼,直接重定向到移動頁面。這里要注意開發時一定要做好PC頁與移動頁面的對應關系同時提交到百度站長平臺。上圖中提到“維護成本較高”,可以這樣解決:在開發時調用同一數據庫,就免去了發兩邊內容的成本。
     
    (4)對于CMS系統,無程序擴展功能的:新建一個獨立移動站點,原PC頁面中加入JS來判斷UA,通過JS重定向到移動頁面。此方法第一次請求后會
     
    返回完整HTML到用戶本地,JS本地判斷后再次請求返回完整HTML,頁面需要加載兩次,延遲嚴重。而且百度對JS的跳轉并不支持,僅僅實現了頁面的轉
     
    換,還是需要最好對應適配關系提交到百度站長平臺的。
     
    2)代碼適配:該方法使用相同的網址(不考慮用戶所使用的設備),但會根據服務器對用戶所用瀏覽器的了解(ua),針對不同設備類型生成不同版本的 HTML。
     
    【代碼適配應用舉例】
    代碼適配沒有跳轉適配那么多方法,它的實施方法是:原PC站CMS系統升級改造,當用戶訪問一條URL時,后臺程序判斷UA,根據不同UA返回不同的HTML代碼和樣式。此方法無延遲、移動站點維護成本較低,但局限性也很大:首先你要有開發能力,其次你的CMS系統能讓你開發,第三是此類站點不能完全靜態化。代碼適配非常適合社區論壇和用戶交互式站點。
     
    3)自適應:通過同一網址提供相同 HTML 代碼的網站設計方法。該方法不考慮用戶所使用的設備(pc、平板電腦、移動設備),但可以根據屏幕尺寸以不同方式呈現(即適應)顯示屏。
     
    【自適應應用舉例】
    自適應是呼聲最高的一個方式,H5越來越普及,自適應的站點和頁面也越來越多,甭管是國外的谷歌還是國內的百度都承認未來站點屬于H5的自適應。自適應頁面由H5+CSS3+JS判讀不同屏幕寬度展示不同樣式的頁面,PC和移動頁面url和源代碼都相同。之前他有很多名字:頁面自適應、響應式、H5頁面、寬度變化頁面等,之后我們統一為自適應。同樣自適應也有自己的優缺點:一次編碼多平臺共用,維護成本低,設備展示效果一致,用戶地體驗好;但也有缺點,復雜頁面在做自適應時,受手機屏幕限制很難排版,若隱藏部分內容相比獨立移動手機站頁面體積大、加載速度和數據流量也更大。此類非常適合如知乎、36KR、新聞媒體內容頁等功能相對單一的頁面和站點。

     
    四、怎么做好百度移動適配?
    鑒于移動化大潮的洶涌和H5頁的炫麗普及,百度針對PC頁與H5頁的跳轉適配方式推出了最優方案:在pc版網頁上,添加指向對應移動版網址的特殊鏈接rel="alternate"標記,這有助于百度發現網站的移動版網頁所在的位置;同時在移動版網頁上,添加指向對應pc版網址的鏈接rel="canonical"標記。
     
    例如:
    pc版網址://www.csn6688.com/
    移動版網址://m.wlxin.com/
     
    那么此示例中的注釋如下所示:
    在pc版網頁(//www.csn6688.com/) 上,添加:<link rel="alternate" media="only screen and(max-width: 640px)" href="//m.wlxin.com/>
    在移動版網頁(//m.wlxin.com/) 上,所需的注釋應為:<link rel="canonical"href="//www.csn6688.com/" >
     
    強調:之前的Meta標記(mobile agent)會繼續沿用,但我們推薦使用HTMAL5語言制作的移動頁面使用最新方案進行跳轉適配,其它如xml語言的移動頁跳轉適配,需要繼續使用之前的meta標記方式——<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">
     本文鏈接://www.csn6688.com/wangzhanjianshe/553.html
      
    官網網址://www.csn6688.com  
    微力互聯專注于新金蟾捕鱼,新金蟾捕鱼,東莞網站優化,東莞網站推廣,是東莞網站建設公司網絡營銷行業中知名品牌,能快速幫助公司解決網絡營銷難題,選擇我們!選擇成功!
    更多
     
     
    請聯系我們
    東莞南城科技園北區
    132-8888-7891
    132-8888-7891
    132-6852-2264
    早8:30~晚18:00
     
    東莞網站建設,微力互聯騰訊微博 東莞網站制作,微力互聯新浪微博
    東莞網站建設,東莞網站制作,網站制作,東莞高端網站建設,東莞網站設計
    Copyright © 2008-2017 東莞微力互聯科技有限公司 (Gong Guan WLHL internet Technology Co.,Ltd.) All Rights Reserved 
     
  • 陕西守艺人丨被《舌尖上的中国》忽略的洛南空心挂面 2019-10-28
  • 评论:职能部门要发挥好“信息员”作用 2019-10-28
  • 首份《中国企业电商化采购发展报告》发布 我国企业电商化采购比例已达20% 2019-10-26
  • 内政部长威胁“单飞”,联盟党闹分裂,默克尔或下台? 2019-10-26
  • 候选企业:中国保险行业协会 2019-10-13
  • 新疆铁路货运单日装车突破7000车大关 2019-10-13
  • 平安产险3.0智能门店落沪 2019-10-11
  • 曝光次数不断增加 “知识产权”缘何成为社会热词? 2019-10-11
  • 辽宁大连:玩具卡住男童手  消防耐心帮解困 2019-10-05
  • 崇拜不劳而获是腐败的根源之一,正气不足是腐败的第二个根源,沉迷于初级趣味易滋生腐败,提高素质力争不想腐,以医者之心防治腐败。 2019-10-05
  • 天津市领导会见中物联客人 2019-09-27
  • 美方一意孤行必将损人害己 2019-09-27
  • “春雨行动”助学金捐赠仪式启动 2019-09-24
  • “五星”调解能手张五星 2019-09-24
  • 【北京盈之宝车型报价】北京盈之宝4S店车型价格 2019-09-19
  • 博客来怎么买 为了日本av快播电影 股票涨跌由什么决定 南京小姐按摩 广东福彩快乐10分开奖 全国最大股票配资 dnf做什么卡片赚钱 信德娱乐国际 看黄色三级片 金殿国际棋牌 爱玩天天乐棋牌 2013年上证指数最低点 江苏快三计划软件 game8288棋牌官网下载 体彩竞彩赚钱 吉林时时计划软件下载