四種適配方法①移動適配②JS跳轉③Meta宣告④302規則
四種適配方法
①移動適配
現在很多搜尋引擎都提供移動適配的功能,例如百度的開放適配和360的移動適配,利用百度站長工具提交PC頁-手機頁對應關係Sitemap,或者利用360站長工具提交PC頁-手機頁對應關係txt就能實現PC站內容和手機站一一適配。這樣做的優點是隻需要在搜尋引擎工具提交資料,無需對站點本事做改動,而且網站內容一一對應,並不只侷限於網站首頁。而缺點就是隻能在百度或者360移動搜尋中生效,其他沒用提交適配檔案的搜尋中就無效了。
②JS跳轉
JS跳轉對於某些行業來說有著重要的作用,尤其是對於使用者轉換率網站首頁較高的網站,只需要在網站的頭部加一段JS程式碼判定是否是移動端訪問,然後所有的流量就會全部流向手機站的主頁。JS跳轉的優點是適用於所以的移動搜尋,並不侷限於百度和360,可以提高使用者的轉換率。缺點是難以實現每個頁面的一一對應,而且容易被某些搜尋引擎判定作弊,從而受到懲罰。
③Meta宣告
Meta宣告的格式一般為,站長可以將這段程式碼加在PC站的頭部,由Meta資訊來指明該PC頁對應的手機頁的URL,以及該URL對應頁面的格式。Meta宣告的優點是程式碼簡單易懂,操作方便,缺點是隻能在百度移動搜尋中生效,對於其他搜尋引擎無效。
④302規則
302規則指的是,當判定移動端訪問網站時,302臨時跳轉到一個網址(手機站),例如可以在。htaccess檔案里加上一段判定手機的程式碼,做個302重定向。這樣做的好處是,不需要再額外在網站的前端程式碼中加任何東西,也不需要向搜尋引擎提交規則,可是據筆者測試,有可能會導致PC站被降權。雖然302是暫時性的重定向,但過於頻繁的302是很有可能給網站帶來不利的影響的,具體的尺度需要站長自己去把握。
相關文章
- 移動適配:跳轉適配成功生效經驗分享
- 【移動適配】移動Web怎麼做螢幕適配(一)Web
- 【移動適配】移動Web怎麼做螢幕適配(三)Web
- viewport移動端適配View
- rem移動端適配REM
- 茴字的四種寫法——淺談移動前端適配前端
- 移動端適配-rem(新)REM
- 移動端適配總結
- 淺談移動前端適配前端
- 移動web適配利器-remWebREM
- [適配性]移動Webapp自適應方案WebAPP
- 移動端適配-實踐篇
- 「移動端」Web頁面適配Web
- Web移動端適配總結Web
- 移動端rem怎樣適配REM
- 移動端適配-Rem 佈局篇REM
- 對移動端相容適配的分析
- 移動端的適配及佈局
- 移動 web 端螢幕適配 – remWebREM
- 移動端適配頁面快速搭建
- 移動端開發適配總結
- postcss-px-to-viewport 移動端適配CSSView
- 移動端配適與掌握動態 REMREM
- (原創)高DPI適配經驗系列:(四)高DPI適配示例
- iOS 11適配之跳轉App Store評論iOSAPP
- Vue.js 移動端適配之 vw 解決方案Vue.js
- Android適配: 拉伸適配的缺點Android
- flutter 螢幕尺寸適配 字型大小適配Flutter
- 移動端適配 - 基礎知識篇
- React專案使用vw適配移動端React
- 解決vue移動端適配問題Vue
- 移動端適配問題解決方案
- 移動web適配利器-rem In CSS3WebREMCSSS3
- 移動端web自適應適配佈局解決方案Web
- 面試官 | 說說移動端專案適配面試
- 移動端適配知識你到底知多少
- css3 媒介查詢 適配移動端CSSS3
- 我的前端筆記 之 移動端適配前端筆記