如何最佳化網站手機版?Google 行動裝置相容檢測告訴你

網站經營不再只有使用電腦的讀者,很多網站手機讀者進逼八成以上,你的網站還沒有手機板嗎?那可能遜掉了。想要擁有手機版網站該怎麼製作?是否每一個類型的網站都適合製作手機板?這個您可以透過Google分析來做評估。至於手機板如何做到最佳化?讓搜尋喜愛呢?這個也是一個重要課題,好在Google有提供說明指南「Google 行動裝置相容檢測」透過此工具,快速了解網站是否符合標準。

如果會透過Google分析查看,就可以知道手機版的讀者佔有多少比例,透過這個比例來評估你是否需要網站手機板。但網路現況行動裝置(平板、手機)的依賴程度非常高,很多人甚至家裡不安裝ADSLVDSL光纖網路,直接使用手機網路上網而已。還有人回家再也不開PC電腦了。面對強大的行動裝置訪客來襲,你準備好要製作一個手機板網站了嗎?


製作手機版網站以及如何最佳化手機版?這其實是一個需要修正再修正的事情,一個成功的產品並不是一朝一夕立刻完成,而是經過修正再修正,讓產品達到最好。製作網站的手機版也是如此,先求有再求好,進而慢慢修正到最完善。那麼如何替網站開發手機版?如果你是WordPress自架設網站的朋友,恭喜你!這問題非常簡單,你只需要額外再做一個手機專用版型,透過外掛判別即可達成。

至於WordPress手機版開發怎麼做?香腸早在2012年替香腸炒魷魚開發手機版時已經有撰寫過分享文章,您可以閱讀「WordPress手機版佈景開發指南」來做一個參考。而本篇的重點在於手機版的裝置檢測,當你已經做好手機版,你如何知道Google有沒有愛上你的手機版?Google認知的手機版可以透過RWD(響應式網頁設計、自適應)來製作,也可以如同香腸所說的,根據使用者的使用裝置,自動切換到相應的版型。

如何最佳化網站手機版?Google 行動裝置相容檢測告訴你

你知道嗎?根據Google在2015年四月份於網站上公告的文章「Rolling out the mobile-friendly update」,文章概要就是告訴你網站擁有行動裝置的瀏覽頁面可以在手機搜尋上獲得較好的搜尋排名,而且搜尋結果也會標記網站是否支援手機版,進而吸引使用者點閱、讀取,對於SEO熱衷者來說,這無疑是一個官方認證的強效藥,讓你的行動裝置排名可以大幅提升。

第1步 阿腸網頁設計工作室來說,2014年我們推出新的電腦版介面,當時有預算要製作官網手機版不過時間較忙一直延誤到2016年來。所以在2016年之前透過手機搜尋應該是如左邊的圖。最近香腸把2014年新版面修改加入手機版,透過RWD來實現,現在搜尋就是右側這樣的搜尋結果。

如何最佳化網站手機版?Google 行動裝置相容檢測告訴你

第2步 如果你已經做好手機版、網站已經擁有行動裝置的瀏覽功能,可以到Google行動裝置相容檢測查詢。首先先輸入您的網站網址,點選﹝分析﹞查看網站是否有符合行動裝置的檢測。

如何最佳化網站手機版?Google 行動裝置相容檢測告訴你

第3步  如果檢測沒問題,就會顯示「太棒了!這個網頁與行動裝置相容」。

如何最佳化網站手機版?Google 行動裝置相容檢測告訴你

第4步  當然有相容是好事,但仍有很多細小的東西需要修正,可以點選上圖右邊有一個「Search Console 帳戶」查看需要校正的項目,可以依照指示修正。當然因為這個更新沒有很即時,修正過的項目可能需要等一點時間才會好喔!

如何最佳化網站手機版?Google 行動裝置相容檢測告訴你

如果有需要學習行動裝置網站怎麼設計、優化重點、開發重點,透過Google的「網站管理員的行動指南」可以獲得不少關於開發行動版網站的說明,應該可以讓大家有個初步印象,比較好進行網站的開發與優化,文件基本上全中文說明,大家應該可以很快上手哦!