無論您是在撰寫新的博客文章還是在產(chǎn)品頁面上工作,您很可能會問自己的頁面是否需要圖像。答案總是“是”。圖像使頁面栩栩如生,并有助于網(wǎng)站的搜索引擎優(yōu)化。但別擔心,我們將幫助您找出在哪里可以找到合適的圖片,并立即針對SEO進行優(yōu)化。讓我們開始吧!
一、始終使用圖像
正確使用圖像將幫助讀者更好地理解您的文章?;蛘吒玫亓私饽峁┑漠a(chǎn)品或服務(wù)。俗話說“一圖勝千言”可能并不適用于谷歌。但當您需要為1,000個枯燥的單詞增添趣味、在圖表中說明您的意思或讓您的社交媒體帖子更具吸引力時,這就是事實。這是一個簡單的建議:在您撰寫的每篇文章或創(chuàng)建的頁面中添加圖像,以使其更具吸引力。此外,隨著搜索環(huán)境的快速變化,不再僅僅依賴文本,向頁面添加視覺效果將有利于您的搜索引擎優(yōu)化。
視覺搜索仍然是這個等式的重要組成部分——正如幾年前谷歌對搜索未來的愿景中已經(jīng)顯而易見的那樣。但隨著人工智能和其他多媒體的發(fā)展,優(yōu)化你的圖像(和視頻)可以讓搜索引擎和人們更容易找到你。努力優(yōu)化您的圖像可以為您帶來大量流量。當您訪問Google圖片時,您會注意到它現(xiàn)在帶有過濾器、元數(shù)據(jù)和歸因。這向我們表明,谷歌越來越了解圖像中的內(nèi)容以及該圖像如何適應(yīng)更大的背景。
二、尋找正確的圖像
使用原始圖像(您拍攝的高質(zhì)量照片)總是比庫存照片更好。您的團隊頁面需要您實際團隊的照片。不是右邊這個家伙,也不是他的其他庫存照片朋友之一。您的文章需要與其主題相關(guān)的圖像。圖片應(yīng)反映帖子的主題或在文章中具有說明性目的。
另外,嘗試將圖像放置在相關(guān)文本附近。如果您有一個中心圖像或想要排名的圖像,請盡可能將其保留在頁面頂部附近,而不感到被迫。這一切都有一個簡單的圖像SEO原因。具有相關(guān)文本的圖像對于其優(yōu)化的關(guān)鍵字排名更高。但我們稍后將在本文中討論圖像搜索引擎優(yōu)化。
備擇方案:
您沒有可以在網(wǎng)站上使用的原始圖像嗎?還有其他方法可以找到獨特的圖像。Flickr:例如,Creative Commons和Unsplash是很好的圖像來源,因為您可以使用Creative Commons圖像。當您使用其中一張圖像時,請記住檢查限制并注明原始攝影師。如果您堅持使用庫存照片,請選擇看起來更真實的照片。但無論您使用什么,您可能會發(fā)現(xiàn)帶有人物的圖像往往看起來像庫存照片。除非您自己拍攝照片,否則(我們認為)這始終是最好的主意。
三、準備在文章中使用的圖像
一旦找到正確的圖像(照片、插圖或圖表),下一步就是針對您的網(wǎng)站對其進行優(yōu)化。因此,在添加圖像之前,您需要考慮以下幾點:
1.選擇正確的文件名
圖像搜索引擎優(yōu)化從文件名開始。您希望Google無需查看圖像就知道該圖像的內(nèi)容。因此,請在圖像文件名中使用焦點關(guān)鍵詞。
2.選擇正確的格式
對于圖像來說,不存在正確的格式。這取決于圖像的類型以及您想要如何使用它。簡而言之,我們建議:
·對于較大的照片或插圖,請選擇JPEG。它將以相對較小的文件大小為您提供良好的顏色和清晰度效果;
·如果您想保留圖像中的背景透明度,請使用PNG;
·或者使用WebP代替JPEG和PNG。它將以較小的文件大小產(chǎn)生高質(zhì)量的結(jié)果。您可以使用Squoosh等工具將圖像轉(zhuǎn)換為WebP。
·使用SVG來制作徽標和圖標。借助CSS或JavaScript,您可以管理SVG格式的圖像。例如,在不損失質(zhì)量的情況下調(diào)整它們的大小。
如果您知道大部分受眾使用特定的瀏覽器或設(shè)備,請檢查CanIuse.com上的這些瀏覽器是否支持您的首選格式。選擇正確的名稱和格式后,就可以調(diào)整圖像大小并優(yōu)化圖像了!
3.縮短圖像SEO加載時間
加載時間對于整體用戶體驗和SEO至關(guān)重要。網(wǎng)站速度越快,用戶和搜索引擎就越容易訪問頁面。圖像會顯著影響加載時間,尤其是當您上傳大圖像以將其顯示為小圖像時。例如,以250×150像素大小顯示2500×1500像素的圖像。
即使它顯示得小很多,仍然需要加載整個圖像。因此,將圖像大小調(diào)整為您想要顯示的大小。WordPress通過在上傳圖像后自動提供多種尺寸的圖像來幫助您做到這一點。不幸的是,這并不意味著文件大小也得到了優(yōu)化;這只是圖像顯示尺寸。因此,請考慮上傳圖像的大?。?/p>
4.使用響應(yīng)式圖像
這對于SEO來說也是必不可少的。如果您使用WordPress,它會自動完成,因為它是在WordPress 4.4中默認添加的。圖像應(yīng)該具有srcset屬性,這使得可以為每個屏幕寬度提供不同的圖像,這對于移動設(shè)備特別有用。
5.減小文件大小
圖像搜索引擎優(yōu)化的下一步是確??s放后的圖像被壓縮。這樣,它就會以盡可能小的文件大小提供。很高興知道WordPress確實會壓縮您上傳的圖像。但不幸的是,這種自動壓縮通常不足以單獨依賴它。當然,您可以導出圖像并嘗試質(zhì)量百分比。但我們更喜歡使用盡可能最高質(zhì)量的圖像,特別是考慮到高分辨率屏幕在移動和桌面設(shè)備中的流行。
6.改進核心Web Vitals中的LCP
在CSS中指定圖像的寬度和高度可以顯著改善網(wǎng)站的用戶體驗和整體性能。通過為圖像設(shè)置明確的尺寸,您可以優(yōu)化布局并防止內(nèi)容在圖像加載時移動。這種做法對于改善核心網(wǎng)絡(luò)生命至關(guān)重要,包括最大內(nèi)容繪制(LCP)。當您在CSS中定義圖像的寬度和高度屬性時,瀏覽器可以在圖像完全加載之前為其分配所需的空間。這使得瀏覽器能夠更準確地呈現(xiàn)內(nèi)容,并避免意外的布局變化,這可能會讓用戶感到非常沮喪。以下是這樣做的一些主要好處:
·防止布局變化:通過設(shè)置圖像的精確尺寸,您可以為它們保留適當?shù)目臻g。這可以確保圖像加載時頁面上的其他內(nèi)容不會移動或跳躍。用戶可以開始不受干擾地消費內(nèi)容,從而獲得更好的用戶體驗。
·提高頁面加載速度:當瀏覽器提前知道圖像的尺寸時,它可以為其分配空間,同時其他頁面元素繼續(xù)加載。這有助于優(yōu)化頁面加載速度,特別是LCP指標,因為從一開始就保留了最大的內(nèi)容元素空間。
·優(yōu)化瀏覽器渲染:了解圖像尺寸可以讓瀏覽器在渲染和繪畫方面表現(xiàn)更好。它可以有效地分配資源并優(yōu)化渲染管道,從而帶來更流暢、更快的瀏覽體驗。
四、將圖像添加到您的文章中
雖然谷歌在識別圖像內(nèi)容方面正在進步,但你還不應(yīng)該依賴他們的能力。這一切都取決于您提供該圖像的上下文。因此請盡可能多地填寫!我們將在下面討論如何進行。當您的圖像可供使用時,不要只是將其扔到文章中的任何位置。如前所述,將其添加到相關(guān)文本內(nèi)容附近會有很大幫助。它確保文本與圖像的相關(guān)性就像圖像與文本的相關(guān)性一樣,這是用戶和谷歌更喜歡的。
1.字幕
圖像標題是頁面上圖像附帶的文本。如果您查看本文中的圖片,就會發(fā)現(xiàn)每張圖片下方灰色框中的文本。人們在瀏覽網(wǎng)頁時傾向于瀏覽標題、圖像和說明文字,決定是否也將其用于SEO。您應(yīng)該只在訪問者認為有意義的地方添加標題,首先考慮訪客,不要僅出于圖像搜索引擎優(yōu)化的目的添加標題。
2.替代文本
替代文本(或替代標簽)被添加到圖像中,因此如果圖像因任何原因無法向訪問者顯示,描述性文本將會就位。替代文本的作用是增強網(wǎng)站的可訪問性,如果合適,請考慮包含該頁面的SEO關(guān)鍵詞。不要在每個圖像的替代文本中填充關(guān)鍵字,請描述圖片中的內(nèi)容,以便搜索引擎和人們能夠理解。圖像周圍的相關(guān)信息越多,搜索引擎就越認為該圖像重要。并非每個圖像都需要替代文本。相反,請將替代文本視為內(nèi)容的一部分,并將其添加到有意義的位置。
3.標題文字
當鼠標懸停在圖像上時,某些瀏覽器會將標題文本顯示為“工具提示”。Chrome按預(yù)期顯示標題文本。圖片的標題很相似,許多使用標題的人都會復(fù)制替代文本。但越來越多的人完全將它們排除在外。
4.添加圖像結(jié)構(gòu)化數(shù)據(jù)
將結(jié)構(gòu)化數(shù)據(jù)添加到頁面可以幫助搜索引擎將您的圖像顯示為豐富的結(jié)果。雖然谷歌表示結(jié)構(gòu)化數(shù)據(jù)并不能幫助你排名更高,但它確實有助于在圖像搜索中實現(xiàn)更充實的列表。如果您希望圖像在圖像搜索中顯示豐富,Google有一些您需要遵循的指南。其一,當將圖像指定為結(jié)構(gòu)化數(shù)據(jù)屬性時,請確保該圖像屬于該類型的實例。此外,您的圖像應(yīng)該具有圖像屬性,并且您的圖片應(yīng)該是可抓取和可索引的。您可以在Google的結(jié)構(gòu)化數(shù)據(jù)通用指南中找到所有這些內(nèi)容。
五、XML圖像站點地圖
作為一名Web開發(fā)人員,您可能想了解XML圖像站點地圖。我們更愿意將其描述為XML站點地圖中的圖像。此外,您可以使用站點地圖的Google圖片擴展,向Google提供有關(guān)您網(wǎng)頁上可用圖片的更多信息。圖像站點地圖信息可幫助Google發(fā)現(xiàn)我們可能無法通過其他方式找到的圖像(例如您的網(wǎng)站通過JavaScript代碼到達的圖像),并允許您在您的網(wǎng)站上指示您希望Google抓取并編制索引的圖像。
有時,人們會問我們有關(guān)XML圖像站點地圖的問題。我們不會在插件中生成這些內(nèi)容,而是遵循Google的建議,并將它們包含在頁面或帖子站點地圖中。只需在我們的帖子站點地圖中向下滾動,即可看到我們已將圖像添加到所有帖子中。將圖像添加到XML站點地圖有助于Google為您的圖像建立索引,因此請務(wù)必這樣做以實現(xiàn)更好的圖像SEO。
六、通過圖像CDN提供圖像
我們都知道CDN是最流行的網(wǎng)站速度優(yōu)化之一。一些提供CDN的公司也有專門的圖像CDN。圖像CDN圍繞基本任務(wù)構(gòu)建:優(yōu)化圖像并將其盡快提供給訪問者。運行圖像CDN可以將圖像的傳輸速度加快很多很多倍。圖像CDN可讓您處理圖像的轉(zhuǎn)換、優(yōu)化和交付。您可以確定何時加載什么以及如何加載。例如,所有PNG圖像都應(yīng)即時轉(zhuǎn)換為webp,因為它們加載速度最快并提供最佳圖像質(zhì)量。圖像CDN有很多選項可以微調(diào)流程,但通常有一個默認設(shè)置可能最適合大多數(shù)網(wǎng)站。
有大量圖像CDN可供選擇,例如Sirv、Cloudinary和Imagekit。此外,Cloudflare等平臺可讓您確定如何調(diào)整大小、重新格式化和提供圖像。
寫在最后
圖像搜索引擎優(yōu)化是許多元素的總和。隨著谷歌每天都在識別圖像中的元素方面做得越來越好,確保圖像及其元素有助于良好的用戶體驗和搜索引擎優(yōu)化是有意義的。試圖欺騙谷歌是愚蠢的。在文章中添加圖像時請記住以下12件事:
·使用與您的文字相匹配的相關(guān)圖像
·為您的圖像選擇一個好的文件名
·確保圖像尺寸與顯示的圖像尺寸匹配
·如果可能的話使用srcset
·減小文件大小以加快加載速度
·指定圖像的寬度和高度
·如果需要,添加標題,以便更輕松地掃描頁面
·使用圖像替代文本。不需要標題文字
·將結(jié)構(gòu)化數(shù)據(jù)添加到圖像中
·為圖像添加OpenGraph和Twitter Card標簽
·在XML站點地圖中使用圖像
·通過CDN提供圖像
盡可能提供所有背景信息!除了有助于搜索引擎優(yōu)化和用戶體驗之外,圖像對于轉(zhuǎn)化也很重要。因此,不要低估圖像SEO在您網(wǎng)站上的重要性!