對(duì)于網站圖片進(jìn)行優化,是提高用戶體驗的途徑之一不體,那麼(me)應該如何優化圖片呢?安慶SEO優化小編爲大家分享:
首先,我們先來了解一下,一張标準的圖片所應包湖可含的關鍵标簽。通常,一張标準的圖片所林她嵌入的代碼一般應包含5個标簽,好喝即Src,Width,Height,Alt和Title。
在網頁中插入圖片需要用到Html語言中的上公img元素。從技術上講,标簽不是指在網頁習器中插入圖像,而是在網頁鏈接圖像,标簽創建的就(jiù)是被(bèi飛妹)引用圖像的占位空間。其中,Src和車機Alt是所必需的兩(liǎng)個屬性。知己知彼百戰不殆,接下來舊要,我們就(jiù)逐一來認識一下這(zhè)5個标簽。
1. Src
Src的值(value)指代舊但的是圖像文件的路徑(Url),也就(ji放劇ù)是所引用的圖像的絕對(duì)路徑(Url)或相對(duì)路徑(Url)器唱,其中,絕對(duì)路徑(Url)指向(xiàng)其它站點,也就(國又jiù)是從其它網站引用來的圖片的鏈接地址,相對(duì)路國綠徑(Url)是指向(xiàng)自身站點的文件地址。對(duì)SEO工員得作來說(shuō),絕對(duì)路徑可以理解爲直接從其它網站拿道購來的圖片指向(xiàng)的圖片地址,而相對(duì)路徑是自身電如現腦上的圖片的路徑。
2. Alt
Alt,圖片的替代文本,是在圖片無法顯示或用戶西間禁用圖像顯示時(shí),代替北吧圖片顯示在浏覽器中的内容。Alt屬性的值(Value)是一個最多可包含102玩廠4個字符的字符串,其中包括空格和标讀就點。其語法是。在寫Alt标簽時(shí),盡量要用一個國工最簡單的句子把圖片的要義完整的表達出來,同時(shí),爲加速搜索引擎土藍爬蟲對(duì)圖片的抓取,也能(néng)在Alt标簽中加一個文章的主關鍵詞花錯。
3. Title
Title,是當鼠标放到圖片上時(shí)所顯示的文字。如果圖片上科海加有超鏈接,title屬性就(jiù)可用來對(d紅微uì)這(zhè)一圖片鏈接進(jìn)行解務計釋說(shuō)明。當圖片有鏈接時(shí),用戶點擊圖片會(hu年相ì)顯示文字,用戶可根據文字來判斷對(duì)加載頁面(miàn)是國城否有興趣,進(jìn)而減少無用的頁面(miàn)加載;當圖片沒(méi公訊)有鏈接,同時(shí),圖片旁邊沒(méi)風頻有文字标題或文字标題很長(ch年商áng)且顯示不全時(shí),title屬性就(jiù)可告訴用戶這(zh友筆è)個圖片是什麼(me),提高用戶體驗。
4. Width和Height
Width和Height,是圖片的寬國票和高,也就(jiù)是圖片的大小多對。過(guò)大的圖片,會(huì)降低網頁的加習路載速度,過(guò)小則有可能(néng做姐)影響圖片的清晰度。對(duì)于網站導航、背景等圖片,可參考百度、新浪煙弟等門戶網站的圖片尺寸,但對(d輛子uì)于文章中的圖片,就(jiù術和)可具體情況具體分析。不過(guò),質林裡量佳且清晰的圖片,有助于提高用戶體驗。
然後(hòu),我們來看一下,網站圖片優化中需注意的一些細節。
常言道(dào),細節決定成(chéng)敗,于細微之處見真章。圖厭時片優化,看似不如網站日常内容更新重要,但也有很多需注意科跳的細節。
1. 爲方便圖片被(bèi)搜索引擎抓取,要對女愛(duì)網站的Robots.訊吃txt文件進(jìn)行設置。設置時(shí),盡量不要使用Javascri媽舊pt鏈接圖片,因爲這(zhè)樣(yàn唱術g)不利于搜索引擎檢索圖片文檔。
2. 在SEO優化工作中,網站中有些圖片并不需要被(b動樂èi)搜索引擎抓取和收錄,比如網站模闆和導航中山員的圖片及背景圖片等。在優化中,我們就(jiù)應將(jiāng)這(zhè)醫長些圖片放在一個單獨的文件夾,并鄉電通過(guò)設置robots.txt文件來阻止搜索弟作引擎抓取這(zhè)些圖片。
3. 網站中用到的圖片,最好(hǎo)先保存至本地服務器,也就(ji章藍ù)是要保存到自己的電腦上,然後(hòu)再進(jìn)行調用。兒頻因爲從其它網站複制來的圖片,不僅影響圖片的加載速度,而且圖片穩定低自性不好(hǎo),容易丢失,間接也會(huì)影雜影響用戶的體驗。不要試圖用“借用”其它網站圖片的方法,來爲網站換取友鏈又吧,因爲站在SEO的角度來講,文字的錨文本效果要遠優于圖片。換務請言之,如果圖片鏈接的網站出現問題,也會(huì)北麗對(duì)自身網站造成(ch月妹éng)一定的影響。在將(jiāng)圖片保存火生到自身電腦上時(shí),要對(duì)圖片進(j哥厭ìn)行重新命名,盡量使用描述性且包含目标關鍵詞的短句,這(zh長錯è)樣(yàng)在調用時(shí),一般可公煙直接作爲Alt标簽使用。
4. 同一個網頁中,圖片的數量不要過(guò)多,但要精睡音。因爲圖片過(guò)多,會(huì花是)增加頁面(miàn)的體積,影響網頁的加載速度,也會(huì)影響網站用戶的作費體驗。通常,一個網頁的正文中不要超過(guò)不鐘4張圖片。
5. 要保證圖片和網站的相關性。通常,訪問網站的用戶,浏中內覽圖片可能(néng)不是他前家東來的目的,但圖片的存在,可使訪問者在頁面(miàn)停留的時(shí)間更久一站視些。雖然根據相關機構對(duì)眼睛章微追蹤的研究結果表明,訪問者在浏覽網東會頁時(shí),文字優先于圖片相那,但圖片會(huì)讓訪客停留的時(shí)間多為更久,并對(duì)頁面(miàn)的印象更深刻。不過(gu有玩ò),站在另一個角度,不管是網站中的圖片,還(hái)是文章中的圖片,動街爲便于優化,也爲了質量度,因爲PP們綠C廣告中關鍵詞和著(zhe)陸頁的相關性及著(日日zhe)陸頁的設計和内容,會(huì)們件影響某一關鍵詞的質量度,進(jìn)而會(huì)影響相關低開PPC廣告的點擊價格。
6. 對(duì)原創圖片添加水印土外。爲避免網站中辛辛苦苦做出來的圖片被(這道bèi)他人拿去使用,我們可對(duì)圖片加水印。網站導航南她、背景等圖片,配合網站相關設計,适當可加入一些标識,但文章内容中的圖片,都(d空短ōu)可加上水印,雖不能(néng)避免被(bèi)他人拿去小術使用,但使用的人,需要耗費精力船相對(duì)圖片進(jìn)行再編輯。
7. 在圖片周圍添加相關信息。在Google中搜索圖片,會(huì小到)不難發(fā)現,每張圖片下都(dōu)會(huì)有分公一段描述性文字,其中關鍵詞用粗體顯示。這(zhè)是因爲,Go懂道ogle圖片搜索通過(guò)分析頁面(mià中請n)圖片周圍的文字、圖片标題及許多其它元素來确電人定圖片内容,所以,在圖片周圍添加包含關鍵詞的描述信息,可優化網白樹站圖片在搜索引擎中的排名。
有時(shí),爲檢查對(duì)網船現站圖片的優化是否成(chéng)功,檢個妹查搜索引擎對(duì)網站圖片的收錄情況是必需的。檢查的方法很簡單。以Goo們公gle爲例,在Google圖片搜索的導航懂男下,在搜索欄中輸入網站的域名即可。在百度中,則需在圖片搜索下的搜索上匠欄中,輸入site:網站域名,就(jiù)可檢查網站圖片的收錄情況。
以上就(jiù)是我們今天爲大家分享的内容,更多資訊歡迎持續關聽湖注:http://www.aqseo.cn/ 。