搜尋
清除搜尋內容
關閉搜尋框
Google 應用程式
主選單

圖片

和網頁搜尋一樣,Google 提供圖片搜尋的目標在於給予使用者最佳、最相關的搜尋結果。下面說明在網站發佈圖片的一些最佳作法 (以及我們的一再提及的《網站管理員指南》),可提高您的圖片出現在搜尋結果中的機會。

您可以為圖片提供其他詳細資訊,以及 Google 原先可能無法找到的圖片網址,只要將資訊新增至網路 Sitemap 即可。進一步瞭解如何在 Sitemap 中加入圖片資訊

請勿將重要文字嵌入圖片

部分使用者可能無法存取圖片,因此請勿將重要文字 (例如網頁標題和選單項目等元素) 嵌入圖片。如要確保大部分使用者都能存取您的重要文字內容,請使用一般的 HTML 格式。

儘量提供有關圖片的資訊

為圖片起一個詳細、說明性質的檔案名稱

檔案名稱可幫助 Google 瞭解圖片的性質,請儘量替檔案取名副其實的檔案名稱。例如,比起「IMG00023.JPG」,「我家小黑貓.jpg」能夠提供更多資訊。說明性質的檔案名稱對使用者也有幫助:如果我們在找到圖片的網頁上找不到適當的文字,便會在搜尋結果中將檔案名稱作為圖片的相關說明。

建立適當的替代文字

alt 屬性可用來說明圖片檔案的內容。它有以下幾點重要性:

  • 可為 Google 提供有關圖片性質的實用資訊。藉由這項資訊,我們可決定向使用者查詢傳回哪些最適合的圖片。
  • 很多人 (例如視障者、螢幕助讀程式使用者或低網路頻寬的使用者) 可能無法看見網頁上的圖片。描述性的替代文字可為這些使用者提供重要資訊。

不太好:

<img src="puppy.jpg" alt=""/>

較好:

<img src="puppy.jpg" alt="寵物"/>

最好:

<img src="puppy.jpg" alt="狗狗玩接球"> 

請避免

<img src="puppy.jpg" alt="寵物狗幼犬小狗一窩小狗獵犬拉布拉多狼犬塞特種獵犬幼犬傑克羅塞爾犬狗食便宜狗食寵物食物"/>

在替代屬性中填滿關鍵字 (關鍵字填充) 會留給使用者不好的印象,甚至認為您的網站是垃圾網站。您應該將重點放在製作實用而豐富的內容,並穿插適當且與內容有關聯的關鍵字。我們建議您使用 Lynx 這類純文字瀏覽器來測試您的內容。

錨定文字

外部錨定文字 (用來連至您的網站的文字網頁) 可反映出其他人檢視您網頁的狀況。網站管理員一般無法控制其他網站連至自身網站的方式,但是您可以確保在您自己網站中使用的錨定文字是實用的,且有一定的描述性和相關性。如此可以改善使用者體驗,並可協助使用者瞭解連結目的地。例如,您可能會連至以下這類度假相片的網頁:2008 年 6 月愛爾蘭之旅相片

為您的圖片提供良好的上下文內容

圖片所在網頁以及圖片周圍內容 (包括任何說明或圖片標題) 會向搜尋引擎提供有關圖片性質的重要資訊。例如,您在 DIY 種蕃茄的網頁上放置北極熊圖片,會向搜尋引擎發送「北極熊.jpg」的說明性質訊息,這個訊息會使搜尋引擎難以做出判斷。

如有可能,最好是確保將圖片放置在相關文字附近。此外,我們還建議您為圖片提供確實能描述性質的標題和說明。

想想什麼是保護您圖片的最好方法

由於使用者常複製圖片,因此 Google 經常在線上發現許多相同的圖片。我們使用不同的訊號來識別圖片的原始來源,您也可以儘量提供資訊以協助我們。此外,您提供的圖片資訊也可以幫我們瞭解圖片的內容和性質。

網站管理員通常很關心自己的圖片遭到非授權使用。如果您能避免別人在他們的網站中使用您網站的圖片,或連結到您網站的圖片,就能避免他們佔用您的頻寬。但這樣也會限制圖片的潛在觀眾群,並且降低搜尋引擎發現您圖片的機會。

這裡有一個折衷辦法:允許他人使用您的圖片,但要求加上出處,並附上您網站的連結。您可以透過多種方式達成這個目的,舉例來說,您可以:

  • 授權其他人在加上圖片出處之後使用您的圖片,像是創用 CC 授權就需要加上圖片出處。
  • 提供一小段 HTML 程式碼,讓其他人可以使用該段程式碼,將您的圖片嵌入他們的網頁,同時也提供圖片出處。這種程式碼片段可以包含連至圖片的連結,以及連至您網站上原始圖片網頁的連結。

同樣地,有些人會在圖片中加入版權文字、浮水印等資訊。這種作法不但不會影響圖片在搜尋結果中的排名,還可以協助攝影師註明作品出處,並防止圖片遭到盜用。不過,如果這些功能 (例如浮水印) 造成圖片或圖片縮圖所呈現的品質降低,使用者在搜尋結果中點擊圖片的意願可能也會隨之降低。

如果您不想讓搜尋引擎檢索您的圖片,建議您用 robots.txt 檔案來阻擋搜尋引擎讀取您的檔案。

營造最佳的使用者體驗

優良的圖片內容是提升您網站流量的絕佳方法。因此,我們建議您在發佈圖片時,仔細思考如何帶給使用者最佳的體驗。

  • 畫質清晰的相片會比模糊不清的圖片更吸引使用者。此外,其他網站管理員更傾向於連至畫質清晰的圖片,無形中為您的網站帶來更多訪客。畫質清晰的圖片也會在我們搜尋結果中呈現較佳的縮圖效果,因此使用者更有可能點閱這些圖片。
  • 即使同一張圖片出現在您網站的許多網頁中,也請考慮建立各圖片的個別到達網頁,您可以在其中集中提供所有相關的資訊。如果您要這麼做,請務必在每個網頁上提供獨有的資訊,例如描述性的標題和說明。您也可以為每張圖片啟用評論、討論或評分的功能。
  • 不是每個使用者都會捲動到網頁下方,所以請考慮將圖片放置在網頁中靠上的位置,讓使用者一進入網頁即可看到圖片。
  • 考慮整理您的目錄,把類似的圖片放在一塊。例如,您可以在某個目錄放置縮圖,然後在另一個目錄放置完整大小的圖片;或者也可以針對各種類別的圖片建立單獨的目錄 (例如在「旅遊」目錄下分別建立「夏威夷」、「迦納」、「愛爾蘭」等目錄)。如果您的網站包含成人圖片,我們建議將這些圖片另外儲存在一個或多個目錄中,以和網站的其他圖片有所區隔。
  • 指定所有圖片的寬度和高度。網頁瀏覽器只要知道圖片尺寸,就能在圖片載入之前顯示網頁,並使用不可置換的元素繞在圖片位置周圍。指定圖片尺寸可以加快網頁載入速度,並提升使用者瀏覽品質。如需進一步瞭解如何最佳化您的圖片,請參閱 Let's Make the Web Faster 網站上的「Optimizing Web Graphics (最佳化網頁圖形)」。

和網頁搜尋一樣,Google 提供圖片搜尋的目標在於提供最佳、最相關的搜尋結果給使用者。遵循以上面幾個最佳做法,搜尋結果就更有可能傳回您的圖片。

這篇文章實用嗎?
我們應如何改進呢?