代碼適配移動站點時的注意事項時SEO教程
導讀:SEO教程SEO教程前言:本文所講述的移動適配都是針對百度搜索引擎,對國內其他搜索引擎也大同小異,大家可以參考借鑒。 眾所周知,百度的移動適配分為三種:自適應、代碼適配與跳轉適配,網seo優化趨勢高端網站建設。
前言:本文所講述的移動適配都是針對百度搜索引擎,對國內其他搜索引擎也大同小異,大家可以參考借鑒。 眾所周知,百度的移動適配分為三種:自適應、代碼適配與跳轉適配,其中 […]
前言:本文所講述的移動適配都是針對百度搜索引擎,對國內其他搜索引擎也大同小異,大家可以參考借鑒。
眾所周知,營銷型網站建設百度的移動適配分為三種:自適應、代碼適配與跳轉適配,其中自適應網站無需做移動適配,百度會自行識別,跳轉適配在百度工具中的SiteAPP中會有具體教程教大家如何添加代碼,唯獨代碼適配的相關介紹特別少,不僅僅是百度官方,網上也很難搜到相關教程,那么我們在代碼適配的時候要注意什么呢?
一、移動適配代碼提交
前期余斗講過《百度優化之移動適配代碼正則表達式適配》,我們先把移動端與Pc端的對應表達式寫好后提交,接下來還需要分別在我們的移動站點網頁與Pc站點上做相關配置了。
二、Vary HTTP 標頭
Vary HTTP會向百度傳遞信號,表示本站是個代碼適配的站點,然后百度會更方便的抓取整站進行適配。另外Vary HTTP 標頭也可以防止訪客收到錯誤的網頁緩存。配置Vary HTTP 標頭需要在服務器上進行,設置 Varyheader 為 Vary:
Accept-Encoding, User-AgentApache服務器,配置文件中寫:
Headerappend Vary User-AgentNginx 與IIS等則在配置文件中寫:
more_set_headers-s 200 "Var如何seo優化推廣網站y: " "Accept-Encoding, User-Agent"注意:Nginx服務器打開這個設置需要安裝ngx_headers_more模塊。
三、Meta applicable-device 標簽
做好Vary HTTP 標頭之后,為了讓百度更好區別我們的Pc頁面和移動頁面,我們還需要利用百度自定義的Meta applicable-device標簽。
Meta applicable-device標簽并非站點必須標注,這個標簽可以幫助百度校正自己的判斷,一般建議做代碼適配加上這個代碼,效果會更好。
Meta applicable-device標簽是添加在網頁模版中,添加在網頁中。
Pc站點添加:
<meta name="applicable-device" content="pc">移動站點添加:
<meta name="applicable-device" content="mobile">四、測試檢查
做好以上兩步,我們則可以來,模擬百度蜘蛛來測試我們添加的代碼是否有效,這里我們用Google 瀏覽器來實現,詳情點擊《利用Chrome瀏覽器模擬百度、谷歌等蜘蛛訪問》《用Chroseo網站優化me瀏覽器來當手機模擬器測試》,有效的結果如下圖:
聲明: 本文由我的SEOUC技術文章主頁發布于:2023-05-26 ,文章代碼適配移動站點時的注意事項時SEO教程主要講述注意事項,站點,代碼適配移動站點時的注意事項時網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_9666.html