如何從PC頁面重定向到移動頁面?

1685次閱讀

有很多時候,用戶在移動設備上會訪問到PC頁面的地址,這種情況下,我們需要以極快的速度跳轉到對應的移動端頁面,盡量減少用戶的感知,給用戶最好的體驗。那么,如何從PC頁面重定向到移動頁面呢?本文將為你解答。

如何能快速地由PC頁重定向到移動頁面,我們按照不同站點的類型,給出了幾種常見的實現(xiàn)方式。


1、站點有獨立的移動端站點和PC站點

這種情況下,我們需要進行服務端跳轉。當在移動設備上訪問PC站點時,需要服務端進行環(huán)境判斷,然后重定向到對應的移動頁面。

(1)環(huán)境判斷

環(huán)境的判斷,一般是通過判斷請求的userAgent,以php為例,下面給出簡單的代碼實現(xiàn)

042711548243865.png

(2)重定向到對應的移動端頁面

088051548243892.png


2、站點沒有獨立的移動站點

這種情況下,我們可以采用前端頁面響應式布局,以便在不同的分辨率和設備下都可以合理的進行頁面展示。

關于響應式布局,關鍵的有幾點:

1、使用media query(媒體查詢),在不同尺寸、不同設備上進行不同展示,譬如

053561548243918.png

2、設置viewport(視窗)。如果沒有設置viewport,在移動設備上將會使用桌面版屏幕寬度渲染頁面,然后再進行縮放以適應屏幕。

078231548244843.png

3、布局方式。傳統(tǒng)的固定布局方式,無法適應響應式布局,建議采用柵格化布局,可以參考Bootstrap的流式柵格化布局。?


閱讀本文的人還可以閱讀:

百度站長平臺鏈接提交工具是什么

百度站長平臺網站驗證常見錯誤及解決辦法

百度站長平臺為什么要驗證網站? 如何驗證網站

本文由夫唯SEO特訓營編輯整理。

搜外專注SEO培訓和SEO周邊Saas服務解決方案,10年來超過五萬學員在此獲得技術提升和人脈圈子。

SEO課程包含移動搜索、零基礎建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報名時間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標是:讓非技術人員輕松學會互聯(lián)網技術。

  • 搜外會員SEO交流群(免費)

    微信掃碼添加客服人員
  • 小程序運營交流群(免費)

    微信掃碼添加客服人員
  • 搜外會員SEM競價交流群(免費)

    微信掃碼添加客服人員
  • 夫唯學員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術實戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨立站英文SEO群

    微信掃碼添加客服人員
  • SEO團隊KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學習群站SEO
成為互聯(lián)網運營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.131461 Second , 42 querys.