![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsG2Jy-9HnUalquGc2efXhzsJLM23tEWVqsDhJeONTkY93ShTCpte0FlG-Ik4coIEmXKnTylo_E13ihe_zPNzdl-YG_HdtUjMcIDCb-7Xnz-EgJwPqTgidDFm533X1CSOoHvsCFl-_JM1t/s600-rw/mobile08.webp)
筆者近日試著將網站套用自適應版型,想提供訪客較佳的瀏覽方式。從網路下載免費版型使用,然後稍微修改外觀設計,當然也需要考慮新版型的瀏覽體驗,正好可以使用 Google 的線上檢測。
Google 提供的兩項檢測工具,可用來檢查網頁是否適合行動裝置瀏覽,還有測試以行動裝置載入網頁的速度,讓網站管理者檢查自家網站,避免網頁設計不適合行動裝置而喪失原本的流量。
語言:繁體中文
網址:https://search.google.com/test/mobile-friendly
性質:測試訪客透過行動裝置瀏覽網頁的方便程度。
使用說明:
點擊上方網址開啟網頁,輸入網址點擊測試。![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq1zq8ts0_NOfxYXHhnPcaJMpTTr00v2HjyUG4sSOEYmoK_7DcvcEu98asz4mtkd7GRsaN7u0DuH_fspmHWDadw6NbDAKlmYElRa-ewhk-EgvyypEfRRSIseC7aC8E-RnzC9HB_lY3Vo1m/s900-rw/mobile01.webp)
分析中...過程不花費太多時間。
![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZR8O4PFQIqZMZbC3g1RXE9AbEUc5OUZCWSlFrL3NZJIWQFMfWgoB-tFUqDVUbYokqaoEbNPCdd1O37n3zcam2AedUX4EeRo-NwoYrhHScL2piq5HtnE1Yb1LOl3k7Ok2a8NCGWuianqO2/s900-rw/mobile02.webp)
測試結果適合,若網站未列入搜尋索引可點擊提交至 Google,還可察看網頁載入問題。
![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz99FMw9aY-lvMuO0fk9UQixByqquSrfNjQwaE9rlMgxwYqje7BASsQKPfpsH1x220tjbEJ_MyEO9mNhsCX0EWR8zD_AJ-dKZhbOYbMv733vKsF4bD4NTl-93sGilbXPCWxSbuyuNcT6Z9/s900-rw/mobile03.webp)
測試結果不適合,會提示需要修正的問題。
![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGEw_KbQ0OeCKNlvEIIm3_VjVeo6RjIOPt_rdMSFhkYaPK1PCB3HAUUmjcZS77kTsAKAwd2VvncYOidvg3hYUrk2v9RSWZ_euV3fVYY2T67bX3Ao-wj6n0v1mHHDuOF9m3DHGpp_5_z6re/s900-rw/mobile04.webp)
語言:繁體中文
網址:https://testmysite.withgoogle.com/intl/
功能:測試行動網站載入速度和效能。
輸入網址點擊測試。
![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbBbemCcmemVGOY8PBc90lsuWyzPwM7kd-F8Vfs2C8BwMUhJtnizI2_10NCa1oWZ8TupD10eq-jlyhPG1S-8O4Ua5fxJvWllXkWU2ycjVI5u7J4xQUlXmmekQHm_YQ9mQfgJXFW1dZ-erp/s900-rw/mobile05.webp)
會使用 3G 行動網路進行測試(全世界仍有 70% 使用 3G 網路)。
![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZjjkdJwl0YlCSsIRff2Blsymc92n69lNoeeLmTtoxvqUD4G8_dfe52F_mJCp4FhQk0CkG3B_aTtYIRevW7h4Vp36cYwwFfdCEtmNO821gQ5k4ANa4CliANI-6oFK1fymzyp-GdgFA3nhq/s900-rw/mobile06.webp)
測試後會顯示載入時間與預估訪客流失率,點擊「取得免費報告」Google 會建議改善方式傳送到電子信箱。
![測試網頁在行動裝置的相容性、載入速度](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSnuHsNvl9XwL_NN-pM7f8h2E1AOiB03fMI92f6TKKTm-cG2SpIkGznTXOJeoAoWP3TIwYDV29txdYwCkR2goXDqSXwh0YLKYkCm7APgaUbahZGhSFnBTkCl60cKttv0fwGjqH0GANhxUj/s900-rw/mobile07.webp)
延伸閱讀:
0 留言