瀏覽數(shù)量: 0 作者: 本站編輯 發(fā)布時(shí)間: 2022-08-30 來(lái)源: 本站
發(fā)現(xiàn)哪些因素是優(yōu)化圖片的關(guān)鍵,以改善你的內(nèi)容并幫助其在搜索中獲得更高的排名。
想想你上次上傳圖片到你的網(wǎng)站是什么時(shí)候。有可能你是從一個(gè)圖片庫(kù)網(wǎng)站上下載的,把它上傳到你的網(wǎng)站后臺(tái),然后把它插入到頁(yè)面。
這并非是圖像優(yōu)化的一個(gè)光輝典范。
你仿佛在你的網(wǎng)站上增加了一個(gè)巨大的保齡球重量,拖慢了頁(yè)面的速度。而且,搜索引擎無(wú)法在沒(méi)有alt文本的情況下閱讀你的圖片。
讓我們來(lái)改變這種情況。
根據(jù)Jumpshot的2018年數(shù)據(jù),超過(guò)20%的美國(guó)網(wǎng)絡(luò)搜索發(fā)生在谷歌圖片上。
搜索引擎優(yōu)化的業(yè)余愛(ài)好者和專(zhuān)業(yè)人員都知道,非常值得花時(shí)間為你的網(wǎng)站優(yōu)化圖像。
而且,Robbie Richards通過(guò)添加圖片的alt標(biāo)簽、壓縮圖片和其他一些SEO技巧,產(chǎn)生了150,732次訪(fǎng)問(wèn)。
沒(méi)有適當(dāng)?shù)膱D像優(yōu)化,你就在浪費(fèi)寶貴的SEO資產(chǎn)。
這就像搜索引擎在免費(fèi)贈(zèng)送奧利奧和牛奶。但是,你只拿了奧利奧。而實(shí)際上,奧利奧泡在牛奶里會(huì)更好。
圖片優(yōu)化創(chuàng)造了許多優(yōu)勢(shì),如更好的用戶(hù)體驗(yàn),更快的頁(yè)面加載時(shí)間,以及額外的排名機(jī)會(huì)。而且,它正成為一個(gè)越來(lái)越重要的角色。
正如Matt Southern指出的,Gary Illyes在最近的Reddit聊天中關(guān)于圖像搜索的聲明。
"我們只是知道媒體搜索對(duì)于它能夠?yàn)槌霭嫔套龅氖虑閬?lái)說(shuō)太被忽視了,所以我們?cè)谒砩贤度肓烁嗟墓こ處熞约案嗟耐庹埂?quot;
但是,哪些因素對(duì)于確保你的圖片可以被找到并且不會(huì)拖累你的網(wǎng)站是最重要的?
以下是你需要知道的12個(gè)重要的圖像優(yōu)化提示。
解讀所有不同的圖像格式,可能會(huì)感覺(jué)像你初次在Taco Bell點(diǎn)餐。但是,在你開(kāi)始向你的網(wǎng)站添加圖片之前,你要確保你已經(jīng)選擇了合適的文件類(lèi)型。
雖然有許多圖像格式可供選擇,但PNG和JPEG是網(wǎng)絡(luò)上最常見(jiàn)的。
PNG:產(chǎn)生更好的圖像質(zhì)量,但伴隨著較大的文件尺寸。
JPEG:你可能會(huì)失去圖像質(zhì)量,但你可以調(diào)整質(zhì)量水平以找到一個(gè)良好的平衡。
WebP:使用這個(gè)選擇無(wú)損或有損壓縮,這是Chrome和Firefox都支持的圖像格式。
對(duì)我來(lái)說(shuō),PNG是圖像格式化的無(wú)名英雄。但是,對(duì)于我的日常使用,PNG是一種方式,然后將這些轉(zhuǎn)換為WebP。
如果你在內(nèi)聯(lián)SVG格式中使用.jpg圖片,就要小心了,因?yàn)楣雀璧南到y(tǒng)無(wú)法索引這些圖片。
根據(jù)HTTP檔案,圖片平均占整個(gè)網(wǎng)頁(yè)重量的21%。
這就是為什么我強(qiáng)烈建議在上傳到你的網(wǎng)站之前壓縮你的圖片。你可以在Photoshop中這樣做,或者你可以使用像TinyPNG這樣的工具。
你也可以使用TingPNG的WordPress插件。
然而,我更喜歡WP Smush作為我的WordPress插件。它可以在不影響質(zhì)量的情況下減少圖像文件的大小。
無(wú)論你使用什么插件,請(qǐng)確保找到一個(gè)能在他們的服務(wù)器上進(jìn)行外部壓縮的圖片。它可以減少你自己網(wǎng)站上的負(fù)載。
或者,更進(jìn)一步,使用一個(gè)圖像CDN,它可以檢測(cè)設(shè)備并在交付前優(yōu)化圖像。Cloudinary和Imgix是兩個(gè)可以嘗試的選擇。
Increasingly.com通過(guò)壓縮圖像將網(wǎng)站速度提高了33%/2秒。
如果你不確定你的圖片是如何影響你的頁(yè)面速度的,我建議使用谷歌的PageSpeed Insights工具。
如果你在你的網(wǎng)站上充斥著圖片庫(kù),你就會(huì)顯得毫無(wú)創(chuàng)意--就像成千上萬(wàn)的其他網(wǎng)站一樣,無(wú)法脫穎而出。
太多的網(wǎng)站充斥著相同的通用圖片。
想想一個(gè)企業(yè)網(wǎng)站,一個(gè)咨詢(xún)公司,一個(gè)以客戶(hù)服務(wù)為榮的企業(yè)。所有這些網(wǎng)站都使用幾乎相同的商人微笑的圖片庫(kù)。
雖然你可能將你的圖片庫(kù)進(jìn)行了完美的優(yōu)化,但它的影響或潛在的SEO效益并不亞于一張高質(zhì)量的原創(chuàng)圖片。
你擁有的原創(chuàng)圖片越多,用戶(hù)的體驗(yàn)就越好,你在相關(guān)搜索中排名的幾率就越大。
請(qǐng)記住,大型圖片更有可能在谷歌發(fā)現(xiàn)中出現(xiàn)。
正如谷歌在其搜索引擎資源中建議的那樣,"大型圖片需要至少1200px寬,并通過(guò)max-image-preview:large設(shè)置啟用,或通過(guò)使用AMP。"
不要使用你的標(biāo)志作為圖片。
無(wú)論你選擇使用什么樣的圖像文件,都要確保沒(méi)有版權(quán)沖突。
郵政部門(mén)在一場(chǎng)圖像版權(quán)訴訟中支付了350萬(wàn)美元。而且,Skechers公司被起訴了250萬(wàn)美元。
如果Getty、Shutterstock、DepositFiles或其他一些圖片供應(yīng)商擁有你使用的圖片,而你沒(méi)有使用該圖片的許可,那么你就有可能遭遇昂貴的訴訟。
根據(jù)《數(shù)字千年版權(quán)法》(DMCA),如果你違反了任何版權(quán)問(wèn)題,你可能會(huì)被發(fā)出通知。如果一個(gè)內(nèi)容的所有者在你的網(wǎng)站上看到他們的內(nèi)容,他們可以發(fā)出DMCA收回通知,你必須遵守。
谷歌圖片允許你根據(jù)那些可供重用的圖片來(lái)過(guò)濾結(jié)果,Mindy Weinstein分享了41個(gè)不同的網(wǎng)站來(lái)尋找免費(fèi)圖片。
當(dāng)涉及到SEO時(shí),創(chuàng)建描述性的、富含關(guān)鍵詞的文件名是重要的。
不定制你的圖像文件名就像一個(gè)什么都沒(méi)有的卷餅。
圖像文件名提醒谷歌和其他搜索引擎爬蟲(chóng)注意圖像的主題。
通常情況下,文件名會(huì)看起來(lái)像 "IMG_722019 "或類(lèi)似的東西。這就像在不同語(yǔ)言的菜單上點(diǎn)菜一樣。這對(duì)谷歌沒(méi)有幫助。
改變默認(rèn)的文件名,以幫助搜索引擎理解你的圖片,提高你的SEO價(jià)值。
這涉及到一些工作,取決于你的媒體庫(kù)有多廣泛,但改變默認(rèn)的圖像名稱(chēng)總是一個(gè)好主意。
例如,我們假設(shè)你有一張巧克力的圖片。
我可以簡(jiǎn)單地命名為 "巧克力",但如果你在網(wǎng)站上銷(xiāo)售巧克力,可能每張圖片都會(huì)被命名為 "巧克力-1"、"巧克力-2",等等。
我會(huì)把這張圖片命名為 "黑巧克力-咖啡",以便讓用戶(hù)和搜索引擎了解這張圖片。
Alt標(biāo)簽是當(dāng)瀏覽器不能正確呈現(xiàn)圖像時(shí)的一種文本替代。與標(biāo)題類(lèi)似,alt屬性用于描述一個(gè)圖像文件的內(nèi)容。
當(dāng)圖像無(wú)法加載時(shí),你會(huì)得到一個(gè)圖像框,在左上角有alt標(biāo)簽存在。確保它們與圖像相適應(yīng),并使圖片相關(guān)。
注意alt標(biāo)簽也有利于整個(gè)頁(yè)面上的SEO策略。你要確保所有其他優(yōu)化領(lǐng)域都到位,但如果圖片因任何原因無(wú)法加載,用戶(hù)將看到圖片應(yīng)該是什么。
此外,為網(wǎng)站上的圖片添加適當(dāng)?shù)腶lt標(biāo)簽,可以通過(guò)將關(guān)鍵詞與圖片聯(lián)系起來(lái),幫助你的網(wǎng)站在搜索引擎中獲得更好的排名。甚至連谷歌都提到了圖片中的alt文本的價(jià)值。
它為谷歌提供了關(guān)于圖像主題的有用信息。我們使用這些信息來(lái)幫助確定用戶(hù)查詢(xún)時(shí)的合適圖片。
根據(jù)《美國(guó)殘疾人法案》的規(guī)定,對(duì)于那些無(wú)法自己查看圖片的人來(lái)說(shuō),需要有alt文本。一個(gè)描述性的alt文本可以提醒用戶(hù)照片中到底有什么。例如,假設(shè)你的網(wǎng)站上有一張巧克力的圖片。
符號(hào)文本可以是這樣的:
<img src="chocolate-1.jpg" alt="巧克力"/>
然而,一個(gè)更好的描述圖片的替代文本應(yīng)該是這樣的:
<img src="chocol-1.jpg" alt="黑巧克力咖啡味棒"/>。
Alt文本可以在頁(yè)面的緩存文本版本中查看,有助于其對(duì)用戶(hù)和搜索引擎的益處。為了進(jìn)一步提高SEO價(jià)值,當(dāng)圖片鏈接到網(wǎng)站上的不同頁(yè)面時(shí),alt文本可以作為內(nèi)部鏈接的錨文本。
谷歌更新了其圖像指南。他們透露的主要更新之一是,他們使用文件路徑和文件名對(duì)圖片進(jìn)行排名。
重復(fù):文件路徑和文件名是一個(gè)實(shí)際的排名因素。
例如,如果你是一個(gè)有多種產(chǎn)品的電子商務(wù)品牌,不要把你所有的產(chǎn)品圖片放在一個(gè)通用的/media/文件夾中,我建議把你的子文件夾結(jié)構(gòu)化為更多的類(lèi)別相關(guān)主題,如/shorts/或/denim/。
谷歌還透露,它使用你的頁(yè)面標(biāo)題和描述作為其圖像搜索算法的一部分。
你所有的基本頁(yè)面SEO因素,如元數(shù)據(jù)、標(biāo)題標(biāo)簽、頁(yè)面上的副本、結(jié)構(gòu)化數(shù)據(jù)等,都會(huì)影響谷歌對(duì)你的圖片的排名。
如果你使用AMP或PWA,你需要在源代碼中定義你的圖片尺寸。
然而,如果你不使用這兩種方法,定義寬度和高度仍然是一個(gè)合適做法。它提供了一個(gè)更好的用戶(hù)體驗(yàn)。
此外,它允許瀏覽器在加載CSS之前確定圖像的大小。這可以阻止頁(yè)面在加載時(shí)出現(xiàn)跳動(dòng)。
圖像尺寸屬性對(duì)于防止累積布局偏移(CLS)問(wèn)題也很重要,這些問(wèn)題可能會(huì)干擾你的核心網(wǎng)頁(yè)指標(biāo)優(yōu)化。
確保你為每個(gè)圖像和視頻元素包含寬度和高度屬性是關(guān)鍵。
這將告訴瀏覽器要為資源分配多少空間,并防止惱人的內(nèi)容移動(dòng),從而降低您的CLS得分。在這里了解更多。
哦,移動(dòng)搜索引擎優(yōu)化。在其最壞的情況下,它可以給你一個(gè)高跳出率和低轉(zhuǎn)換率。但是,在它好的情況下,它可以給你更多的排名權(quán)力和更好的用戶(hù)參與。
問(wèn)題是,你如何為移動(dòng)優(yōu)先索引優(yōu)化你的圖像?
幸運(yùn)的是,谷歌提供了關(guān)于圖像的正確做法的指導(dǎo)。
簡(jiǎn)而言之,你要?jiǎng)?chuàng)建響應(yīng)式圖像。這意味著無(wú)論用戶(hù)使用的是臺(tái)式機(jī)還是移動(dòng)設(shè)備,圖像都會(huì)隨著網(wǎng)站的大小而變化。它可以根據(jù)設(shè)備的大小進(jìn)行調(diào)整。
Mozilla提供了一個(gè)全面的指南,說(shuō)明如何使用srcset和 sizes屬性為瀏覽器提供額外的源圖像,使其能夠顯示為設(shè)備調(diào)整大小的相同的圖像內(nèi)容。
重要的是,要在每一行中使用不同的屬性值。
無(wú)論你是將圖片添加到網(wǎng)站地圖中,還是為圖片創(chuàng)建一個(gè)新的網(wǎng)站地圖,你都希望在網(wǎng)站地圖中找到圖片。
在網(wǎng)站地圖中添加圖片,可以大大增加搜索引擎抓取和索引圖片的機(jī)會(huì)。因此,會(huì)帶來(lái)更多的網(wǎng)站流量。
如果你使用WordPress,Yoast和RankMath在他們的插件中提供了一個(gè)網(wǎng)站地圖解決方案。
結(jié)構(gòu)化數(shù)據(jù)標(biāo)記你的內(nèi)容類(lèi)型,引導(dǎo)谷歌和搜索引擎提供更好的視覺(jué)結(jié)果。從本質(zhì)上講,如果你添加了結(jié)構(gòu)化數(shù)據(jù),谷歌可以將你的圖片作為一個(gè)豐富的結(jié)果。
例如,如果你在一個(gè)產(chǎn)品頁(yè)面上使用結(jié)構(gòu)化數(shù)據(jù)標(biāo)記,并且你將圖像標(biāo)記為產(chǎn)品,谷歌可以將這個(gè)圖像與價(jià)格標(biāo)簽配對(duì)。搜索引擎跳過(guò)算法,使用結(jié)構(gòu)化數(shù)據(jù)中提供的信息來(lái)提供正確的圖像。
因此,在你開(kāi)始上傳你的圖片到你的網(wǎng)站之前,確保遵循上面的圖片優(yōu)化儀式。
最重要的是要確保圖像和替代文本與頁(yè)面相關(guān)。
其他關(guān)鍵要點(diǎn):
選擇正確的文件格式。
減少文件大小以提高頁(yè)面加載速度。
確保你的頁(yè)面SEO元素(元數(shù)據(jù)、結(jié)構(gòu)化數(shù)據(jù)等)與你的圖片相匹配。
為了便于抓取,創(chuàng)建一個(gè)圖片網(wǎng)站地圖,或確保你的圖片在網(wǎng)站地圖中得到體現(xiàn)。
優(yōu)化圖像不是開(kāi)玩笑。隨著語(yǔ)音搜索技術(shù)的進(jìn)步,媒體的重要性越來(lái)越大,你的整個(gè)網(wǎng)站將從采取上述步驟中受益。