自從撥號(hào)Internet時(shí)代以來，互聯(lián)網(wǎng)時(shí)代已經(jīng)發(fā)生了變化，當(dāng)時(shí)用戶不得不等待幾分鐘才能加載單個(gè)圖像。而現(xiàn)在即使在我們的移動(dòng)設(shè)備上，我們也可以享受快速的Internet訪問。對(duì)于用戶和搜索引擎而言，圖像優(yōu)化與以往一樣重要，甚至不那么重要，在本文中，我們將介紹為搜索引擎優(yōu)化圖像的多種方法。

1.使用正確的圖片

為你的網(wǎng)站找到并使用正確的圖像類型是成功的關(guān)鍵一步。一個(gè)很好的起點(diǎn)是古老的Flickr.com。它具有多種不同的照片可供選擇，并具有按許可證過濾內(nèi)容的功能。

這意味著你可以輕松找到可以合法用于商業(yè)目的的圖片，甚至沒有版權(quán)限制的圖片。（確保你具有所有必要的權(quán)限，才能出于自己的目的使用或修改圖像。）

在Flickr上提供的用于搜索“黑色汽車”的圖像。

2.選擇正確的文件格式

選擇正確的圖像后，需要確定哪種文件格式最適合你的需求。由于我們主要關(guān)注圖片和相對(duì)復(fù)雜的“真實(shí)感”圖形，因此我們必須從三種常用的光柵圖像格式中進(jìn)行選擇：GIF，PNG和JPEG。

（1）JPEG是當(dāng)今最常用的圖像格式。它使用有損數(shù)據(jù)壓縮；這意味著，根據(jù)你的設(shè)置，圖像質(zhì)量可能會(huì)受到很大影響。也沒有像GIF和PNG格式那樣支持透明背景。使用此格式的最大優(yōu)點(diǎn)是它可以減小文件大小，并且?guī)缀跛械胤蕉贾С衷摳袷健?/span>

（2）GIF是用于簡(jiǎn)單圖稿和動(dòng)畫的位圖圖像格式。由于它僅支持256色，因此不建議用于照片或更真實(shí)感的圖像。但是，它的文件很小，并且支持透明背景，因此非常適合公司徽標(biāo)和網(wǎng)站的各種頁面元素。

（3）PNG是GIF和JPEG文件格式的現(xiàn)代替代品。PNG支持透明性，具有更好的顏色范圍和自動(dòng)伽瑪校正功能。PNG甚至可以存儲(chǔ)圖像內(nèi)容的簡(jiǎn)短文字說明，以幫助搜索引擎對(duì)圖像進(jìn)行分類。該文件格式是這三種格式中最新的一種，這意味著它不太容易得到支持。另外，文件大小可能會(huì)更大。

3.優(yōu)化你的網(wǎng)絡(luò)圖像

在為網(wǎng)絡(luò)優(yōu)化圖像時(shí)，你的目標(biāo)是在不犧牲圖像質(zhì)量的前提下，盡可能減小文件大小。

你有幾種選擇，但是最簡(jiǎn)單的方法是使用在線壓縮工具，如TinyPNG或Compress JPEG。只需上傳你的圖像，Web應(yīng)用程序?qū)槟闾幚硪磺小?/span>

如果將壓縮圖像與原始圖像進(jìn)行比較，你幾乎不會(huì)注意到質(zhì)量下降。

壓縮的圖像在左側(cè)。

如果需要的話，Adobe Photoshop（如下所示）會(huì)將所有控件都放在你的手中。

4.使用信息性文件名

對(duì)于從相機(jī)下載的圖像，請(qǐng)為它們指定一個(gè)描述性的新名稱，以使搜索引擎更容易找到它們。

一個(gè)很好的例子是這樣的：IMG_Seattle_MusicFestival_2020_01。

5.注意替代文字

當(dāng)你將鼠標(biāo)懸停在圖像上時(shí)，Alt文本（“替代文本”的縮寫）用于突出顯示圖像的身份。當(dāng)渲染圖像出現(xiàn)問題時(shí)，它也會(huì)以文本形式顯示給所有用戶。此外，屏幕閱讀器還使用它來幫助視障人士瀏覽網(wǎng)絡(luò)。

圖像的最簡(jiǎn)單的HTML代碼如下所示：

<img src =” http://example.co.uk/uploads/big-steak.jpg”>

除了文件名之外，視力障礙者的搜索引擎提供的信息有限，無法幫助他們了解網(wǎng)絡(luò)圖像的含義。但是，通過包含以下替代文本，你可以精確描述圖片的內(nèi)容。

<img src = http：//example.co.uk/uploads/big-steak.jpg alt =“老人在餐廳吃大牛排”>

你還可以查看“ title”屬性之類的標(biāo)簽，但是簡(jiǎn)單的alt image標(biāo)簽足以告訴Google和其他搜索引擎圖片的含義，并幫助你在SERP中排名更高。

6.將縮略圖與主圖片分開

理想情況下，縮略圖應(yīng)盡可能小，以最大程度縮短頁面加載時(shí)間。這意味著你需要調(diào)整它們的大小并使用適當(dāng)?shù)膲嚎s級(jí)別。由于無論如何它們往往都非常小，因此你可以犧牲一點(diǎn)畫質(zhì)來提高速度。

為此，你可以使用Photoshop之類的照片編輯工具，也可以使用當(dāng)今可用的許多免費(fèi)工具之一。這些工具包括Pixlr，PicMonkey和Fotor等在線圖片編輯器；還有GIMP，它是一個(gè)自由分發(fā)的程序，可以執(zhí)行Photoshop可以執(zhí)行的大多數(shù)操作（但有時(shí)以一種不那么用戶友好的方式）。

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

Google鼓勵(lì)你使用圖片站點(diǎn)地圖為搜索引擎提供有關(guān)你網(wǎng)站上可用圖片的更多信息。這樣，他們甚至可以找到由JavaScript代碼加載的那些圖片，這通常是產(chǎn)品圖片和滑塊庫的情況。

如果你已經(jīng)有一個(gè)站點(diǎn)地圖（應(yīng)該），則可以向其中添加圖像信息，也可以僅為圖像創(chuàng)建一個(gè)單獨(dú)的站點(diǎn)地圖。

創(chuàng)建站點(diǎn)地圖并不太復(fù)雜?；旧希瑢?duì)于你在站點(diǎn)地圖中列出的每個(gè)URL，你都可以在該頁面上添加有關(guān)圖像的其他信息。Google為我們提供了網(wǎng)址http://example.co.uk/sample.html的示例：

<？xml版本=“ 1.0”編碼=“ 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> http://example.co.uk/sample.html </ loc>

   <image：圖像>

     <image：loc> http://example.co.uk/image.jpg </ image：loc>

   </ image：image>

   <image：圖像>

     <image：loc> http://example.co.uk/photo.jpg </ image：loc>

   </ image：image>

 </ url>

</ urlset>

你可以在此處找到更多信息和完整的圖像標(biāo)簽定義集。

如果你正在運(yùn)行WordPress網(wǎng)站，則還可以利用可用的插件。例如，圖像的Google XML站點(diǎn)地圖和Udinra所有圖像站點(diǎn)地圖都會(huì)自動(dòng)為圖像創(chuàng)建Google XML站點(diǎn)地圖。

8.不要依賴第三方圖片托管

像Imgur和Postimage這樣的圖像托管服務(wù)使你可以將圖像上傳到它們的服務(wù)器上，這對(duì)于節(jié)省空間和減少站點(diǎn)占用的整體帶寬非常有用。主要缺點(diǎn)是當(dāng)托管服務(wù)被大量流量淹沒時(shí)，你的圖像可能會(huì)被刪除或阻止。

因此，使用自己的服務(wù)器托管圖像始終是一個(gè)好主意。從長(zhǎng)遠(yuǎn)來看，你一定會(huì)看到它有多大好處。

9.整合社交媒體

社交媒體在你的整體SEO和客戶獲取策略中扮演著重要角色。將圖像集成到社交媒體平臺(tái)中的最簡(jiǎn)單方法是在網(wǎng)站上添加社交媒體共享按鈕。

鼓勵(lì)訪問者向Pinterest分享你的圖像的最流行的方法之一是為每個(gè)圖像添加一個(gè)簡(jiǎn)單的“ Pin It”按鈕。

SumoMe的Image Sharer是一個(gè)很好用的工具。使用Image Sharer，你可以輕松地允許訪問者共享你網(wǎng)站上的圖像并鏈接回你。它支持Facebook，Twitter，Pinterest和Yummly。你可以自定義Image Sharer圖標(biāo)的顯示方式。

10.查閱Google網(wǎng)站站長(zhǎng)指南

Google已制定了一組圖像發(fā)布指南，作為其網(wǎng)站站長(zhǎng)指南的一部分，可幫助你針對(duì)其搜索引擎和訪問者優(yōu)化網(wǎng)站。