個案研究分享

Discuz! 您的網頁不適合使用行動裝置瀏覽

行動裝置相容性測試

為了配合所寫的乙丙級學科APP,因此使用「Discuz! 論壇系統」架設一個檢定的論壇網站,不過在使用Google搜尋出我的網頁時,卻發現在每一個搜尋的項目下方,居然出現一段小字「您的網頁不適合使用行動裝置瀏覽。」。

使用「site:」去找出所有Google收錄的網頁,發現到絕大部份的網頁都有,如下圖:

而點進去那個超鏈結,就會出現「行動裝置相容性測試」的網頁,這邊的測試狀態寫著「網頁不適合透過行動裝置瀏覽」,請修正以下3個問題「文字太小,不易閱讀」、「未設定檢視點」及「可點選的元素之間距離太近」,如下圖:

也因為此次的事件,才知道Google有另外提供這個「行動裝置相容性測試」的服務,如下圖:

只是很奇怪,我所架設好的Discuz論壇,在使用手機時,是會自動切換過去手機版網頁,但Google的行動裝置相容性測試」卻是硬要把「電腦版」的網頁,當成「手機版」。

Discuz!的「治標」解決辦法

我認為如果要解決根本的問題,就要引導Google機器人去手機版的網頁,但Google了許多資料,雖然有人有相同的問題,但並沒有最佳的解決辦法。

但卻有人提出一個解決的辦法「对Discuz!x网站进行Google移动设备适合性测试」,經過我測試,確實可以暫時解決這個問題。

他的意思,就是在裡加入以下這段文字(複製貼上時,雙引號要重打):

<meta name=”viewport” content=”width=device-width”>

也就是把viewport,設定成和裝置螢幕大小一樣,而設定的方式,可以直接在「全局\SEO設置\其它」中的「其它頭部信息」中設置,如下圖:

而這個設置完之後,我還建議可以修改一下「robots.txt」檔案,原本robots.txt會限制爬蟲去爬data、static等等的資料夾。

但我建議你把「Disallow: /data/」和「Disallow: /static/」移除,讓Google bot能順利的去取得網站的一些資料。

經過這樣的設置之後,重新再回到「行動裝置相容性測試」之後,就可以看到「網頁適合透過行動裝置瀏覽」了,如下圖:

你可能對這些內容也有興趣: