網站seo優化

北京網站建設公司湖北衆廣網絡：在(zài)SEO網站優化中，其實圖片的(de)優化也(yě)占了(le／liǎo)很大(dà)一(yī / yì ／yí)部分，它是(shì)SEO網站優化中重要(yào / yāo)的(de)一(yī / yì ／yí)個(gè)組成部分，圖片優化得好，不(bù)但可以(yǐ)提高頁面的(de)加載速度，加快搜索引擎的(de)抓取速度以(yǐ)至于(yú)收錄更多網站制作頁面，而(ér)且通過對圖片進行有意識的(de)優化，還可以(yǐ)通過圖片帶來(lái)一(yī / yì ／yí)定的(de)流量，是(shì)多方受益的(de)。下邊我就(jiù)我的(de)個(gè)人(rén)經驗，來(lái)講下在(zài)對圖片優化時(shí)，應該怎麽做

1、圖片要(yào / yāo)加上(shàng)alt标簽及圖片要(yào / yāo)盡是(shì)進行無損壓縮

我們知道(dào)，一(yī / yì ／yí)個(gè)頁面中如果它的(de)圖片比較多，那麽頁面的(de)打開速度就(jiù)會比較慢，也(yě)就(jiù)是(shì)說(shuō)頁面的(de)加載速度會比較慢，特别是(shì)一(yī / yì ／yí)些圖片站，圖片都要(yào / yāo)進行适當的(de)壓縮處理，這(zhè)樣頁面的(de)加載速度就(jiù)會快很多，當然了(le／liǎo)，圖片的(de)壓縮最好是(shì)在(zài)無損的(de)情況下進行，現在(zài)網上(shàng)有很多這(zhè)樣的(de)無損壓縮工具，大(dà)家在(zài)百度上(shàng)查下就(jiù)能夠找到(dào)了(le／liǎo)，我們所說(shuō)的(de)壓縮是(shì)在(zài)不(bù)影響整體的(de)情況下進行的(de)。如果某些頁面對于(yú)圖片的(de)質量要(yào / yāo)求比較高，那壓縮率就(jiù)盡量小一(yī / yì ／yí)些，以(yǐ)免影響用戶體驗，所以(yǐ)這(zhè)也(yě)是(shì)一(yī / yì ／yí)個(gè)折衷的(de)問題，大(dà)家可以(yǐ)根據頁面的(de)實際情況來(lái)進行必要(yào / yāo)的(de)處理。

在(zài)網站的(de)一(yī / yì ／yí)些重要(yào / yāo)的(de)圖片中，一(yī / yì ／yí)定要(yào / yāo)加上(shàng)ALT标簽，這(zhè)樣搜索引擎就(jiù)可以(yǐ)知道(dào)這(zhè)個(gè)圖片的(de)主題是(shì)什麽，從而(ér)圖片搜索的(de)時(shí)候，給予你一(yī / yì ／yí)定的(de)排名，對圖片加ALT标簽，對用戶來(lái)說(shuō)也(yě)是(shì)一(yī / yì ／yí)個(gè)很好的(de)引導作用，當用戶把鼠标放到(dào)圖片上(shàng)時(shí)，ALT裏邊的(de)内容就(jiù)會展示給用戶，特别是(shì)當圖片出(chū)現一(yī / yì ／yí)些問題不(bù)能被訪問的(de)時(shí)候，這(zhè)時(shí)候ALT的(de)作用就(jiù)更加顯現出(chū)來(lái)了(le／liǎo)，在(zài)顯示圖片的(de)地(dì / de)方會直接顯示ALT裏邊的(de)文字内容，從而(ér)起到(dào)一(yī / yì ／yí)個(gè)很好的(de)提示作用，對于(yú)用戶對上(shàng)下文的(de)理解起到(dào)一(yī / yì ／yí)個(gè)很好的(de)作用。

2、在(zài)圖片的(de)四周要(yào / yāo)盡量出(chū)現一(yī / yì ／yí)些有意義的(de)文字

搜索引擎在(zài)對圖片的(de)主題進行判斷的(de)時(shí)候，是(shì)會參考圖片周圍的(de)内容的(de)，所以(yǐ)我們在(zài)一(yī / yì ／yí)些重要(yào / yāo)的(de)圖片周圍，要(yào / yāo)盡量的(de)出(chū)現一(yī / yì ／yí)些描述性的(de)文字，以(yǐ)幫助搜索引擎對于(yú)圖片的(de)理解，例如圖片的(de)上(shàng)部、下部、左部、右部，都要(yào / yāo)盡量的(de)出(chū)現一(yī / yì ／yí)些與圖片的(de)主題相關的(de)内容，這(zhè)樣對搜索引擎是(shì)比較友好的(de)。

3、對圖片要(yào / yāo)指定高度與寬度及使用CSS Sprites技術(圖片合并)

頁面加載圖片的(de)時(shí)候，(暫不(bù)考慮不(bù)同浏覽器的(de)下載并發數量情況下)如果頁面代碼中不(bù)設定img的(de)寬高，那麽浏覽器在(zài)加載過程中會不(bù)斷計算每張圖片的(de)即時(shí)寬高，直到(dào)圖片完整顯示出(chū)來(lái)爲(wéi / wèi)止。而(ér)設定了(le／liǎo)寬高，浏覽器返回的(de)信息裏預先把要(yào / yāo)加載的(de)圖片寬高預留出(chū)來(lái)即可，那麽浏覽器就(jiù)可以(yǐ)騰出(chū)時(shí)間和(hé / huò)并發去下載其他(tā)的(de)圖片。這(zhè)也(yě)就(jiù)是(shì)爲(wéi / wèi)什麽給圖片設置寬高，可以(yǐ)略微改善頁面打開速度的(de)原因。當然，頁面總數越大(dà)的(de)站，頁面圖片數或網站圖片總數大(dà)的(de)站點，這(zhè)種加載的(de)變化就(jiù)越明顯。

CSS Sprites其實就(jiù)是(shì)把網頁中一(yī / yì ／yí)些背景圖片整合到(dào)一(yī / yì ／yí)張圖片文件中，再利用CSS的(de)“background-image”，“background- repeat”，“background-position”的(de)組合進行背景定位，background-position可以(yǐ)用數字能精确的(de)定位出(chū)背景圖片的(de)位置。這(zhè)樣可以(yǐ)盡量的(de)減少圖片的(de)數量，從而(ér)減少圖片對服務器的(de)請求次數，從而(ér)加快頁面的(de)加載速度。

本文由北京網站制作公司湖北衆廣網絡/發布