如何在您的網(wǎng)站中使用圖像以獲得更好的結(jié)果
圖像是網(wǎng)站的重要組成部分。它們可以幫助用戶連接到網(wǎng)站的上下文。圖像提供了強(qiáng)大的信息,在網(wǎng)站建設(shè)中發(fā)揮著重要作用。圖像選擇是網(wǎng)站設(shè)計(jì)過程的一部分。因此,圖像優(yōu)化是更好的網(wǎng)站的重要考慮因素。首先要考慮的是確定圖像是否絕對(duì)必要。避免使用圖像可以釋放頁面上使用的大量字節(jié)。但是,合適的圖像可以比文字更好地傳達(dá)您的業(yè)務(wù)信息。
使用圖像的關(guān)鍵考慮因素
1、使用適當(dāng)?shù)膱D像:在網(wǎng)站中不加區(qū)分或不必要地使用圖像可能會(huì)掩蓋頁面的主要焦點(diǎn)。最好使用付費(fèi)圖像來獲得網(wǎng)站設(shè)計(jì)的唯一性。免費(fèi)贈(zèng)品只會(huì)使網(wǎng)站看起來像代表同一業(yè)務(wù)的其他網(wǎng)站。與文本數(shù)據(jù)相比,人類記憶更多地保留了圖形數(shù)據(jù)。圖像應(yīng)僅用于向客戶傳達(dá)消息。如果它用于裝飾目的,那么它應(yīng)該類似于網(wǎng)站的背景。
2、位置:圖像應(yīng)放置在相關(guān)文本附近。頁面的觀看者將更好地感知圖像旁邊的文本。圖像定位不當(dāng)會(huì)使網(wǎng)站混亂。
3、尺寸,尺寸和分辨率:?尺寸和尺寸不應(yīng)相互混淆。大小是指文件大小,而維度是指圖像的高度和寬度。較小的文件加載速度更快。如果圖像以更高的分辨率保存并且強(qiáng)制調(diào)整大小以適應(yīng)較小的空間,則會(huì)導(dǎo)致加載時(shí)間增加。大多數(shù)計(jì)算機(jī)顯示器不顯示超過72dpi的圖像。大于此的圖像分辨率會(huì)使文件不必要地變大??梢栽诰€找到出色的圖像壓縮工具。它們有助于創(chuàng)建較小版本的圖像以適應(yīng)所需的空間。在需要向用戶顯示高清圖像的情況下,這可以通過使用彈出窗口來實(shí)現(xiàn)。
4、命名圖像:搜索引擎不僅會(huì)抓取網(wǎng)站上的文本內(nèi)容。他們還搜索圖像文件中的關(guān)鍵字。因此,使用簡單的描述性文字來命名圖像將增加其出現(xiàn)在百度圖像搜索列表頁面中的可能性。名為Coffee-table.jpg的圖像優(yōu)于1.jpg。查看網(wǎng)站分析將了解用于執(zhí)行搜索的短語。
5、替代文字和標(biāo)題:當(dāng)文本無法通過瀏覽器顯示時(shí),替代文字是圖像的替代品。適當(dāng)使用圖像的alt標(biāo)簽可以為該網(wǎng)站添加SEO值。事實(shí)上,使用alt標(biāo)簽是圖片顯示在百度圖片搜索頁面中的最佳方式。但是,在指定alt標(biāo)記時(shí)需要遵循一些規(guī)則。不應(yīng)將不必要的詞塞入替代文本中。裝飾圖像可以忽略Alt標(biāo)簽。搜索引擎可能會(huì)過度優(yōu)化頁面。
6、處理縮略圖:縮略圖圖像尺寸必須盡可能小。縮略圖圖像的alt標(biāo)記必須與用于其對(duì)應(yīng)的較大圖像的標(biāo)記不同。建議這樣做,以避免在百度圖片搜索結(jié)果中列出縮略圖版本。
7、通過多個(gè)角度提供相同的產(chǎn)品形象:對(duì)于電子商務(wù)網(wǎng)站,通常從多個(gè)角度展示相同的產(chǎn)品。利用這個(gè)機(jī)會(huì)的最好方法是唯一地填寫所有alt標(biāo)簽。這將使?jié)撛诘乃阉髡哌M(jìn)入您的網(wǎng)站,而不會(huì)受到搜索引擎的懲罰。
8、要使用的圖像類型:?可以在網(wǎng)站中使用三種圖像文件。它們可以是jpeg,gif或png。Jpeg文件可以大大壓縮到較小的尺寸而不會(huì)損失顯示質(zhì)量。Gif文件的質(zhì)量甚至更低,用于迷你圖標(biāo)。Png現(xiàn)在用作gif文件類型的替代品。除非絕對(duì)必要,否則請(qǐng)確保文本未嵌入到圖像中。嵌入的圖像文本無法復(fù)制,無法搜索,表示設(shè)計(jì)質(zhì)量差。
圖像優(yōu)化可以針對(duì)實(shí)現(xiàn)兩個(gè)目標(biāo) - 更好的網(wǎng)站搜索引擎優(yōu)化和更好的網(wǎng)站設(shè)計(jì)美學(xué)。圖像占下載字節(jié)數(shù)量最多。優(yōu)化圖像可以節(jié)省字節(jié)下載并提高網(wǎng)站性能。圖像的最佳設(shè)置取決于對(duì)多個(gè)維度的仔細(xì)分析,例如格式,質(zhì)量,內(nèi)容,尺寸和用途。