您好!歡迎光臨北京歡迎你科技有限公司官網(wǎng)!
售前咨詢熱線: 400-8737-108 北京地區(qū)專線: 010-52886123 售后服務(wù)專線: 010-56035709 VIP專線: 15901551129(24小時(shí))
您可以通過以下新聞與公司動態(tài)進(jìn)一步了解我們。我們所簽約的客戶,無論他們的項(xiàng)目是大或者小,我們都將提供好的服務(wù)。
本文主要講解網(wǎng)站建設(shè)中圖片地處理方法,讓搜索引擎,讓客戶體驗(yàn)更加地好:北京網(wǎng)站制作
壹. 用結(jié)構(gòu)化數(shù)據(jù)寫產(chǎn)品圖片ALT
我們很容易使用照相機(jī)默認(rèn)地圖片編號當(dāng)做圖片們地命名,這樣地話對于搜索引擎來說,可能就沒有辦法辨識圖片地內(nèi)容,從而我們就失去啦從圖片搜索那塊兒帶來地流量,這是非?上У,特別是當(dāng)你地產(chǎn)品有數(shù)以萬計(jì)地話。通常我們可以制定結(jié)構(gòu)化數(shù)據(jù)規(guī)則讓技術(shù)人員設(shè)計(jì)程序批量替換圖片地alt屬性,而無需我們手工操作。
我們要思考壹下,訪客地搜索習(xí)慣是神馬?會搜索哪些重要詞語?最好可以再看壹下谷歌統(tǒng)計(jì)里面地重要詞語數(shù)據(jù),看看有無遺漏;旧蟻碚f,訪客更傾向于搜索品牌詞+產(chǎn)品系列地詞組組合和變化,那么alt標(biāo)簽地結(jié)構(gòu)化規(guī)則就出來啦,可以寫為:alt=”{品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號}”。對于產(chǎn)品圖片地描述來說,不建議寫過多冗余內(nèi)容,保持?jǐn)?shù)據(jù)結(jié)構(gòu)化,做到重要詞語辨識度高,重要詞語信息豐富就可以啦,千萬不要做重要詞語堆積。
貳. 圖片拍攝角度問題
基本上拍攝產(chǎn)品照片不會只拍壹個(gè)角度,訪客肯定不會滿足于只有壹張正面照,多角度地去展示圖片才能更好地吸引訪客在你地網(wǎng)站上停留更多地時(shí)間,才可以去激發(fā)起他們地購買欲望,所以自然需要拍攝物體地正面,背面,側(cè)面,細(xì)節(jié)等等,這個(gè)時(shí)候如何寫alt標(biāo)簽?
最好地方法也是保持alt標(biāo)簽地結(jié)構(gòu)化,繼承主圖地格式,千萬不要去給這些圖片壹個(gè)全新地寫法,正確地寫法如下,
alt={品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號}-正面
alt={品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號}-背面
alt={品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號}-側(cè)面
保持主干“{品牌詞}{產(chǎn)品系列}-{產(chǎn)品型號}”不變,可以讓搜索引擎充分確認(rèn)當(dāng)前圖片系列或是頁面就是關(guān)于那個(gè)重要詞語,從而讓這些圖片被圖片搜索引擎搜索到地幾率大大增加。單槍匹馬壹定倒下。
叁.關(guān)于大圖地顯示問題
如果你希望提供更大地圖片讓用戶爽壹下,這個(gè)思路很好,但要非常小心,不建議將大圖直接放在網(wǎng)頁上然后用css將圖片縮小,雖然你看上去圖片變小啦,但是圖片地尺寸還是實(shí)實(shí)在在存在地,這會影響加載速度。相反,你可以先放壹張較小地圖片,然后提供查看大圖功能地選項(xiàng),不管是點(diǎn)擊彈出大圖還是另外新頁面顯示,都o(jì)k。
當(dāng)然,還有壹些人會把大圖切成壹張張小圖做拼接,這樣做可以讓圖片快速顯示,但同時(shí)壹張圖片切成小圖之后,服務(wù)器地請求數(shù)會增加,從而會影響網(wǎng)頁加載速度。所以,如果圖片地體積實(shí)在過大地話,建議為圖片專門配置新服務(wù)器。
肆. 正確看待縮略圖
大部分電商網(wǎng)站都有縮略圖展示,它可以讓訪客迅速地掃描到盡可能多地商品樣式而不需要再去點(diǎn)擊壹個(gè)額外地頁面。
縮略圖很棒,但是要小心,他們可能是你網(wǎng)站地速度殺手。他們通常會出現(xiàn)在關(guān)鍵地購物流程之中,若因此影響啦購物流程地流暢性,額… 那你就可能又損失啦壹個(gè)顧客。關(guān)于縮略圖,我個(gè)人有如下兩點(diǎn)建議:
盡可能壓縮縮略圖體積,縮略圖地圖片不要過高地追求顯示質(zhì)量,當(dāng)用戶點(diǎn)擊到下壹層詳情頁面地時(shí)候再給他壹張高質(zhì)量地圖片。盡量不要為縮略圖設(shè)置alt標(biāo)簽,通常我們并不希望搜索引擎索引地是縮略圖而應(yīng)是產(chǎn)品詳情頁地高質(zhì)量原圖。
伍. 用對圖片格式
目前有叁種非常流行地圖片格式,他們是JPEG,GIF,和PNG。讓我們來看看他們有何不同,
JPEG (或者說 .jpg) 是最常用地圖片壓縮格式,支持最高級別地壓縮。通常,對于顯示要求比較高地圖片來說,JPEG格式展示地圖片效果較GIF和PNG有明顯地優(yōu)勢。
GIFs (.gif) 地圖片顯示質(zhì)量要比JPEGs遜色很多,通常用作非常簡單地圖片展示,比如素材或者裝飾性圖案,gif也可以用來制作動畫。gif不適合用作高顯示質(zhì)量地圖片。
PNG圖片是比gif更好地選擇,因?yàn)镻NG圖片支持地色彩要比GIFs多。此外,和JPEG壹樣,PNG反復(fù)保存也不會影響圖片質(zhì)量,而且對于小圖來說,PNG占用地體積極小,PNG完美支持透明背景,所以壹般logo或壹般裝飾性圖案都會選擇PHG格式。注意PNG-貳肆圖片體積要超叁倍地大于同樣情況下地PNG-捌版本,對待PNG你要十分小心,看仔細(xì)啦。
通過對比相同體積下(都是貳肆kb)不同格式地圖片顯示效果,經(jīng)過測試可以看到,JPEG 是獲勝者,在同樣地體積下,GIFs和PNGs必須以犧牲圖片質(zhì)量為代價(jià)。不過話又說回來,如果對于非常小地圖片來說(比如小于伍K),PNG是比較好地選擇,相比GIF,PNG可以在體積很小地情況下依然不會讓圖片失真。
當(dāng)我們選擇圖片格式時(shí),如下壹些tips供大家參考,
對于電商網(wǎng)站來說,產(chǎn)品圖片地質(zhì)量要求極高,JPEGs毫無疑問是首選,他們有相對高質(zhì)量地圖片顯示且不會占用太大地體積。絕對不要用GIFs來當(dāng)做產(chǎn)品大圖。不然地話文件尺寸會非常大,也沒有很好地辦法去壓縮它(壹壓縮就失真)。可以用GIFs做動畫或是裝飾性小圖。PNG可以作為JPEGs和GIFS地替代,如果你想把產(chǎn)品圖片做成PNG格式,盡量用PNG-捌而非PNG-貳肆。PNGs同時(shí)也擅長處理簡單地裝飾圖而只需很小地體積,PNG將會變得越來越流行。
順便提壹句,大部分地圖片編輯軟件可以轉(zhuǎn)換以上叁種形式地圖片格式。