新聞資訊
圖片SEO:圖片優(yōu)化的 9 個(gè)必備技巧
在seo優(yōu)化中,除了優(yōu)化內容,優(yōu)化網(wǎng)站的圖片也是十分重要的~
人類(lèi)是視覺(jué)導向的生物,沒(méi)有什么比引人入勝的圖片更能吸引我們的注意力了。事實(shí)上,根據 Optinmonster 的數據,包含圖片的在線(xiàn)內容比沒(méi)有圖片的內容多 94% 的瀏覽量。
簡(jiǎn)而言之,您需要在內容中添加圖片來(lái)吸引用戶(hù)并提高排名。
那么,如何確保圖片有助于 SEO 工作呢?這就是圖片 SEO 的作用所在。
圖片 SEO 涉及優(yōu)化您的圖片,以提高其在 Google 圖片和SERP中的可見(jiàn)性。這意味著(zhù)它們可能會(huì )出現在 Google 的圖片包中……
圖片來(lái)源:谷歌截圖
圖片來(lái)源:谷歌截圖
充分優(yōu)化圖像有很多好處:
提高停留時(shí)間:如果您的網(wǎng)頁(yè)包含引人入勝的圖片,則用戶(hù)更有可能想要消費更多內容并花更多時(shí)間瀏覽這些內容。這可以延長(cháng)停留時(shí)間,從而對您的 SEO 產(chǎn)生積極影響。
增強可訪(fǎng)問(wèn)性:將替代文本 (替代文本) 添加到圖像中,為搜索引擎提供更多信息,使其更容易理解圖像內容。當無(wú)法呈現圖像時(shí),搜索引擎也會(huì )顯示它。此外,添加替代文本可提高依賴(lài)屏幕閱讀器的用戶(hù)的頁(yè)面可訪(fǎng)問(wèn)
性。屏幕閱讀器是一種軟件應用程序或硬件設備,可將數字文本轉換為盲文輸出或合成語(yǔ)音,供無(wú)法看到圖像或自己閱讀替代文本的用戶(hù)使用。這不僅對這些用戶(hù)有幫助,也對您的 SEO 有好處。
更好的用戶(hù)體驗:優(yōu)化的圖像可以無(wú)縫渲染,從而增強用戶(hù)體驗。它減少了超大圖像占據屏幕并遮擋其他元素的可能性。優(yōu)化不佳、體積龐大或格式糟糕的圖像會(huì )大大增加頁(yè)面的加載時(shí)間。這不僅會(huì )導致負面的用戶(hù)體
驗,還會(huì )開(kāi)始影響您的排名。通過(guò)優(yōu)化圖像,可以實(shí)現更快的頁(yè)面加載時(shí)間并增強網(wǎng)站的用戶(hù)體驗。
如您所見(jiàn),圖片 SEO 非常重要,并且有很多好處。您需要確保您的圖片經(jīng)過(guò)優(yōu)化,以幫助您獲得更好的排名。
使用正確的圖片文件類(lèi)型(通常也稱(chēng)為圖片格式)對于確保圖片正確顯示、不模糊且用戶(hù)清晰可見(jiàn)至關(guān)重要。您還需要確保使用 Google 可以正確索引的圖片格式。
Google 可以索引的圖像格式包括:
JPEG 格式、巴布亞新幾內亞、網(wǎng)絡(luò )P、SVG、骨形態(tài)發(fā)生蛋白和 GIF
那么,哪種圖像格式最適合 SEO?在做出決定之前,您需要了解不同的格式:
JPEG:此格式與幾乎所有設備兼容,可以顯示多種顏色。它在保留圖像色調方面也非常出色。但是,它使用有損壓縮,這意味著(zhù)壓縮過(guò)程中會(huì )丟失一些數據。因此,JPEG 并不適合用于數碼照片等細節圖像。
PNG:此格式也具有普遍兼容性。與 JPEG 不同,PNG 使用無(wú)損壓縮,因此壓縮過(guò)程中不會(huì )丟失數據。主要缺點(diǎn)是 PNG 文件的大小往往比 JPEG 文件大,這意味著(zhù)它們會(huì )增加頁(yè)面加載速度。
SVG:這種格式使用矢量而不是像素來(lái)構建圖像。它不適合照片,因為文件太大。但是,它非常適合徽標、圖表和動(dòng)畫(huà)元素。
WebP:這種格式正變得越來(lái)越流行,應用也越來(lái)越廣泛——原因顯而易見(jiàn)。WebP 擅長(cháng)在保持圖像質(zhì)量的同時(shí)縮小圖像尺寸。據 Google 稱(chēng),WebP 有損文件比 JPEG 文件小 25-34%,WebP 無(wú)損文件比 PNG 文件小
26%。缺點(diǎn)是 WebP 仍然不受所有瀏覽器支持,但這種情況很快就會(huì )改變。
那么應該使用哪一個(gè)呢?
JPEG 適用于截圖、博客文章圖片以及網(wǎng)站速度至關(guān)重要的內容。
PNG 的質(zhì)量和分辨率更好,但這些文件通常較大,這會(huì )導致頁(yè)面加載時(shí)間變慢。如果您愿意犧牲一點(diǎn)速度來(lái)獲得更高的質(zhì)量,那么 PNG 格式可能適合您。
WebP 的壓縮能力比前兩者更強,而且你不必犧牲太多圖像質(zhì)量。當你想優(yōu)化頁(yè)面加載速度并減少帶寬使用時(shí),它是理想的選擇。此外,WebP 支持 GIF 的動(dòng)畫(huà)功能和 PNG 的透明背景。你真的不會(huì )出錯。
當涉及到圖標和徽標之類(lèi)的東西時(shí),SVG 是更好的選擇,因為這些文件可以縮放到任意大小而不會(huì )丟失分辨率。
最終,哪種格式適合取決于自己的偏好。順便說(shuō)一句,如果可以避免的話(huà),我真的不建議在你的頁(yè)面上使用 GIF。它們可能看起來(lái)很酷,但它們往往會(huì )大大降低加載速度。
需要記住的是,圖像大小和文件大小是兩個(gè)不同的概念。圖像大小是指圖像的寬度和高度有多大或多?。ɡ?1050 像素 x 1000 像素)。文件大小是指它占用的存儲空間(例如 350 KB)。
尺寸(寬度和高度)較大的圖像確實(shí)會(huì )降低頁(yè)面的加載速度。這是因為即使圖像大于網(wǎng)站顯示的最大寬度,瀏覽器也必須加載整幅圖像。
例如,如果你的博客的最大寬度設置為 650 像素,而你上傳的圖片寬度為 5,500 像素,則瀏覽器仍需要下載全尺寸圖片。這會(huì )大大降低頁(yè)面加載速度。
因此,需要調整圖像大小以匹配預期的顯示尺寸。
當然,這意味著(zhù)你需要檢查預期顯示尺寸的最大寬度和高度。確定圖片的正確尺寸后,就可以調整它們的大小了。我最喜歡的調整圖片大小的工具之一是“批量調整照片大小”。
你需要做的就是在瀏覽器中打開(kāi)它,然后將圖像拖動(dòng)到上面或從設備上傳。
然后您可以使用該工具調整圖片的尺寸。單擊“圖片尺寸”并設置寬度和高度。
調整圖像大小后,最終可以將其下載到您的頁(yè)面。
圖片來(lái)源:bulk截圖
圖片來(lái)源:bulk截圖
高分辨率圖像也會(huì )影響頁(yè)面加載速度。當然,這些圖像看起來(lái)很棒,非常適合打印,但當要將它們上傳到您的網(wǎng)頁(yè)時(shí),您必須犧牲一些質(zhì)量,以獲得更快、響應更快的頁(yè)面。
在線(xiàn)圖像的標準分辨率為每英寸 72 像素 (PPI)。像素 (px) 是構成我們桌面和移動(dòng)屏幕上圖像的單個(gè)點(diǎn)。PPI 指的是屏幕上一英寸空間內出現的這些點(diǎn)的數量。
大多數移動(dòng)設備和桌面屏幕以 72 PPI 顯示圖像,因此使用更高的分辨率并不一定會(huì )讓您的圖像看起來(lái)更好。
總而言之,始終調整圖像大小以適合預期的顯示尺寸,并將圖像分辨率保持在 72 PPI 或更低。
圖像壓縮可以減小圖像文件的大小。這使得它們更適合在各種設備上快速加載和高效存儲。
圖片的文件大小直接影響頁(yè)面的整體加載速度。因此,如果某個(gè)頁(yè)面上的圖片文件很大,那么用戶(hù)可能需要等待比平時(shí)更長(cháng)的時(shí)間才能開(kāi)始與其交互。這可能會(huì )讓用戶(hù)感到沮喪,甚至可能讓他們離開(kāi)你的網(wǎng)站。
大圖像還會(huì )增加帶寬消耗。帶寬消耗是指您的網(wǎng)站與用戶(hù)之間傳輸的數據量。
如果用戶(hù)訪(fǎng)問(wèn)包含較大圖片的頁(yè)面,則需要傳輸更多數據。這會(huì )導致帶寬使用量增加,從而給網(wǎng)站托管資源帶來(lái)壓力。
由于許多網(wǎng)絡(luò )托管服務(wù)提供商根據傳輸的數據量或使用的資源量收費,這可能會(huì )增加托管成本。這意味著(zhù)應該在將圖像放到頁(yè)面上之前對其進(jìn)行壓縮。
但是,壓縮圖像可能會(huì )導致質(zhì)量下降。不過(guò),這完全取決于您選擇的圖像格式。正如我之前提到的,JPEG 使用有損壓縮,而 PNG 使用無(wú)損壓縮。因此,雖然 JPEG 通常比 PNG 壓縮得更多,但它會(huì )損失質(zhì)量。
這就是 WebP 的用武之地。請記住,它的壓縮率比 JPEG 和 PNG 都要高,同時(shí)仍能在一定程度上保持圖像的質(zhì)量。
根據經(jīng)驗,你應該將圖片壓縮到 100 KB 或更小。如果你要壓縮一張非常大的圖片,那么在不嚴重降低質(zhì)量的情況下,可能無(wú)法將其壓縮到這么小。如果是這種情況,請在確保圖片仍然可用的前提下盡可能地壓縮圖片。
TinyPNG是用于圖像壓縮的最佳免費圖像優(yōu)化工具之一。在瀏覽器中打開(kāi)它后,你可以將最多 20 個(gè) JPEG、PNG 或 WebP 文件放入其中。
圖片來(lái)源:TinyPNG截圖
TinyPNG 可以顯著(zhù)壓縮圖像,壓縮過(guò)程完成后,您可以輕松下載它們。
圖片來(lái)源:TinyPNG截圖
使用壓縮圖片是降低頁(yè)面加載速度和改善網(wǎng)站用戶(hù)體驗的好方法。它還可以減少帶寬使用量并降低托管成本。
正如我之前提到的,替代文本在幫助 Google 和其他搜索引擎理解圖像的內容和上下文方面起著(zhù)至關(guān)重要的作用,特別是因為它們無(wú)法從視覺(jué)上解釋圖像。屏幕閱讀器還會(huì )使用它來(lái)向視障用戶(hù)描述圖像。因此,它對于頁(yè)面的可訪(fǎng)問(wèn)性和增強用戶(hù)體驗至關(guān)重要。
另外,當圖像本身無(wú)法呈現時(shí),瀏覽器會(huì )顯示圖像的替代文本。
這意味著(zhù)您的替代文本需要具有描述性,并且您應該在其中使用相關(guān)的關(guān)鍵字。通過(guò)這樣做,可以為搜索引擎提供必要的背景信息,你的圖片與用戶(hù)搜索查詢(xún)保持一致。這可以增強它們在 SERP 和 Google 圖片中的相關(guān)性?,F在,讓我們深入研究并探索使用它的最佳實(shí)踐。
替代文本最佳做法,創(chuàng )建替代文本時(shí),一個(gè)好方法是想象有人在你閉上眼睛時(shí)為你朗讀。如果你能在腦海中清晰地描繪出這一畫(huà)面,那么替代文本就發(fā)揮了作用。
如果使用 WordPress,那么將它們添加到圖片中非常簡(jiǎn)單。有兩種方法可以做到這一點(diǎn)。
方法 1:
只需從存儲的媒體文件中選擇一張圖片,就可以在屏幕右側添加它。
首先,單擊屏幕左側菜單中的“媒體”選項卡。
圖片來(lái)源:WordPress截圖
然后,從媒體庫中選擇您的圖像,并在“替代文本”框中輸入你的替代文本。
圖片來(lái)源:WordPress截圖
方法 2:
這是向已上傳到你的頁(yè)面或帖子的圖像添加替代文本的更快方法,即使這些圖像已經(jīng)發(fā)布。在左側菜單中,單擊“頁(yè)面”或“帖子”。
圖片來(lái)源:WordPress截圖
接下來(lái),選擇你的帖子:
圖片來(lái)源:WordPress截圖
點(diǎn)擊帖子中的圖片,您將看到圖片上方出現選項。點(diǎn)擊鉛筆圖標:
圖片來(lái)源:WordPress截圖
接下來(lái),在框中輸入您的替代文本,然后點(diǎn)擊“更新”。
就這樣就完成了。就這么簡(jiǎn)單。
圖片來(lái)源:WordPress截圖
圖片文件名在幫助搜索引擎理解圖片內容和與用戶(hù)搜索查詢(xún)的相關(guān)性方面起著(zhù)至關(guān)重要的作用。因此,您應該使用描述性名稱(chēng)保存圖片,而不是僅僅使用默認名稱(chēng)上傳圖片。
例如,假設將此圖像放在頁(yè)面上,其默認名稱(chēng)為“IMG_785432.jpg”。
當 Google 抓取網(wǎng)頁(yè)時(shí),這不會(huì )為其提供圖片的任何背景信息。這意味著(zhù)當用戶(hù)搜索您的關(guān)鍵字時(shí),該圖片出現在 Google 圖片或常規 SERPS 中的可能性很小。
相反,你應該給它一個(gè)描述性的文件名,如“red-ford-mustang-1967.png”。圖像文件名也應該簡(jiǎn)短,并且你應該用連字符分隔標題中的單詞,以便 Google 更容易理解。
此外,我們還應該將關(guān)鍵字納入圖片標題和描述中,以確保圖片出現在相關(guān)的搜索結果中。
在抓取和索引網(wǎng)頁(yè)時(shí),Google 會(huì )從移動(dòng)瀏覽器的角度抓取網(wǎng)頁(yè)。然后根據移動(dòng)版本對網(wǎng)頁(yè)進(jìn)行排名。這被稱(chēng)為“移動(dòng)優(yōu)先索引”,它的出現是因為過(guò)去幾年移動(dòng)設備搜索量大幅增加。
事實(shí)上,2023 年第一季度,移動(dòng)流量占全球互聯(lián)網(wǎng)流量的 58.33%。這意味著(zhù)針對移動(dòng)設備優(yōu)化您的網(wǎng)站從未如此重要,包括您的圖片。
由于移動(dòng)設備的屏幕比桌面屏幕小,因此必須使用響應式圖像技術(shù),使您的圖像能夠無(wú)縫適應響應式設計。這意味著(zhù)瀏覽器可以以適合正在查看圖像的設備的尺寸顯示圖像。
如果使用 WordPress,則有大量插件可幫助您壓縮和調整圖像大小。以下是我挑選的 3 個(gè)插件:
Smush:這是一個(gè)廣泛使用的圖像優(yōu)化插件,可以在保持質(zhì)量的同時(shí)自動(dòng)壓縮和調整圖像大小。
ShortPixel:此插件提供無(wú)損和有損壓縮選項。它可以批量壓縮圖像,甚至可以提供 WebP 圖像以加快加載速度。
Imagify:這是另一個(gè)用戶(hù)友好的圖像優(yōu)化插件,可讓您輕松壓縮和調整圖像大小。
如果打算編寫(xiě)自己的 HTML 代碼來(lái)使您的圖像具有響應性,那么這可能會(huì )變得非常復雜,因此我建議聘請一名網(wǎng)絡(luò )開(kāi)發(fā)人員或查看Google 的響應式圖像指南。
圖片說(shuō)明是直接顯示在圖片下方的文本。它通常不只是描述圖片,還會(huì )提供更多背景信息,如下圖所示:
我知道你在想什么:“這對 SEO 有什么重要意義?”
答案是,圖片標題不會(huì )直接影響你的排名,但它們可以通過(guò)吸引訪(fǎng)問(wèn)者并鼓勵他們在您的頁(yè)面上花費更多時(shí)間來(lái)改善你的用戶(hù)體驗。
當用戶(hù)在網(wǎng)頁(yè)上停留時(shí)間更長(cháng)時(shí),這會(huì )向 Google 發(fā)出信號,表明你的網(wǎng)頁(yè)提供了積極的用戶(hù)體驗,并且讓用戶(hù)感到愉悅和有價(jià)值。這可能會(huì )帶來(lái)更好的排名。
以下提示可幫助您撰寫(xiě)有效的標題:
保持簡(jiǎn)潔但具有描述性、增加價(jià)值、添加關(guān)鍵字
有一種特定類(lèi)型的架構標記稱(chēng)為 ImageObject。這是一種結構化數據格式,可讓您向搜索引擎提供有關(guān)您網(wǎng)站上的圖片的詳細信息。
它可以幫助搜索引擎了解圖像的上下文和內容,從而可以更好地索引和在搜索結果中提高可見(jiàn)性。
這意味著(zhù)您的圖片可能會(huì )被提供給那些正在積極搜索與您的領(lǐng)域相關(guān)的視覺(jué)內容的用戶(hù)。
實(shí)現 ImageObject 架構標記可以產(chǎn)生豐富的結果,其中可能包括圖像縮略圖、標題和其他視覺(jué)增強功能等功能。
圖像縮略圖是由搜索引擎根據各種因素生成的,包括頁(yè)面內容、頁(yè)面包含的圖像以及與搜索查詢(xún)的匹配程度。
這些引人注目的附加內容可以使您的列表對用戶(hù)更有吸引力,并提高點(diǎn)擊率(CTR)。
它允許您提供詳細信息,例如:
圖片的名稱(chēng)或標題、圖片內容的描述、圖片文件的 URL、圖片縮略圖版本的 URL、圖片的作者或創(chuàng )作者、圖像創(chuàng )建或發(fā)布日期
當您實(shí)施架構標記時(shí),您可能會(huì )看到的豐富結果類(lèi)型包括:
圖像縮略圖:圖像的小預覽或縮略圖。
標題:與圖像相關(guān)的標題或描述。
作者或來(lái)源:有關(guān)圖像來(lái)源或創(chuàng )建者的信息。
發(fā)布日期:如果適用,則為圖像發(fā)布或上傳的日期。
描述:與圖像相關(guān)的簡(jiǎn)短描述或標題。
附加鏈接:指向網(wǎng)站上的相關(guān)內容或頁(yè)面的鏈接。
評分和評論:如果相關(guān),用戶(hù)對圖像的評分或評論。
圖像許可信息:有關(guān)圖像許可或使用權的詳細信息。
目前,Google 圖片支持以下類(lèi)型的結構化數據:
產(chǎn)品、視頻、食譜
假設您經(jīng)營(yíng)一家銷(xiāo)售鞋子的電子商務(wù)網(wǎng)站。如果您使用架構標記將圖片定義為產(chǎn)品,Google 可能會(huì )在 SERP 和 Google 圖片中的圖片包中顯示帶有價(jià)格標簽圖標(通常稱(chēng)為“徽章”)的圖片。為此,您需要向網(wǎng)頁(yè)添加產(chǎn)品結構化數據。
這意味著(zhù)用戶(hù)可以快速判斷您的圖片是否是他們想要的結果類(lèi)型。如果他們打算購買(mǎi)鞋子,那么產(chǎn)品徽章會(huì )讓他們知道他們可以通過(guò)點(diǎn)擊您的圖片來(lái)購買(mǎi)。如果沒(méi)有顯示徽章,那么他們可能會(huì )認為你的圖片與一些內容有關(guān),比如關(guān)于鞋子的博客文章。
圖片來(lái)源:谷歌截圖
你應該始終使用原始圖片而不是庫存圖片。如果你的網(wǎng)站使用的圖片與您所在行業(yè)的許多其他網(wǎng)站相同,那么就不會(huì )脫穎而出。此外,您不會(huì )向 Google 發(fā)出有關(guān)您網(wǎng)站可信度的良好 EEAT 信號。
例如,如果你的博客是關(guān)于前往巴黎的,那么應該避免使用在數百個(gè)其他博客上見(jiàn)過(guò)的埃菲爾鐵塔的圖像。
想想看——你會(huì )更信任一篇使用巴黎庫存照片的博客文章,還是一篇作者參觀(guān)巴黎最著(zhù)名地標的照片的博客文章?顯然,第二篇文章展現了更多的經(jīng)驗和可信度。
這是另一種思考方式。
當你嘗試提高排名時(shí),您不會(huì )簡(jiǎn)單地將其他網(wǎng)站的內容復制粘貼到您的網(wǎng)站上。您會(huì )花時(shí)間制作獨特的原創(chuàng )內容,為用戶(hù)提供價(jià)值。
同樣,庫存圖片不太可能對你的排名有很大幫助。另一方面,原始圖片可能會(huì )從其他相關(guān)網(wǎng)站獲得鏈接。
例如,如果你創(chuàng )建了一個(gè)包含有關(guān)特定主題的有用信息的信息圖,其他網(wǎng)站在創(chuàng )建有關(guān)該主題的內容時(shí)可能會(huì )想要鏈接到它。這有助于你的網(wǎng)站改善其反向鏈接配置文件,并可能帶來(lái)更高的排名。
相關(guān)推薦