12個圖像優化關鍵步驟,助你提升SEO成效

圖像非常重要,它們不但令內容更易於訪問、更具吸引力、更吸引消費者,它們更是SEO中不可或缺的一部分。

對於初學者來說,它們為搜尋引擎提供了重要的額外資訊。其次,優化的圖片可通過加快頁面載入速度來提高用戶參與度和搜尋引擎排名。你應該了解圖像優化的基礎知識,為你的品牌提供在SEO領域中取得成功的最佳機會。

圖像優化,即是以最佳格式、大小和解析度來開發及提供高品質照片,有效大幅提高用戶參與度。它還需要正確識別圖片,以便搜尋引擎爬蟲可以閱讀它們並理解頁面的上下文。

根據HTTP Archive的數據,截至2018年11月,圖片平均佔整個個網頁的21%。由於照片在網站上佔用的空間比任何其他元件都多,因此它們的大小和複雜性會顯著影響網站性能。

當你在不犧牲質量的情況下最小化照片的大小時,頁面載入速度會提高,訪問者的體驗也會得到改善。根據安本集團的研究,載入時間延遲一秒鐘會導致7%的轉化率損失,大約40%的使用者會離開載入時間超過3秒的網站。

改善用戶體驗和與網站的互動可增強搜尋引擎結果,提高客戶參與度、轉化率和留存率。

此外,由於優化的照片佔用的伺服器存儲空間更少,因此網站備份將執行得更快。

本文將教你如何確保你的圖像針對SEO進行了優化

為了實現這一目標,必須遵循以下12個關鍵步驟:

1. 先調整照片大小

Resize images for SEO

圖像的大小和檔的大小不是同一件事。圖片的尺寸是圖像大小(例如:1024 x 680 像素);檔大小是指伺服器上所需的存儲空間(例如:350 KB)。

使用專業相機拍攝的圖像,品質通常都會更好,尺寸亦會更大,需要更長的時間才能載入。雖然它們在列印時表現良好,但它們必須在不犧牲品質的情況下縮小尺寸,以適應網路世界的連作。

2. 選擇適當的檔案格式

PNG、JPEG和GIF都是被廣泛使用的圖像格式,並各有優點。例如:JPEG可以很容易地上傳到網頁上,並且幾乎與所有設備相容。除此之外,高解析度的JPEG確實脫穎而出,因為它們生動多彩。而PNG格式的圖像在壓縮時不會丟失任何細節,並且顏色仍然保持鮮艷。

3. 選擇適當的壓縮率

當圖像被大幅壓縮時,檔案的大小可能會變小,但圖像的整體質量亦會變差。另一方面,選擇較低的壓縮率雖可使圖片保持品質,但檔案的大小卻仍然很大。

要找出最有效的方法,可嘗試不同的檔案格式和壓縮率。許多圖像編輯程式(包括 Adobe Photoshop)都具有「另存為網頁」選項,可在保持圖像質量的同時減小檔案大小。

如果你沒有Photoshop,以下是其他的替代工具:

  • Image optimization tools
  • Affinity Photo
  • Pixlr (JPEG optimization)
  • ImageOptim (Mac only)
  • Kraken (bulk compression)
  • Gimp
  • Paint.NET
  • JPEG Mini
  • OptiPNG
  • FileOptimizer
  • Triage
  • Image optimization plugins for WordPress Yoast SEO
  • ShortPixel
  • EWWW Image Optimizer
  • WP Smush
  • TinyPNG
  • ImageRecycle
  • Optimus Image Optimizer

4. 測試速度優化

Test website speed after optimizing images

優化圖像後,你如何判斷網站頁面的載入速度是否夠快?要評估你網站的效果,請使用以下的工具:

  • WebPageTest
  • Pingdom
  • GTmetrix
  • WebWait
  • Google PageSpeed Insights

最好查看你的指標,因為你的網站和內容會定期更改。

5. 優化圖片檔名稱

選擇正確的檔名,對網站頁面的SEO和圖像搜尋結果來說非常重要。要令SEO發揮最大的作用,就要在上傳之前,使用相關的描述性關鍵字來為每個圖片檔命名。

目標關鍵字只是起點,有必時要用連號將它們分開,因為搜尋引擎無法識別下劃線,也無法單獨辨識這些單詞。

檔案名必須對人和搜尋引擎有意義。例如:「salon234.jpg」是一張女士在髮型屋照片的原始名稱。該檔案應重命名為更具描述性的內容,例如「女士在髮型屋剪髮.jpg」。

6.使用圖像替代標籤

觀眾可能理解圖像,但搜尋引擎爬蟲需要更多資訊。如果你不包含替代文本,搜尋引擎將無法正確索引你的圖片。

網站上的替代文本也有助於搜尋引擎排名,即使圖片未能正常地載入。為了增加曝光率,請在替代文本中使用與品牌相關的字詞,並記住要避免關鍵字填充!

與檔案名中的內容相比,還值得提供其他資訊。雖然沒有具體的理想字數,但你應盡量透過10到15個字來展現你的觀點。

7.圖像標題優化是必需的!

由於圖片標題通常來自WordPress中的檔案名,因此將圖像上傳到平台時,通常會保持原樣。

如果不使用WordPress或標題未描述圖像,則以與檔案名相同的方式使用所需的關鍵字重新命名圖片。

在搜尋引擎優化方面,圖像名稱並不像替代文本那樣重要。當圖片具有描述性文字時,用戶參與度會更高,因此添加「立即購買」或「立即下載」之類的內容可能是一個引人注目的號召性用語。

8. 在適當的情況下附上帶標題的圖片

雖然圖片標題不直接影響SEO,但它與檔案名和替代文本不同,圖片標題可以在網站頁面上看到,並可改善用戶的整體體驗。

圖像標題很受歡迎,因為它讓觀看者更容易了解整個網站的內容。如果你不添加圖片標題,你的跳出率可能會上升,並損害你在搜尋引擎上的排名。

9. 使用獨家照片

一般來說,只要您將在使用庫存照片前進行正確的購買步驟,就可以使用該照片。上傳獨特的照片有利於 SEO,就像特殊的文字內容一樣。

10. 確保你的措辭與你使用的圖片相匹配

網站內含有與圖片相關的文字,有助提升網站在搜尋引擎上的排名。如果沒有足夠的文本來解釋一個概念,請更詳細地描述圖像。

11. 新增結構化圖片資料

在你的網站添加結構化資料,有助搜尋引擎將你的照片呈現出豐富的結果。產品照片、影片和食譜在Google圖片中都支持結構化資料。如果你的網站包含食譜,並且你向照片提供了結構化資料,Google 可能會在你的圖片中添加徽章,表明該圖片是食譜的一部分。

Google 的結構化資料一般指南將説明你如何在網站添加結構化資料,同時還會提供有關如何遵守其準則的提示。

12. 使用網站地圖瀏覽你的網站

Include images in site map for SEO

Google將網站地圖定義為「列出你網站的網頁,以通知Google和其他搜尋引擎有關你網站內容的安排。」簡單地說,它是一個網站地圖的文件。

網站地圖是SEO中重要的一環,它讓搜尋引擎了解你網站上的所有頁面。因此,你的網站地圖上必須包含所有圖像,例如信息圖表、迷因、照片和影片縮圖,以確保搜尋引擎抓取工具能夠看到它們。

包括這些圖片地圖條目的標題、說明、URL、標題和許可資訊。影片必須包含標題、說明、縮圖 URL 和原始影片檔的 URL。

Yoast SEO是一個WordPress外掛程式,如果WordPress為你的網站提供支援,它將自動將你的視覺材料集成到網站地圖中。

圖像引擎所有的可能性

如果你無法看到你的內容,在發佈圖片前,請記住,假如你使用圖片優化策略來增強其可愛性,搜尋引擎和訪問者將會更欣賞你的內容。

對優化圖像有疑問或想要成功駕馭不斷變化的SEO環境?請與 First Page 聯繫,並與我們數碼策略專家交流

如何優化您的 SEO 圖像(11個簡易方法)

內容中的圖像不但對您用家體驗至關重要,它更是提升 SEO 的關鍵。

首先,圖像能夠為搜尋引擎提供重要的內容。。

其次,經過優化的圖像,能提升用家參與度,並加快網頁載入速度,從以提升搜尋引擎的排名。

因此,知道如何優化您的 SEO 圖像,是成功的關鍵。

以下有 11 種方法,教您如何優化您的 SEO 圖像。

1 – 先重設您的相片尺寸

 class=

圖像尺寸及檔案大小並不一樣。圖像尺寸是指圖片的實際尺寸(如1024 x 680像素),而檔案大小則是指伺服器要求的儲存空間(如350kb)。

擁有較佳質素及較大尺寸的圖像(通常以專業相機拍攝),需要較長的載入時間。雖然它們有利於印刷複製,但是於網絡上使用的話,便需要壓縮到網絡合適的大小而不能影響犧牲質素。因此,如何設定您的相片尺寸是優化您的 SEO 圖像的第一環。

2 – 選擇合適的檔案格式

PNG、JPEG及GIF都是廣泛使用的圖像格式,而每個格式都有它獨特的優勢。對於擁有大量顏色的相片,建議使用JPEG;對於清晰分明的圖像,則使用PNG。

3 – 揀選合適的壓縮率

如何正確壓縮圖片,對優化您的 SEO 圖像也是相當重要。當一張圖片被過度壓縮,雖然能夠減少檔案尺寸,但質素會變差。另一方面,當您較低的壓縮率,圖片質素雖然比較好,但檔案尺寸卻過大。

要找到每張圖片的最佳設置,您應該測試不同的檔案格式及壓縮率。坊間有很多圖像編輯程式,包括 Adobe Photoshop,都有稱為「網絡儲存」的功能選項,能夠減少檔案大小,同時保持圖片質素。

 class=

如果您沒有Photoshop,可選擇其他的編輯程式如:

  • Affinity Photo
  • Pixlr(JPEG 優化)
  • ImageOptim(蘋果電腦系統專用)
  • Kraken(大量壓縮)
  • Gimp
  • Paint.NET
  • JPEG Mini
  • OptiPNG
  • FileOptimizer
  • Triage
  • WordPress Yoast SEO的圖像優化插件

4 – 測試速度優化

縱使您已經根據以上的方法優化您的圖像,但圖像載入的速度會影響 SEO 的表現,不過您如何知道您網站頁面的載入速度是否夠快呢?您大可以利用下列其中一款工具,去評估您網站的表現:

  • WebPageTest
  • Pingdom
  • GTmetrix
  • WebWait
  • Google PageSpeed Insights

如果您的網站發布大量的內容,您應該仔細審查您所設定的指標。

5 – 優化圖片檔案名稱

 class=

如何選擇正確的檔案名稱對優化您的 SEO 圖像是十分重要的,因為檔案名稱會影響您網頁的 SEO 及圖像搜尋結果。要發揮 SEO 最大的力量,您要在上載圖片前,利用具相關性及描述性的關鍵字,優化您的圖像名稱。

檔案名稱應該以具目標性的 SEO 關鍵字為開首,並以連號分隔它們。請注意,搜尋引擎不能辨認連號,因此 Google 會把它視名稱的一部分。

檔案名稱對於人們及搜尋引擎必須是合理的。例如,一張顯示一名女士在髮廊的圖片,它原本的名稱是「salon234.jpg」,您應該更改檔案名稱,令它變得更具描述性,如「女士-在-髮廊-剪頭髮.jpg」。

6 – 利用圖像 alt tag

受眾可能理解圖像,不過,搜尋引擎爬蟲則需要更資訊,才能夠理解一個圖像。如果您不加入替代文字(alternative text,或簡稱 alt text),搜尋引擎是不能夠正確地將閱讀您的圖片。那alt text是甚麼?alt text 是一種替代文字,alt text是 HTML 的一個屬性,主要是為圖像加入純文字敘述,當圖像無法正常載入時,就顯示該圖像的 alt text,是來替代圖片。不但能夠有效地為圖片加入重要的內容,還能幫助視障人士。

 class=

即使圖片不能正確地被載入,該圖像的 alt text 是也可以幫助搜索引擎對其進行排名。您可加入品牌相關的 SEO 關鍵字,去提升品牌的曝光率。請謹記,您要避免強加入無關的 SEO 關鍵字。

另外,alt text 是可以,提供檔案名稱以外的額外資訊,不過,基於字數限制,請限制於10至15個字內完成。

7 – 圖像標題優化是必要的

因為圖片標題通常是根據 WordPress 內的檔案名稱,當上載圖像到平台時,您很多時會對它置諸不理

不過,假如您不是使用 WordPress,或者標題與圖像不符,您便要更改檔案名稱,您可根據 SEO 關鍵字的要求的優化圖像的標題。

從 SEO 關鍵字優化的角度來說,圖像名稱的重要性是不及 alt text 的。然而,擁有具描述性標題的圖像,能夠產生提升的用家的參與度。加入一些行動呼籲的詞句,如「立即購買」或「立即下載」,會更具吸引力及帶動網站流量,特別在電商網站

8 – 適當地加入圖片說明

有別於檔案名稱及 alt text,圖片說明是可以顯示於網站頁面上,即使它們不會對 SEO 關鍵字有太大的影響,但它足以優化用家的體驗。

圖片說明受歡迎的原因,因它能讓觀眾更容易明白您想表達的內容。若您沒有加入圖片說,您網站的跳出率(bounce rate)可能會因此變高,從而損害您的聲譽。

9 – 利用獨家相片

 class=

一般來說,借助庫存照片是可以的,只要您註明出處,如攝影師的名字等,您便可以使用圖庫服務公司的相片。不過,跟獨特內容文字一樣,假如您上載獨家的相片,絕對對 SEO 更有利。

10 – 確保您的用詞配合您的圖片

您可以在您的網頁上加入具相關性的內容來幫助圖像搜尋引擎。如果文字的數量不足,以致不能清楚解釋您的概念,那您便就要更加詳細地形容您的圖像,同時亦同加入 SEO 關鍵字進一步優化。

11 – 為圖像加入結構化資料

為您的網站上的圖像加入結構化資料,可讓搜尋引擎把您的相片視為完美的搜尋結果。產品相片、影片及食譜,在Google 圖像中都擁有結構化資料支援。如果您的網站有食譜,而您可為您的相片或圖像加入結構化資料,Google 便會視這張圖片是食譜的一部分,並將認證您的相片。

詳情您可參閱 Google 的結構化資料通用指南(Structural Data General Guidelines),它會讓您更清楚了解如何在Google 的指引範圍內,為您的網站加入結構化資料,從而優化您的 SEO 圖像。

為何優化您的 SEO 圖像如此重要?

圖像優化,即是以最佳的格式、尺寸及像素,去製作高質素的相片,從而提升用家的參與度。它亦可以理解為如何正確地辨認圖片,令到搜尋引擎機器人能夠閱讀及理解您裝站上的內容。

根據HTTP 資料庫的2018年11月數據顯示,圖片佔整個網頁的平均比例21%。圖片的尺寸及其複雜性,比其他網頁內部更佔空間,因此會為網頁的表現帶來重大的影響。

 class=

當您能將相片的尺寸最小化,同時沒有犧牲質素,便能增加網頁載入的速度,從而成功地改善用家的體驗。根據Aberdeen Group的研究,載入時間每延遲一秒,便會損失7%的轉換率;若您的網站需要3秒或以上的載入時間,約40%的用家會離開該網站。

假如您能改善用家的體驗及提升用家與您網站的互動,您便可以獲得更佳的搜尋引擎效果、顧客參與度、轉換率及用家保持率。

另外,經優化的相片只佔較少的儲存空間,因此網站備份會做得更。

在這篇文章,我們已經教懂您如何優化您的SEO圖像。

優化SEO圖像的總結

若您內容未能被看見,在下次發布圖片前,不妨參考以上所討論的技巧。如果您的網站利用了方法來優化圖像,您便能夠提升圖像的能見度,同時亦令搜尋引擎及用家更喜歡您的內容。

如果您想優化您的圖像,或者想利用SEO去開拓您的網站,立即聯絡First Page,向我們的數碼專家諮詢有關服務。

Callback

我們會盡快回覆您的留言

您的資料將會被保密