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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.選擇正確的圖像格式

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

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

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

-支持透明度和動(dòng)畫

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

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

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

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

-用于簡(jiǎn)單動(dòng)畫的GIF

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

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

4.添加描述性替代文本

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

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

替代文本主要用于輔助功能：文本轉(zhuǎn)語(yǔ)音工具可以大聲朗讀此描述，以便視障用戶知道圖像傳達(dá)的內(nèi)容。當(dāng)頁(yè)面無(wú)法正確加載或加載緩慢時(shí)，它就會(huì)出現(xiàn)。但是，替代文本對(duì)于圖像搜索引擎優(yōu)化也很有用。因?yàn)樗阉饕媸褂锰娲谋緛砀玫乩斫鈭D像所描繪的內(nèi)容。以下是一些替代文本最佳實(shí)踐：

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

描述圖像中在上下文中重要的方面。例如，如果您使用相同的圖表來演示不同的觀點(diǎn)，請(qǐng)為每個(gè)實(shí)例使用不同的替代文本來清楚地解釋您的觀點(diǎn)。

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

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

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

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

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

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

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

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

圖像編輯和創(chuàng)建工具（如Photoshop）通常可以輕松調(diào)整圖像大小。

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

6.壓縮圖像

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

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

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

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

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

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

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

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

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

<?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)允許您將圖像托管在世界各地的多個(gè)服務(wù)器上。這提高了加載速度，因?yàn)閿?shù)據(jù)從每個(gè)用戶“最近”的服務(wù)器傳輸。而不是每次都從源服務(wù)器出發(fā)。緊密程度不一定由自然地理決定，而是由能夠更快、更可靠地傳輸數(shù)據(jù)的服務(wù)器決定。要為您的圖像實(shí)施CDN，您需要：

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

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

-將您的圖片上傳到CDN

-更新您的DNS記錄，以便圖像請(qǐng)求通過CDN

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

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

11.啟用瀏覽器緩存

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

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

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

一般來說，圖像可以緩存很長(zhǎng)時(shí)間，因?yàn)樗鼈兒苌俑隆Ｄ梢允褂肎oogle Lighthouse查看您網(wǎng)站上的圖像是否緩存了合適的持續(xù)時(shí)間。安裝Chrome擴(kuò)展程序后，選擇Lighthouse Viewer選項(xiàng)來分析特定網(wǎng)頁(yè)。

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

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

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

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

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

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

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

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

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

og:url指定頁(yè)面的URL