內容目錄
歡迎回到鵠學苑~!今天要幫大家上的課程就是 Google Page Speed Insight 網站速度測試 ,是有關協助 WordPress SEO 網站搜尋排名優化的一個方法,為什麼我們的網站需要排名優化呢?在各位同學建立自己的部落格或公司的商務網站、形象官網的過程中,運用了許多時間跟精神去學習如何架站,甚至為了要讓自己的部落格或官網能夠可以吸引到更多的人(網民?)或消費者的關注,也會花費一些金錢去購買美觀具有特色的主題、實用附加功能的外掛,為了網站的安全以及持久度,也必須要購買識別度高的網址,空間大連線穩定的虛擬主機,而當同學們做好做滿(時間金錢兩失 )這所有架站的必備過程後,回頭來看著自己辛苦架設的網站流量相當低,瀏覽網站的人次並沒有想像中的多,一定會感覺到挫折吧!
先不要難過~現在就是要教導各位同學,要如何測試網站的速度^_^。在開始網站測速前,先簡單介紹一個名詞— SEO,全部名稱是Search Engine Optimization,中文翻譯是”搜尋引擎優化“(有關SEO的介紹,請參考 WordPress SEO 優化工具 – Yoast SEO 設定教學 (專業版) 的教學文章)。而之所以要教同學測試網站速度,就是因為在 Google SEO 中對於網站搜尋排名,其先後順序的其中一個判別依據,就是進入網站的速度,所以同學們在架設網站結束後,想要讓更多人能看到自己的作品,或著在網路商店內開發更多的潛在客戶,那一定要縮短開啟網站的時間喔!接下來就跟著鵠學苑的腳步,讓我們開始學習吧!
Google Page Speed Insight網站速度測試 網址
https://developers.google.com/speed/pagespeed/insights/?hl=zh-TW
第一步:在瀏覽器網址列輸入 https://developers.google.com/speed/pagespeed/insights/ ,或直接點選網址,會進入到Google Page Speed Insight的網頁。
第二步:在網頁的中間輸入同學們自己架設的網站網址,在示範的圖片裡是使用鵠學苑的網址。按下最右邊的分析按鈕,下方就會出現一個藍色的進度條開始分析。
第三步:分析完成後會出現兩個頁籤,分別式行動版(手機或平板的網頁載入速度)、電腦版(桌上型或筆記型電腦的網頁載入速度)。為了有所比較,對於手機版的一些優化設定先暫時關閉,讓各位同學能了解優化以及未優化的在測試網站速度顯示介面上表示的圖案,
當顯示Poor的時候,代表網頁的載入速度會較慢,需要優化的選項也比較多;當顯示Good,則表示網站的載入速度已經達到一定的程度,需要優化的選項也較少。
第四步:在下方Google會提供一些可能最佳化的做法。
第五步:點開顯示修正問題的做法這一行字前方的三角形小圖示,會顯示如何最佳化做法的解釋以及相關的做法。
小提醒:如果是有關於程式語言 HTML 、 CSS 的最佳化做法,同學如果沒有這方面修改的經驗,不要隨意的嘗試,否則可能會導致網站出現問題喔!
在這一篇教學裡我們利用 Google Page Speed Insight 測試網站的速度,這不只是為了讓 SEO 可以對我們架設的網站給予更高的分數,以達到更高的排名,就實際上對於瀏覽網站的訪客以及使用者而言,網站本身載入的速度也是非常重要的一個指標。在部落格裡分享了一篇文章,如果每一篇文章都具有承上啟下的關係,當訪客想閱讀上一篇或下一篇文章而頁面載入的速度卻相當不給力,相當容易使訪客在閱讀上失去興趣而離開網站。
而對於架設形象官網、商務網站、網路商店的老闆們這樣的情況更是嚴重,如果是公司的業務承辦或規劃項目是比較能透過文字敘述來讓使用者理解和考慮,在網頁內只載入文字的部分,也許影響不大。但是如果是具有銷售商品功能的網站,當然圖片的顯示更能讓消費者對於商品有非常直觀的認識,如果此時商品圖片載入的速度過慢導致使用者無法更清楚了解商品內容,流失的不只是業績,更深層次的是流失使用者的信心。
想要讓網站搜尋排名靠前,提高曝光率,或著想解決網站速度過慢的問題,可以到網頁設計公司的官方網站看一些參考資料 ,或著在下面寫下想討論的問題,都會很樂意為各位同學解答喔!不要忘記持續關注鵠學苑的教學文章,我們下次見拉!
部落格架站該如何選擇?Medium跟WordPress的優勢比較!
重複內容 會影響SEO?如何正確把內容分享到社群平台!
購物網站架設 – 電子商務網站建置的細節與項目