網(wǎng)站優(yōu)化時(shí)如何對(duì)圖片進(jìn)行優(yōu)化

2023-01-21    分類: 網(wǎng)站建設(shè)

成都網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián):在SEO網(wǎng)站優(yōu)化中,其實(shí)圖片的優(yōu)化也占了很大一部分,它是SEO網(wǎng)站優(yōu)化中重要的一個(gè)組成部分,圖片優(yōu)化得好,不但可以提高頁(yè)面的加載速度,加快搜索引擎的抓取速度以至于收錄更多網(wǎng)站制作頁(yè)面,而且通過對(duì)圖片進(jìn)行有意識(shí)的優(yōu)化,還可以通過圖片帶來(lái)一定的流量,是多方受益的。下邊我就我的個(gè)人經(jīng)驗(yàn),來(lái)講下在對(duì)圖片優(yōu)化時(shí),應(yīng)該怎么做

1、圖片要加上alt標(biāo)簽及圖片要盡是進(jìn)行無(wú)損壓縮

我們知道,一個(gè)頁(yè)面中如果它的圖片比較多,那么頁(yè)面的打開速度就會(huì)比較慢,也就是說頁(yè)面的加載速度會(huì)比較慢,特別是一些圖片站,圖片都要進(jìn)行適當(dāng)?shù)膲嚎s處理,這樣頁(yè)面的加載速度就會(huì)快很多,當(dāng)然了,圖片的壓縮好是在無(wú)損的情況下進(jìn)行,現(xiàn)在網(wǎng)上有很多這樣的無(wú)損壓縮工具,大家在百度上查下就能夠找到了,我們所說的壓縮是在不影響整體的情況下進(jìn)行的。如果某些頁(yè)面對(duì)于圖片的質(zhì)量要求比較高,那壓縮率就盡量小一些,以免影響用戶體驗(yàn),所以這也是一個(gè)折衷的問題,大家可以根據(jù)頁(yè)面的實(shí)際情況來(lái)進(jìn)行必要的處理。

在網(wǎng)站的一些重要的圖片中,一定要加上ALT標(biāo)簽,這樣搜索引擎就可以知道這個(gè)圖片的主題是什么,從而圖片搜索的時(shí)候,給予你一定的排名,對(duì)圖片加ALT標(biāo)簽,對(duì)用戶來(lái)說也是一個(gè)很好的引導(dǎo)作用,當(dāng)用戶把鼠標(biāo)放到圖片上時(shí),ALT里邊的內(nèi)容就會(huì)展示給用戶,特別是當(dāng)圖片出現(xiàn)一些問題不能被訪問的時(shí)候,這時(shí)候ALT的作用就更加顯現(xiàn)出來(lái)了,在顯示圖片的地方會(huì)直接顯示ALT里邊的文字內(nèi)容,從而起到一個(gè)很好的提示作用,對(duì)于用戶對(duì)上下文的理解起到一個(gè)很好的作用。

2、在圖片的四周要盡量出現(xiàn)一些有意義的文字

搜索引擎在對(duì)圖片的主題進(jìn)行判斷的時(shí)候,是會(huì)參考圖片周圍的內(nèi)容的,所以我們?cè)谝恍┲匾膱D片周圍,要盡量的出現(xiàn)一些描述性的文字,以幫助搜索引擎對(duì)于圖片的理解,例如圖片的上部、下部、左部、右部,都要盡量的出現(xiàn)一些與圖片的主題相關(guān)的內(nèi)容,這樣對(duì)搜索引擎是比較友好的。

3、對(duì)圖片要指定高度與寬度及使用CSS Sprites技術(shù)(圖片合并)

頁(yè)面加載圖片的時(shí)候,(暫不考慮不同瀏覽器的下載并發(fā)數(shù)量情況下)如果頁(yè)面代碼中不設(shè)定img的寬高,那么瀏覽器在加載過程中會(huì)不斷計(jì)算每張圖片的即時(shí)寬高,直到圖片完整顯示出來(lái)為止。而設(shè)定了寬高,瀏覽器返回的信息里預(yù)先把要加載的圖片寬高預(yù)留出來(lái)即可,那么瀏覽器就可以騰出時(shí)間和并發(fā)去下載其他的圖片。這也就是為什么給圖片設(shè)置寬高,可以略微改善頁(yè)面打開速度的原因。當(dāng)然,頁(yè)面總數(shù)越大的站,頁(yè)面圖片數(shù)或網(wǎng)站圖片總數(shù)大的站點(diǎn),這種加載的變化就越明顯。
CSS Sprites其實(shí)就是把網(wǎng)頁(yè)中一些背景圖片整合到一張圖片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的組合進(jìn)行背景定位,background-position可以用數(shù)字能精確的定位出背景圖片的位置。這樣可以盡量的減少圖片的數(shù)量,從而減少圖片對(duì)服務(wù)器的請(qǐng)求次數(shù),從而加快頁(yè)面的加載速度。

本文由成都網(wǎng)站制作公司創(chuàng)新互聯(lián)http://www.bm7419.com/發(fā)布

網(wǎng)站題目:網(wǎng)站優(yōu)化時(shí)如何對(duì)圖片進(jìn)行優(yōu)化
文章來(lái)源:http://www.bm7419.com/news37/231387.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站營(yíng)銷、網(wǎng)站策劃、網(wǎng)站建設(shè)電子商務(wù)、做網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)公司