圖像SEO：如何為搜索引擎和用戶優(yōu)化圖像？

圖像SEO是優(yōu)化網(wǎng)站上圖像的過程，以便您的頁面和圖像在免費搜索引擎結(jié)果中排名更顯著。從而為您的網(wǎng)站帶來更多流量。常見的圖像SEO策略包括：

-調(diào)整圖像大小和壓縮圖像

-為圖像提供描述性文件名

-向圖像添加替代文本（alt text）

SEO圖像優(yōu)化之所以有效，是因為它使Google等搜索引擎更容易找到和理解您的圖像。這意味著他們更有可能針對相關(guān)搜索查詢顯示您的圖像（及其所在的頁面）。優(yōu)化后的圖像加載速度也更快。并幫助用戶獲取他們需要的信息。這些都是谷歌在對搜索結(jié)果進行排名時所看重的事情。您的訪客也會欣賞它們。

圖片可以出現(xiàn)在搜索中的什么位置？

圖像SEO的主要好處之一是它可以幫助您的圖像出現(xiàn)在搜索引擎結(jié)果頁面(SERP)中。從而吸引用戶有價值的點擊。許多用戶直接訪問Google圖片，圖像結(jié)果非常適合吸引用戶的注意力和點擊。但請記住，對圖像進行搜索引擎優(yōu)化也可以幫助您提高其他排名。

如何優(yōu)化圖像以進行搜索引擎優(yōu)化？

應(yīng)用這些圖像SEO最佳實踐，使您的網(wǎng)站對搜索引擎更加友好并增強用戶體驗。

1.查找或創(chuàng)建有用的圖像

SEO圖像優(yōu)化的第一步是選擇或創(chuàng)建支持您目標(biāo)的圖像。例如：

-照片可以展示產(chǎn)品并分解大段文字

-平面設(shè)計可以傳達(dá)抽象的想法

-圖表和圖形可以顯示復(fù)雜的數(shù)據(jù)

-圖標(biāo)可以改善網(wǎng)站導(dǎo)航和可用性

-徽標(biāo)可以增強您的品牌形象

-屏幕截圖可以提供清晰的說明和示例

嘗試創(chuàng)建自己的圖像而不是使用庫存圖像。這樣，您就可以為用戶提供獨特的價值，并讓Google有更多理由對您進行排名。如果您確實使用其他人創(chuàng)建的圖像，請確保您擁有必要的權(quán)限。否則，您可能會違反版權(quán)法。我們的最佳內(nèi)容創(chuàng)建工具列表包含許多用于圖像創(chuàng)建和采購的有用工具。

2.選擇正確的圖像格式

您可以將圖像文件保存或轉(zhuǎn)換為多種不同的格式。SVG通常是圖標(biāo)和徽標(biāo)的最佳選擇。因為SVG可以調(diào)整大小而不會降低質(zhì)量。并使用JavaScript或CSS（網(wǎng)站編碼語言）進行操作。WebP是其他類型圖像的最佳格式之一。因為：

-主要搜索引擎、互聯(lián)網(wǎng)瀏覽器和社交媒體網(wǎng)站都支持它（盡管一些較舊的瀏覽器/系統(tǒng)不支持它）

-它通常會創(chuàng)建比其他格式更小的文件（因此加載速度更快）

-支持透明度和動畫

-它使用有損和無損壓縮（這有助于確保文件大小和圖像質(zhì)量之間的良好平衡）

然而，SVG和WebP圖像可能更難創(chuàng)建和管理，最好的替代方案是：

-標(biāo)準(zhǔn)圖像的JPEG

-PNG適用于具有透明度、文本或大量細(xì)節(jié)的圖像

-用于簡單動畫的GIF

3.給你的圖像起一個描述性的文件名

Google使用圖像文件名來更好地理解圖像所描繪的內(nèi)容。因此，最佳做法是為圖像提供描述性（但簡潔）的文件名。文件名中不能使用空格，Google建議使用連字符分隔單詞。如果您在內(nèi)容的翻譯版本中使用相同的圖像，請確保相應(yīng)地更新文件名。

4.添加描述性替代文本

替代文本是對存儲在網(wǎng)頁代碼中的圖像的書面描述。具體來說，它是在圖像標(biāo)簽的alt屬性中排序的。像這樣：

<img src="image-file-example.jpg"alt="Alt text goes here">

替代文本主要用于輔助功能：文本轉(zhuǎn)語音工具可以大聲朗讀此描述，以便視障用戶知道圖像傳達(dá)的內(nèi)容。當(dāng)頁面無法正確加載或加載緩慢時，它就會出現(xiàn)。但是，替代文本對于圖像搜索引擎優(yōu)化也很有用。因為搜索引擎使用替代文本來更好地理解圖像所描繪的內(nèi)容。以下是一些替代文本最佳實踐：

只為功能性圖像編寫替代文本，而不是裝飾性圖像。這確保了使用輔助技術(shù)的人獲得更少的干擾性體驗。

描述圖像中在上下文中重要的方面。例如，如果您使用相同的圖表來演示不同的觀點，請為每個實例使用不同的替代文本來清楚地解釋您的觀點。

最大長度限制為125個字符。一些輔助技術(shù)此時會停止讀取替代文本。

如果所有讀者都需要了解某些內(nèi)容，請將其放入正文內(nèi)容或圖像標(biāo)題中，而不是替代文本中。所以每個人都可以使用它。

避免使用多余的短語，例如“圖像”或“照片”。很明顯，替代文本指的是圖像。

5.調(diào)整圖像大小

將圖像調(diào)整為更小的尺寸有助于減少加載時間。而且它不一定會影響圖像質(zhì)量。一般來說，網(wǎng)站圖像的寬度不需要超過2,500像素。但特定圖像所需的最大尺寸取決于：

-容器的最大寬度：如果您的圖像放置在容器（用于管理網(wǎng)頁設(shè)計中的布局的元素）中，則它不應(yīng)大于容器的最大尺寸

-圖片的用途：例如，您可能需要大的產(chǎn)品照片，以便用戶可以放大細(xì)節(jié)并清楚地看到它們，但縮略圖可以小得多

-您的受眾的設(shè)備：使用Google Analytics 4查看訪問者使用的屏幕分辨率，這樣您就知道需要迎合什么尺寸

圖像編輯和創(chuàng)建工具（如Photoshop）通?？梢暂p松調(diào)整圖像大小。

但您也許可以使用一個網(wǎng)站插件來自動調(diào)整您上傳的圖像（例如，WordPress的“上傳后調(diào)整圖像大小”）。

6.壓縮圖像

各種工具和插件允許您壓縮圖像，即減小圖像文件大小，同時保持所需的圖像質(zhì)量水平。一些最受歡迎的選項包括TinyPNG、Squoosh和GIMP。無論您選擇哪種工具，您都需要配置各種設(shè)置才能達(dá)到所需的結(jié)果。

7.使用響應(yīng)式圖像縮放

響應(yīng)式圖像縮放意味著網(wǎng)站圖像根據(jù)用戶視口（顯示網(wǎng)頁的屏幕部分）的大小自動調(diào)整。它有助于確保在各種設(shè)備上提供出色的用戶體驗。因為它可以防止圖像太難看（例如，在移動設(shè)備上太大或在桌面上太小）。因此，響應(yīng)式圖像縮放可以最大限度地減少加載時間，因為圖像不會比需要的尺寸大。這就是它有利于圖像搜索引擎優(yōu)化的主要原因。一些網(wǎng)站構(gòu)建器（如Wix）默認(rèn)使用響應(yīng)式圖像縮放。如果沒有，您需要找到合適的插件或向網(wǎng)絡(luò)開發(fā)人員尋求幫助。

8.實現(xiàn)延遲加載

延遲加載可確保內(nèi)容在顯示在用戶視口中之前不會加載。這意味著初始加載時間僅受首屏內(nèi)容（用戶在滾動之前看到的頁面部分）的影響。因此速度更快。實現(xiàn)延遲加載最簡單的方法就是給圖片標(biāo)簽添加loading="lazy"屬性。像這樣：

<img src="image-file-example.jpg"loading="lazy"alt="Alt text goes here">

僅對每種設(shè)備類型上顯示在首屏下方的圖像執(zhí)行此操作。否則，你會讓你的頁面變得更慢而不是更快。

9.創(chuàng)建圖像站點地圖

圖像站點地圖是專門為圖像制作的XML站點地圖。換句話說，它是一個特殊格式的文件，列出了您希望搜索引擎抓取和索引的圖像（即查找并添加到可能的搜索結(jié)果的數(shù)據(jù)庫中）。創(chuàng)建圖像站點地圖有助于確保搜索引擎機器人在抓取您的網(wǎng)站時不會錯過任何重要圖像。Google建議您像這樣構(gòu)建圖像站點地圖：

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"

xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">

<url>

<loc>【URL for a webpage on your website】</loc>

<image:image>

<image:loc>【URL for an image on this webpage】</image:loc>

</image:image>

 <image:image>

<image:loc>【URL for another image on this webpage】</image:loc>

</image:image>

</url>

<url>

<loc>【URL for another webpage on your website】</loc>

<image:image>

<image:loc>【URL for an image on this webpage】</image:loc>

</image:image>

</url>

</urlset>

10.使用內(nèi)容交付網(wǎng)絡(luò)

內(nèi)容交付網(wǎng)絡(luò)(CDN)允許您將圖像托管在世界各地的多個服務(wù)器上。這提高了加載速度，因為數(shù)據(jù)從每個用戶“最近”的服務(wù)器傳輸。而不是每次都從源服務(wù)器出發(fā)。緊密程度不一定由自然地理決定，而是由能夠更快、更可靠地傳輸數(shù)據(jù)的服務(wù)器決定。要為您的圖像實施CDN，您需要：

-選擇CDN提供商（例如Cloudflare或Amazon CloudFront）

-將CDN與您的網(wǎng)站集成（例如通過插件）

-將您的圖片上傳到CDN

-更新您的DNS記錄，以便圖像請求通過CDN

-修改您的網(wǎng)站HTML（以及圖像站點地圖）以引用新的圖像URL

-您將需要網(wǎng)絡(luò)開發(fā)人員的幫助。

11.啟用瀏覽器緩存

瀏覽器緩存是指訪問者的瀏覽器在指定的時間內(nèi)存儲某些文件（例如圖像）。這樣，如果再次被請求，他們可以更快地加載。假設(shè)有一個新用戶訪問您的主頁：

如果您的網(wǎng)站徽標(biāo)緩存了365天，當(dāng)用戶點擊您網(wǎng)站上的另一個頁面時，它的加載速度會更快。和/或在下一年重新訪問您的網(wǎng)站。

如果您的網(wǎng)站徽標(biāo)未緩存，則瀏覽器每次都需要重新下載圖像。這會消耗更多帶寬并增加服務(wù)器必須處理的請求數(shù)量。

一般來說，圖像可以緩存很長時間，因為它們很少更新。您可以使用Google Lighthouse查看您網(wǎng)站上的圖像是否緩存了合適的持續(xù)時間。安裝Chrome擴展程序后，選擇Lighthouse Viewer選項來分析特定網(wǎng)頁。

12.應(yīng)用頁面搜索引擎優(yōu)化最佳實踐

頁面搜索引擎優(yōu)化是優(yōu)化頁面以在搜索結(jié)果中排名更高的過程。它還可以幫助頁面上的圖像表現(xiàn)得更好。

13.添加結(jié)構(gòu)化數(shù)據(jù)

將結(jié)構(gòu)化數(shù)據(jù)（也稱為架構(gòu)標(biāo)記）添加到您的網(wǎng)站可以增加保護豐富片段的機會-具有引人注目的額外元素（例如圖像）的搜索結(jié)果。您可以使用架構(gòu)來指定文章、事件、組織等的圖像。還有一個ImageObject架構(gòu)，允許您提供有關(guān)圖像的額外詳細(xì)信息（例如，創(chuàng)建者的名稱和圖像許可證的鏈接）。這些詳細(xì)信息可能會顯示在Google圖片結(jié)果中。

14.優(yōu)化您的開放圖元標(biāo)簽

您可以使用開放圖譜元標(biāo)記來確保您的頁面在各種平臺（例如社交媒體網(wǎng)站）上共享時以最佳方式預(yù)覽。每個頁面有四個必需的屬性：

og:title指定應(yīng)出現(xiàn)在預(yù)覽中的標(biāo)題

og:type指定對象的類型（例如“文章”）

og:image指定預(yù)覽圖像的URL

og:url指定頁面的URL