亚洲日韩一页精品发布,亚洲无线观看国产精品,亚洲av无码乱码在线观看富二代,亚洲av无码专区首页,亚洲精品偷拍无码不卡av

如何做圖片SEO優(yōu)化?

谷歌SEO服務(wù)

使用圖片是一個不錯的主意,它能讓讀者更好地理解你的文章,或者更好地了解你提供的產(chǎn)品或服務(wù)。老話說得沒錯,“一圖勝千言”,盡管這可能在谷歌的情境下并不適用。但是當(dāng)你需要為一千個枯燥的文字增添色彩,用圖表說明你的意思,或者讓你的社交媒體帖子更具吸引力時,這句話確實是對的。

這是一個簡單的建議:在你寫的每篇文章或創(chuàng)建的每個頁面中都添加圖片,讓它們更吸引人。此外,隨著搜索領(lǐng)域的迅速變化,不再只依賴于文本,向頁面添加視覺元素會有利于你的搜索引擎優(yōu)化。

視覺搜索仍然是方程式的重要組成部分,就像幾年前谷歌對搜索未來的愿景已經(jīng)顯而易見一樣。但隨著人工智能和其他多媒體技術(shù)的興起,優(yōu)化你的圖片(以及視頻)將使搜索引擎和用戶更容易找到你。努力優(yōu)化你的圖片可能會為你帶來可觀的流量。

當(dāng)你進(jìn)入谷歌圖片搜索時,你會注意到現(xiàn)在它帶有過濾器、元數(shù)據(jù)和歸因。這向我們表明,谷歌越來越了解圖像的內(nèi)容以及圖像如何融入更大的背景中。

尋找合適的圖片

圖像 SEO:這張圖片并不是在說“歡迎來到我們的公司”,而是在說“歡迎來到一家公司”。

最好使用原創(chuàng)圖片——你拍攝的高質(zhì)量照片——而不是庫存照片。你的團(tuán)隊頁面需要展示你實際團(tuán)隊的照片。而不是右邊這個人,或者他的其他庫存照片朋友之一。

你的文章需要一張與其主題相關(guān)的圖片。如果你添加了一個隨意的照片只是為了在 Yoast SEO 內(nèi)容分析中得到一個綠色的指示燈,那你就錯了。這張圖片應(yīng)該反映出文章的主題,或者在文章中起到說明作用。此外,盡量將圖片放在相關(guān)文本附近。如果你有一個核心圖片或者你想要排名的圖片,盡量將其放在頁面頂部,如果可能的話,而不讓其顯得不自然。所有這些都有一個簡單的圖像 SEO 原因。一張帶有相關(guān)文本的圖片在其優(yōu)化的關(guān)鍵詞上排名更高。但我們將在本文稍后討論圖像 SEO。

備選方案

你的網(wǎng)站上沒有原創(chuàng)圖片嗎?還有其他找到獨(dú)特圖片的方法。例如,F(xiàn)lickr:Creative Commons 和 Unsplash 是很好的圖像來源,因為你可以使用 Creative Commons 圖像。記得檢查一下限制條件,并在使用其圖像時注明原始攝影師。我們的博客文章為你提供了一個獲取優(yōu)秀圖片的概述。避免明顯的庫存照片。如果你一定要使用庫存照片,選擇看起來更真實的照片。但不管你使用什么,你可能會發(fā)現(xiàn)帶有人物的圖片通??雌饋硐袷菐齑嬲掌?。除非你自己拍攝了照片,這(在我們看來)總是最好的主意。

明顯的圖片替代方案是插圖或圖表,這正是 Yoast 我們經(jīng)常使用的。此外,還應(yīng)該提到的是動態(tài) GIF 圖片,這在今天非常流行。

圖像 SEO:動態(tài) GIF 圖片現(xiàn)在非常流行

動態(tài) GIF 圖片很酷但加載慢

盡管動態(tài) GIF 圖片很受歡迎,但要適度。它會使你的文章更難讀,因為圖像的運(yùn)動會分散讀者的注意力。而且,更重要的是,它們可能會減慢你的頁面加載速度。

為文章中的圖片做準(zhǔn)備

一旦你找到了合適的圖片——照片、插圖或圖表——下一步就是為你的網(wǎng)站對其進(jìn)行優(yōu)化。所以在添加圖片之前,有幾件事情你需要考慮:

選擇正確的文件名

是的,我們是認(rèn)真的。圖像 SEO 從文件名開始。你希望谷歌知道圖像是關(guān)于什么的,甚至不看它。所以,在圖像文件名中使用你的關(guān)鍵詞。這很簡單:如果你正在寫一篇關(guān)于巴黎圣母院的文章,并使用一張顯示巴黎圣母院日出的圖片,文件名不應(yīng)該是 DSC4536.jpg。一個合適的文件名應(yīng)該是 notre-dame-paris-sunrise.jpg。這樣,照片的主要主題(也許是你的文章)就在文件名的開頭。

選擇正確的格式

對于圖片來說,沒有適合所有情況的正確格式。它取決于圖片的類型以及你想要如何使用它。簡而言之,我們建議:

  • 對于較大的照片或插圖,選擇 JPEG。它會以相對較小的文件大小為你提供色彩和清晰度方面的良好結(jié)果;
  • 如果你想在圖像中保留背景透明度,使用 PNG;
  • 或者使用 WebP 而不是 JPEG 和 PNG。它會以較小的文件大小提供高質(zhì)量的結(jié)果。你可以使用像 Squoosh 這樣的工具將你的圖像轉(zhuǎn)換成 WebP;
  • 對于標(biāo)識和圖標(biāo),使用 SVG。借助 CSS 或 JavaScript,你可以管理 SVG 格式的圖像。例如,調(diào)整大小而不會失去質(zhì)量。 如果你知道你的大部分受眾使用特定的瀏覽器或設(shè)備,檢查一下這些瀏覽器在 CanIuse.com 上是否支持你首選的格式。當(dāng)你選擇了正確的名稱和格式后,就該調(diào)整大小和優(yōu)化你的圖像了!

為圖像 SEO 縮放

加載時間對用戶體驗和整體 SEO 非常重要。網(wǎng)站加載得越快,用戶和搜索引擎訪問頁面就越容易。圖片在加載時間中有著很大的影響,特別是當(dāng)你上傳一個巨大的圖像來顯示它的小尺寸時。例如,一個 2500×1500 像素的圖像以 250×150 像素的大小顯示。

即使它顯示得更小,整個圖像仍然需要加載。因此,將圖像調(diào)整到你想要顯示的尺寸。WordPress 在上傳后會自動為你提供多個尺寸的圖片。不幸的是,這并不意味著文件大小也被優(yōu)化了;這只是圖像顯示的尺寸。所以,考慮一下你上傳圖片的尺寸!

使用響應(yīng)式圖片

這對 SEO 也很重要。如果你使用 WordPress,它會自動完成,因為它在 WordPress 4.4 版本中默認(rèn)添加了此功能。圖片應(yīng)該具有 srcset 屬性,這樣可以根據(jù)屏幕寬度為每個屏幕加載不同的圖片,這對移動設(shè)備尤其有用。

減少文件大小

圖像 SEO 的下一步是確保你的縮放圖像被壓縮。這樣,它將以最小的文件大小提供。值得注意的是,WordPress 確實會壓縮你上傳的圖像。但不幸的是,這種自動壓縮通常不足以依賴它。

當(dāng)然,你可以導(dǎo)出圖像并嘗試不同的質(zhì)量百分比。但我們更喜歡使用最高質(zhì)量的圖像,特別是考慮到移動設(shè)備和臺式設(shè)備上高分辨率屏幕的普及。

你仍然可以通過去除 EXIF 數(shù)據(jù)等方式減小這些圖像的文件大小。我們建議使用像 ImageOptim 或 Squoosh、JPEGmini、jpeg.io 或 Kraken.io 這樣的工具。

當(dāng)你優(yōu)化了你的圖像后,你可以使用 Google PageSpeed Insights、WebPageTest.org 或 Pingdom 等工具測試你的頁面。

提高核心 Web 體驗中的 LCP

在 CSS 中為圖像指定寬度和高度可以顯著改善你網(wǎng)站的用戶體驗和整體性能。通過為圖像設(shè)置顯式尺寸,你可以優(yōu)化布局,并在圖像加載時防止內(nèi)容移位。這種做法對于改善核心 Web 體驗非常重要,包括最大內(nèi)容渲染時間(LCP)。

當(dāng)你在 CSS 中為圖像定義寬度和高度屬性時,瀏覽器可以在完全加載圖像之前分配所需的空間。這使得瀏覽器可以更準(zhǔn)確地呈現(xiàn)內(nèi)容,并避免意外的布局移位,這對用戶來說非常令人沮喪。

 

將圖像添加到文章中

雖然谷歌正在改進(jìn)識別圖像中內(nèi)容的能力,但你不應(yīng)該僅依靠它們的能力。一切都取決于你為圖像提供的上下文——所以盡量提供盡可能多的信息!我們將在下面討論如何做到這一點(diǎn)。

當(dāng)你的圖片準(zhǔn)備好使用時,不要隨便把它放到文章中的任何位置。如前所述,將其添加到與相關(guān)文本內(nèi)容接近的地方會幫助很多。這確保了文本與圖像的相關(guān)性與用戶和谷歌所喜歡的一致。

字幕

圖片字幕是指伴隨圖片出現(xiàn)在頁面上的文字。如果你看一下本文中的圖片,它就是每個圖片下方灰色框中的文本。為什么字幕對圖像 SEO 很重要?因為人們在瀏覽文章時會使用它們。人們傾向于在瀏覽網(wǎng)頁時掃描標(biāo)題、圖片和字幕。早在 1997 年,Jakob Nielsen 就寫道:

“增強(qiáng)掃描的元素包括標(biāo)題、大字體、粗體文本、突出顯示的文本、項目符號列表、圖形、字幕、主題句和目錄?!?/p>

你需要為每個圖片都添加字幕嗎?不需要,因為有時圖片還有其他用途。決定你是否也要將其用于 SEO。你只應(yīng)該在訪客認(rèn)為有必要添加字幕的情況下才添加。首先考慮訪客,不要僅僅為了圖像 SEO 而添加字幕。

替代文本

替代文本(或 alt 標(biāo)簽)是添加到圖像中的文本,因此如果因任何原因圖像無法顯示給訪客,描述性文本將在那里。我們無法比維基百科更好地解釋:

“在讀者無法查看圖像的情況下,例如因為他們在網(wǎng)絡(luò)瀏覽器中關(guān)閉了圖像,或者由于視覺障礙而使用屏幕閱讀器,替代文本確保沒有丟失任何信息或功能。”

替代文本用于增強(qiáng)你網(wǎng)站的可訪問性。因此,請確保為你使用的圖像添加替代文本。此外,考慮在適當(dāng)?shù)那闆r下包含該頁面的 SEO 關(guān)鍵短語。不要將每個圖像的替代文本都填滿關(guān)鍵字。最重要的是,請描述圖片中的內(nèi)容,以便搜索引擎和用戶理解。圖片周圍的相關(guān)信息越多,搜索引擎就會認(rèn)為這個圖片越重要。

然而,請記住,并不是每個圖片都需要替代文本。相反,請將替代文本視為你內(nèi)容的一部分,并在有意義的地方添加它。例如,如果你使用的是純粹用于裝飾的圖片,那么該圖片就不需要替代文本。在這種情況下,添加替代文本對讀者沒有任何價值。另一方面,如果你使用了一個帶有統(tǒng)計數(shù)據(jù)的圖片,比如說——上個月搜索冰淇淋的人數(shù),那么這個信息應(yīng)該在替代文本中反映出來。你可以在 W3 的文章中找到替代文本的指導(dǎo)。

標(biāo)題文本

一些瀏覽器在懸停在圖像上時會顯示標(biāo)題文本作為“工具提示”。Chrome 顯示的標(biāo)題文本是預(yù)期的。圖片的標(biāo)題都很相似,許多使用標(biāo)題的人都復(fù)制替代文本。但越來越多的人完全不使用它們。為什么呢?Mozilla 這樣解釋:

“標(biāo)題存在許多可訪問性問題,主要是因為屏幕閱讀器的支持非常不可預(yù)測,大多數(shù)現(xiàn)代瀏覽器已經(jīng)停止了使用標(biāo)題作為默認(rèn)的鼠標(biāo)提示?!?/p>

搜索引擎爬蟲不會直接使用圖片的標(biāo)題文本。所以你可以選擇使用或不使用標(biāo)題文本。但是,如果你決定使用它,確保它是有意義的。與替代文本一樣,不要填滿關(guān)鍵字。

標(biāo)題和插圖

每張圖片都有一個標(biāo)題。這個標(biāo)題將成為該頁面的主題之一。我們在前面的插圖中看到的插圖并不是在說“歡迎來到我們的公司”,而是在說“歡迎來到一家公司”。換句話說,這個標(biāo)題是該頁面的一部分,應(yīng)該與其內(nèi)容相關(guān)。對于一些圖片,標(biāo)題是很好的輔助手段,但并不是所有圖片都需要標(biāo)題。你需要權(quán)衡利弊。

標(biāo)題文本

除了標(biāo)題之外,還有一個圖像的標(biāo)題文本。這是一種與 HTML 標(biāo)記結(jié)構(gòu)相關(guān)的東西,但現(xiàn)在已經(jīng)不被廣泛支持了。根據(jù) MDN Web Docs:

“不要使用 title 屬性作為工具提示文本,因為它的行為是不穩(wěn)定的:大多數(shù)瀏覽器不會顯示它,除非用戶配置了它們的瀏覽器,而這是少見的?!?/p>

如此說來,盡管它們不會立即顯示給用戶,但標(biāo)題文本仍然是你可以添加到圖像的另一種描述性文本。像替代文本一樣,標(biāo)題文本用于幫助搜索引擎了解圖片的內(nèi)容和上下文。

考慮圖片數(shù)量

你是否已經(jīng)添加了你需要的所有圖片?也許你有太多的圖片,而且它們只是讓頁面顯得混亂?;蛘吣阒挥幸粌蓮垐D片,而你的文章或頁面可能需要更多的視覺元素。使用盡可能多的圖片是很好的,但是不要添加它們只是為了添加。這會使頁面看起來擁擠不堪,從而影響用戶體驗。相反,只有在它們增強(qiáng)你的內(nèi)容時才添加圖片。

圖片與搜索引擎可訪問性

搜索引擎不像我們,它們不會看到圖片。它們通過文本來了解圖像內(nèi)容。所以,請確保你的圖片有足夠的上下文。把它們添加到一個有關(guān)你的內(nèi)容的文章中。通過添加替代文本、標(biāo)題和字幕,以及將它們放在與相關(guān)文本接近的地方,來為搜索引擎提供所需的信息。

圖像引用

盡管圖像本身并不是一種排名因素,但圖像引用是。這意味著鏈接到你的圖片的頁面也是一種排名因素。這也是為什么我們建議將圖片添加到你的文章中。它們使你的文章更有吸引力,同時增加了與其他頁面鏈接的可能性。

為這個內(nèi)容評分!
評價總數(shù): 0
? 版權(quán)聲明
出海社群

相關(guān)文章