Zi 字媒體

行動裝置相容性測試 為了配合所寫的乙丙級學科APP，因此使用「Discuz! 論壇系統」架設一個檢定的論壇網站，不過在使用Google搜尋出我的網頁時，卻發現在每一個搜尋的項目下方，居然出現一段小字「您的網頁不適合使用行動裝置瀏覽。」。 使用「site:」去找出所有Google收錄的網頁，發現到絕大部份的網頁都有，如下圖： 而點進去那個超鏈結，就會出現「行動裝置相容性測試」的網頁，這邊的測試狀態寫著「網頁不適合透過行動裝置瀏覽」，請修正以下3個問題「文字太小，不易閱讀」、「未設定檢視點」及「可點選的元素之間距離太近」，如下圖： 也因為此次的事件，才知道Google有另外提供這個「行動裝置相容性測試」的服務，如下圖： 只是很奇怪，我所架設好的Discuz論壇，在使用手機時，是會自動切換過去手機版網頁，但Google的行動裝置相容性測試」卻是硬要把「電腦版」的網頁，當成「手機版」。 Discuz!的「治標」解決辦法 我認為如果要解決根本的問題，就要引導Google機器人去手機版的網頁，但Google了許多資料，雖然有人有相同的問題，但並沒有最佳的解決辦法。 但卻有人提出一個解決的辦法「对Discuz!x网站进行Google移动设备适合性测试」，經過我測試，確實可以暫時解決這個問題。 他的意思，就是在裡加入以下這段文字(複製貼上時，雙引號要重打)： 也就是把viewport，設定成和裝置螢幕大小一樣，而設定的方式，可以直接在「全局\SEO設置\其它」中的「其它頭部信息」中設置，如下圖： 而這個設置完之後，我還建議可以修改一下「robots.txt」檔案，原本robots.txt會限制爬蟲去爬data、static等等的資料夾。 但我建議你把「Disallow: /data/」和「Disallow: /static/」移除，讓Google bot能順利的去取得網站的一些資料。 經過這樣的設置之後，重新再回到「行動裝置相容性測試」之後，就可以看到「網頁適合透過行動裝置瀏覽」了，如下圖： Discuz!Mobile-Friendly Test