批量壓縮圖片提高網站的載入速度!Ewww Image Optimizer圖片壓縮工具教學

歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略,今天要分享的如何通過批量壓縮圖片提高網站的載入速度!以及WordPress外掛Ewww Image Optimizer的基礎教學。鵠學苑一直在強調網站經營最重要的是內容!定期定額的更新網站內容才能不斷增加自己的流量,但是大家有沒有發現我們不斷的更新不斷的上傳圖片到網站後台我們的網站速度越來越慢了,載入時間太長對我們來說是非常不利的,往往就在這幾秒的等待中就會有大量的瀏覽者離開,為了避免這樣的事情發生我們可以通過批量壓縮圖片提高網站的載入速度!接下來跟著鵠學苑的腳步,讓我們開始學習吧!

Ewww Image Optimizer官方網站
https://wordpress.org/plugins/ewww-image-optimizer/
Google 圖片說明
https://developers.google.com/search/docs/advanced/guidelines/google-images?hl=zh-Hant&visit_id=637474188901490375-1077583930&rd=1

批量壓縮圖片和優化網頁圖片的好處

在講解好處之前要先明白什麼是優化網頁圖片?在不影響圖片質量的前提下符合搜尋引擎制定的SEO規則去優化自己的網頁圖片!有了這個基礎認知就來看看優化網頁圖片都有那些好處吧!

第一點:減少圖片檔案大小加快網站載入速度
網站越更新越大後台的內容越來越多,如果沒有即時的壓縮圖片就會讓網站的載入速度變慢導致用戶的體驗變差。所以要想做好圖片的SEO減少圖片檔案大小是非常重要的!
提高網站的載入速度,能提升使用者體驗與Google爬蟲機器人抓取網站的資料量。
在權威資料Radware的報告中更提到,有30%的使用者在造訪該網站後、若對該網站的速度不滿意,將絕對不會再次回訪你的網站。

批量壓縮圖片

第二點:增加圖片能見度
Google不是只有搜尋網頁的功能還可以搜尋圖片,大家有想過這個問題嘛?Google是怎麼知道我圖片的內容,它一天要處理幾百億張圖片當然不是人工審核的而是要我們在網站圖片中加入alt文字註解!
alt文章是Google 爬蟲機器人判斷圖片內容的資訊,在撰寫上我們還是要有幾點注意事項,首先就是簡短扼要、再來就是必須包含關鍵字。這邊就用圖片實際給大家標註alt給大家看看。

批量壓縮圖片

第三點:提升瀏覽者體驗
網站的內容更新是要文章和圖片相互配合的,我們一般瀏覽者更喜歡看圖片但是你的文章還要給Google的爬蟲機器人看!所以在圖片的註解上要多下點功夫才能真正做到圖片的優化!

批量壓縮圖片

Ewww Image Optimizer介紹

要想提升WordPress網站的載入速度就要先壓縮後台的圖片,但是我們不能老老實實的用PS一張一張壓縮一個網站後台有成百上千張的照片所以我們就需要通過WordPress外掛工具 – Ewww Image Optimizer,自動幫助網站中的PNG和JPG照片壓縮與優化,有效的縮減檔案大小從而加快頁面加載的速度。

批量壓縮圖片

Ewww Image Optimizer下載以及批量壓縮圖片設定

介紹完Ewww Image Optimizer後就來介紹它的下載方式和基礎設定吧!在外掛下載的方式和一般WordPress外掛一樣這邊就先簡單帶過我們把重點放在講解設定上。
進入後台點擊外掛 – 安裝外掛 – 搜尋Ewww Image Optimizer – 點擊下載 – 啟用外掛即可。

批量壓縮圖片

第一步:自訂要壓縮的偏好選項
在後台的設定中找到 EWWW Image Optimizer 來自訂壓縮的偏好設定

批量壓縮圖片

第二步:點擊All optimizer images
完成設定後我們就可以點擊媒體 – 點擊Bulk Optimize – 掃描WordPress後台 – Optimize image
可以利用Google Speed測試網站載入速度。

批量壓縮圖片

批量壓縮圖片

結語:

在文章的最後 鵠學苑 還是要在強調一次內容行銷的重要性,但是隨著網站的更新內容會越來越大導致到網站載入速度變慢,這大大降低了網站的瀏覽體驗。Ewww Image Optimizer 就可以幫助我們批量壓縮圖片真正做到網站圖片的優化!今天的教學到這裡告一段落了,不要忘記點擊 訂閱鵠學苑電子報 ,確保收到最新 WordPress 教學文章,如果有 網頁設計 相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

WordPress外掛相關文章:

網站資訊文章推薦

客製化網站的特點是什麼?我們需要準備那些東西?
中小型企業如何數位化轉型?Google:從行動網路入手!
什麼是病毒行銷?如何讓消費者變成你行銷的一環?

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

返回頂端