回上一頁

圖像搜索引擎優化:針對搜索引擎優化圖像

始終使用影像

使用影像的重要性無可否認。適當使用影像可以幫助讀者更好地理解您的文章,並為其增添趣味。傳統上我們說”一張圖片勝過千言萬語”,這句話或許不完全適用於Google搜索引擎,但它確實揭示了影像的力量。無論您是在解釋枯燥的數據、呈現圖表或流程圖,還是使您的社交媒體帖子更有吸引力,適當的影像都能起到很好的效果。

這裡有一個簡單的建議:在每篇文章中添加影像,以增加其吸引力。此外,由於視覺搜索變得越來越重要,這對於獲得更多流量可能非常有幫助。如果您有視覺內容,那麼將影像搜索引擎優化納入您的待辦事項列表中是非常明智的。

最近,Google圖片推出了全新的界面,其中包含新的過濾器、元數據和歸因功能。這些令人驚艷的新過濾器表明,Google越來越了解影像中的內容以及該影像如何與更大的背景相關聯。

谷歌影像搜索顯示的不僅僅是影像

尋找正確的影像

圖片搜索引擎優化:這張圖片並不是在說“歡迎來到我們公司”,而是在說“歡迎來到公司”。

使用原始照片(由您自己拍攝的照片)總是比使用庫存照片更好。特別是在您的團隊頁面上,使用實際團隊成員的照片比使用無關的影像更具價值。讓讀者看到真實的人物而不是庫存照片中的陌生人是更好的選擇。另外,關於備註,這位人物確實需要修整一下頭髮。

在您的文章中,使用與主題相關的影像是重要的。圖片應該反映文章的主題,或者具有解釋性的目的。此外,嘗試將影像放置在相關文本附近,這樣做可以提供更好的閱讀體驗。如果您有一張主要的影像或希望它在搜索排名中排名靠前,則請考慮將其放置在頁面頂部,但同時也要避免強迫的感覺。

所有這些都與影像搜索引擎優化有關:具有相關文本的影像在關鍵字排名方面表現更好。稍後我們將在本文中討論影像搜索引擎優化的相關內容。

備擇方案

如果您沒有自己的原始影像可用,還有其他方法可以找到獨特的影像,同時避免使用庫存照片。例如,istock.com是一個很好的影像來源,因為您可以使用知識共享的影像。只需確保註明原始攝影師即可。我們也推薦像Unsplash這樣的網站,它們提供免費的高品質影像。我們的博客文章中提供了有關如何獲取精美影像的詳細概述。請避免使用明顯的庫存照片,如果您確實需要使用庫存照片,請選擇看起來更真實的照片(雖然這只是有限的改善)。然而,無論您選擇什麼方式,您可能會發現其中包含人物的影像總是看起來像庫存照片。除非您能自己拍攝照片,我們認為這始終是最好的選擇。

除了照片,還可以使用圖表或插圖作為明顯的替代品。

圖片搜索引擎優化:動畫 GIF 如今很流行
動畫 GIF 很酷,但負載很大

儘管 GIF 動畫很受歡迎,但也不要太過分。這會讓你的帖子更難閱讀,因為影像的移動會分散讀者的注意力。它們還會減慢您的頁面速度。

準備在文章中使用的影像

找到合適的影像(無論是照片、插圖還是圖表)後,下一步是對其進行優化,以便在您的網站上使用。在添加影像之前,請考慮以下幾點:

選擇適當的文件名

影像搜索引擎優化從文件名開始。您希望Google能夠在查看影像之前了解影像的內容,因此請在影像文件名中使用與焦點關鍵詞相關的名稱。例如,如果您正在撰寫關於巴黎聖母院的文章並使用一張展示巴黎聖母院上空日出的影像,那麼文件名不應該是DSC4536.jpg。正確的文件名可以是notre-dame-paris-sunrise.jpg,確保影像(和您的文章)的主題在文件名中得到體現。

選擇適當的格式

影像的適當格式取決於影像的類型和您希望如何使用它。總體建議如下:

  • 對於較大的照片或插圖,請使用JPEG格式:它以較小的文件大小提供良好的顏色和清晰度效果。
  • 如果您需要保留影像中的背景透明度,請使用PNG格式。
  • 或者,考慮使用WebP格式替代JPEG和PNG。WebP格式可以產生較小的文件大小並保持高質量。您可以使用工具如Squoosh將影像轉換為WebP格式。
  • 對於徽標和圖標,請使用SVG格式。您可以使用CSS或JavaScript來管理SVG格式的影像,並在不損失質量的情況下調整其大小。

如果您了解大部分受眾使用特定的瀏覽器或設備,請務必在CanIUse.com上檢查這些瀏覽器是否支持您首選格式。

選擇了適當的名稱和格式後,接下來可以調整影像大小並進行影像優化!

影像的 SEO 優化

影像的加載時間對於用戶體驗和搜索引擎優化非常重要。網站加載速度越快,用戶和搜索引擎訪問(並索引)頁面就越容易。影像的大小對於加載時間有很大的影響,尤其是當您上傳大影像並將其以較小的尺寸顯示時(例如,將一個2500×1500像素的影像以250×150像素的大小顯示),因為仍然需要加載整個影像。因此,請根據您所需的顯示尺寸調整影像的大小。網站通常會在上傳影像後自動提供多個尺寸的影像,以幫助您實現這一點。然而,這並不意味著文件大小也得到了優化,這只是影像在網頁上顯示的尺寸。因此,請在上傳影像時考慮文件大小!

使用響應式影像

這對於 SEO 來說也是必不可少的,如果您使用 艾迪網頁設計的後台,它已經為您完成了,因為它是從 2000年 版本開始默認添加的。影像應該具有該srcset屬性,這使得可以為每個屏幕寬度提供不同的影像 – 這對於移動設備特別有用。

減小文件大小

確保縮放後的影像被壓縮是影像搜索引擎優化的重要步驟之一。下面是一些關於壓縮影像的提示和工具:

  1. 使用壓縮工具:使用影像壓縮工具可以減小影像的文件大小而不會明顯影響影像的質量。您可以使用許多免費的在線工具或軟體,如ImageOptim、Squoosh、JPEGmini、jpeg.io或Kraken.io。這些工具可以自動壓縮影像,去除不必要的元數據和減少影像細節以減小文件大小。
  2. 刪除不必要的元數據:影像文件中的EXIF數據包含有關照片拍攝信息的詳細信息。這些數據可能包含不必要的元數據,如地理位置信息和相機設置。刪除不必要的EXIF數據可以進一步減小影像的文件大小。
  3. 測試和優化:使用工具如Google PageSpeed Insights、Lighthouse、WebPageTest.org或Pingdom等進行測試,以評估您網頁的性能並了解是否需要進一步優化影像。這些工具可以提供關於加載時間、文件大小和其他優化建議的詳細報告。
  4. 考慮使用CDN:使用內容分發網絡(CDN)可以幫助加快影像的加載速度。CDN將您的影像儲存在全球各地的伺服器上,使用戶可以從最接近他們位置的伺服器獲取影像,從而減少加載時間。
jpegmini 影像 seo
JPEGmini 等工具可以大幅減小影像文件大小,且不會產生偽影 

總結來說,通過使用壓縮工具、刪除不必要的元數據和進行測試,您可以優化影像以提供更快的加載時間和更好的用戶體驗。

將影像添加到您的文章中

雖然谷歌在識別影像中的內容方面做得越來越好,但你還不應該完全依賴他們的能力。這一切都取決於您提供該影像的上下文 – 因此請盡可能多地填寫!我們將在下面討論如何進行。

您的影像已可供使用,但不要只是將其扔到文章中的任何位置。如前所述,將其添加到相關文本內容附近會有很大幫助。它確保文本與影像的相關性就像影像與文本的相關性一樣,這是用戶和谷歌更喜歡的。

影像標題

影像標題是頁面上影像附帶的文本 – 如果您查看本文中的影像,它就是每張影像下方灰色框中的文本。為什麼標題對於影像 SEO 很重要?因為人們在掃描文章時會使用它們。人們在瀏覽網頁時傾向於瀏覽標題、影像和說明文字。

您需要為每張影像添加標題嗎?不,因為有時影像有其他用途。決定是否也將其用於 SEO。考慮到需要避免過度優化,我們建議您只應在對訪問者有意義的地方添加標題。首先考慮訪問者,不要僅出於影像搜索引擎優化的目的添加標題。

alt標籤

文本alt(或 alt 標籤)被添加到影像中,因此,如果由於任何原因無法向訪問者顯示影像,則會有描述性文本。維基百科解釋:

“在讀者無法獲取影像的情況下,可能是因為他們關閉了網絡瀏覽器中的影像,或者由於視覺障礙而使用屏幕閱讀器,替代文本可確保不會丟失任何信息或功能。”

替代文本的作用是增強網站的可訪問性。因此,請務必向您使用的影像添加替代文本,並考慮在適當的情況下包含該頁面的 SEO 關鍵詞。不要在每個影像的替代文本中填充關鍵字。最重要的是,描述影像中的內容,以便搜索引擎和人們都能理解它。影像周圍的相關信息越多,搜索引擎就越認為該影像重要。

但是,請注意,並非每個影像都需要有替代文本。相反,您應該將替代文本視為內容的一部分,並將其添加到有意義的位置。例如,如果您有一個純粹出於裝飾目的的影像,那麼該影像不需要替代文本。在這種情況下,替代文本不會給您的讀者帶來任何價值。另一方面,如果您使用帶有統計數據的影像,例如上個月搜索冰淇淋的人數,那麼這應該反映在替代文本中。

title標籤

將鼠標懸停在影像上時,某些瀏覽器會將title文本顯示為“工具提示”。Chrome按預期顯示標題文本 。影像的標題文本是相似的,很多使用標題的人只是複制替代文本,但越來越多的人完全忽略它們。這是為什麼?

title存在許多可訪問性問題,主要是基於屏幕閱讀器支持非常不可預測的事實,並且大多數瀏覽器不會顯示它,除非您用鼠標懸停(因此例如鍵盤用戶無法訪問)。”

最好將此類支持信息包含在主要文章文本中,而不是附加到影像中。

繼續閱讀:了解有關 alt 標籤和標題標籤優化的更多信息 »

添加影像結構化數據

將結構化數據添加到頁面可以幫助搜索引擎將您的影像顯示為豐富的結果。雖然谷歌表示結構化數據並不能幫助你獲得更好的排名,但它確實有助於在影像搜索中實現更充實的列表。不過,還有更多。例如,如果您的網站上有菜譜,並且您將結構化數據添加到影像中,Google 還可以向您的影像添加一個徽章,表明該影像屬於菜譜。Google 圖片支持以下類型的結構化數據:

  • 產品
  • 視頻
  • 食譜
在 Google 圖片中搜索會顯示我們頁面的產品標籤

如果您希望影像在影像搜索中顯示豐富,Google 有許多指南需要遵循。其一,當將影像指定為結構化數據屬性時,請確保該影像實際上屬於該類型的實例。此外,您的影像應該具有 image 屬性,並且您的影像應該是可抓取和可索引的。您可以在 Google 的結構化數據通用指南中找到它們。

 

OpenGraph 和 Twitter 卡

如果您希望在社交媒體上進行影像共享,您可以添加以下標籤到您網頁的HTML中,如下所示:

<meta property="og:image" content="http://example.com/link-to-image.jpg" />

這將確保該影像在您在Facebook等社交媒體平台上進行共享時顯示,因為OpenGraph標籤也被用於Pinterest等平台。

發佈到 Facebook

如果您使用的是艾迪網頁設計的後台,您可以在社交媒體部分進行設置,甚至在高級版本中預覽您的Facebook和Twitter帖子。高級用戶還可以使用Zapier集成自動發佈到社交媒體平台。

請確保使用高質量的影像,例如您在帖子中使用的原始影像,因為社交平台通常使用更高質量和較大尺寸的影像。

如果您已經正確設置了標籤,但影像在共享時未正確顯示,您可以嘗試在URL調試器中刷新Facebook的緩存。對於Twitter卡片,也可以進行類似操作,該卡片是由插件生成的。

通過這些步驟,您可以確保在社交媒體上共享的影像正確顯示並引起用戶的注意。

XML 影像地圖

如果您是一名 Web 開發人員,您可能對 XML 影像網站地圖感興趣。這實際上是一種將影像包含在 XML 網站地圖中的方法。谷歌也提供了相關的指南:Gogole說明

您可以使用 Google 圖片擴展來為網站地圖提供更多有關您網頁上可用圖片的信息。影像網站地圖的信息有助於 Google 發現那些無法通過其他方式找到的影像(例如通過 JavaScript 代碼載入的影像),並允許您指示 Google 抓取和索引您網站上的影像。

有人偶爾向我們詢問有關 XML 影像網站地圖的問題。我們的插件中並不自動生成這些內容,而是按照谷歌的建議,將它們包含在頁面或帖子的網站地圖中。只需在我們的帖子網站地圖中向下滾動,您就會看到我們已將影像添加到所有最新帖子中(有一個專門的列用於此目的)。將影像添加到 XML 網站地圖有助於 Google 為您的影像建立索引,因此請務必這樣做以實現更好的影像 SEO。

通過影像 CDN 提供影像

確實,CDN(內容傳遞網絡)是最受歡迎的網站速度優化解決方案之一,並且一些CDN提供商專門提供影像CDN服務。影像CDN的核心任務是優化並快速提供影像給訪問者。運行影像CDN可以大大提高影像的傳輸速度。

通過使用影像CDN,您可以處理影像的轉換、優化和交付。您可以控制何時加載以及如何加載影像。例如,您可以指定所有PNG影像應即時轉換為WebP格式,因為它們具有更快的加載速度和更好的影像質量。影像CDN提供了許多選項,可進行細微調整以符合不同的需求,但通常也提供一個默認設置,適用於大多數網站。

有許多影像CDN供應商可供選擇,例如Sirv、Cloudinary和Imagekit。此外,像Cloudflare這樣的平台也提供了調整影像大小、重新格式化和交付影像的功能。這些工具和服務能夠有效地幫助優化您的網站的影像性能。

影像搜索引擎優化:總結

影像搜索引擎優化是由多個元素組成的綜合體。隨著Google在識別影像中的元素方面越來越強大,確保影像及其元素對於良好的用戶體驗和SEO的幫助是非常重要的。試圖欺騙Google是不明智的做法。

在將影像添加到文章中時,請牢記以下12點:

  1. 使用與文章相關的相關影像。
  2. 為影像選擇一個描述性的文件名。
  3. 確保影像的尺寸與顯示時的尺寸相匹配。
  4. 如有可能,使用srcset屬性以支援不同屏幕尺寸和解析度的影像版本。
  5. 減小影像的文件大小,以加快加載速度。
  6. 如果需要,為影像添加標題,以便更容易地掃描頁面。
  7. 使用適當的影像替代文字(alt text),而不是僅僅重複標題文字。
  8. 將結構化數據添加到影像中,以提供更多有關影像的信息。
  9. 為影像添加OpenGraph和Twitter Card標籤,以優化在社交媒體上的分享效果。
  10. 在XML網站地圖中包含影像信息,以幫助搜索引擎發現和索引您的影像。
  11. 使用CDN(內容傳遞網絡)來提供影像,以提高加載速度和性能。
  12. 盡可能提供所有與影像相關的背景信息。

遵循這些指南可以幫助優化您的影像以獲得更好的搜索引擎排名和用戶體驗。因此,不要低估影像 SEO 在您網站上的重要性!

Send this to a friend