如何優(yōu)化圖像以實(shí)現(xiàn)更好的網(wǎng)站設(shè)計(jì)和SEO

無論您是擁有論壇，在線商店還是希望看起來令人驚嘆的常規(guī)網(wǎng)站，都需要花一些時(shí)間來優(yōu)化您上傳的每張圖片。

當(dāng)我們談?wù)撊绾螢榫W(wǎng)絡(luò)“優(yōu)化”圖像時(shí)，您可以通過三種方式考慮這一點(diǎn)：

1）使它們看起來很好，

2）使它們快速加載

3）使搜索引擎易于索引。

在下文中我們具體講解一下優(yōu)化網(wǎng)站圖像所需的相關(guān)知識(shí)：

1.從高質(zhì)量圖像開始

儲(chǔ)蓄攝影：您不必是專業(yè)攝影師在您的網(wǎng)站上使用偉大的照片。每天似乎有更多高質(zhì)量的照片網(wǎng)站，你可以在那里下載商業(yè)用途的免費(fèi)照片。

在網(wǎng)站設(shè)計(jì)中，當(dāng)您從網(wǎng)站下載圖像時(shí)，它可能是一個(gè)非常大的JPEG文件。要為您的網(wǎng)站優(yōu)化它，您需要縮小尺寸并上傳較小的版本（以下更多內(nèi)容）。不過那沒關(guān)系。從大照片開始是理想的，因?yàn)槟偸强梢詫⑤^大的圖像縮小。圖形：如果您正在尋找更基于圖形的東西，那么您可以使用大量新的免費(fèi)在線工具來構(gòu)建自己的圖表或帶有字體疊加的照片。

2.使用正確的文件類型：JPEG或PNG

對(duì)于圖像，您最有可能遇到JPEG（或JPG）或PNG。各有利弊，但在大多數(shù)情況下，您可以記住以下內(nèi)容：

照片應(yīng)保存并以JPEG格式上傳。此文件類型可以以相對(duì)較小的高效文件大小處理照片中的所有顏色。通過使用JPEG，如果您將照片保存為PNG，則不會(huì)得到可能獲得的巨大文件。

圖形，特別是那些使用大而平坦的顏色區(qū)域的圖形，應(yīng)保存為PNG。這包括大多數(shù)網(wǎng)站設(shè)計(jì)，信息圖表，包含大量文本的圖像以及LOGO。PNG的質(zhì)量高于JPEG，但通常也會(huì)帶有更大的文件大小。PNG處理顏色和文字區(qū)域，線條清晰，因此您可以放大而不會(huì)丟失任何質(zhì)量。它們還支持透明背景（如果您使用LOGO，則需要它）。照片應(yīng)保存為JPEG格式

照片通常應(yīng)保存為JPEG格式。

圖形應(yīng)保存為PNG

圖形和LOGO應(yīng)保存為PNG。

3.調(diào)整圖像大小以優(yōu)化頁面速度和外觀

使用Web圖像，您希望在大小和分辨率之間找到適當(dāng)?shù)钠胶?。分辨率越高，文件大小越大?在印刷領(lǐng)域，高分辨率圖像是一件好事。但在網(wǎng)絡(luò)上，巨大的圖片可能會(huì)降低網(wǎng)站的網(wǎng)頁速度。這會(huì)損害用戶的體驗(yàn)，最終會(huì)損害您的搜索引擎排名。對(duì)于移動(dòng)訪問者來說，大圖像和緩慢的加載時(shí)間尤其令人討厭  。

那么如何在尺寸和質(zhì)量之間取得適當(dāng)?shù)钠胶猓渴紫?，重要的是要理解，在圖像方面，“大小”是一個(gè)相對(duì)術(shù)語。打印所需的內(nèi)容通常遠(yuǎn)遠(yuǎn)大于網(wǎng)站所需的內(nèi)容。

既然您已經(jīng)了解了描述圖像大小的不同方法，請(qǐng)記住以下幾條經(jīng)驗(yàn)法則：

大圖像或全屏背景圖像不應(yīng)超過1MB。

大多數(shù)其他小型網(wǎng)頁圖形可以是300KB或更少。

4.使圖像具有相同的大小和樣式

如果使用一致的樣式和大小/比例，網(wǎng)頁上的圖像看起來會(huì)更好。在頁面上排列文本，列和其他信息時(shí)，一致性也會(huì)有所幫助。

選擇了相同風(fēng)格的照片，并將每個(gè)照片裁剪為相同的尺寸。這使我的頁面看起來更加一致。

由于照片大小相同，方向相同，所以它們完全適合一列，我的段落在另一列中。無需調(diào)整或猜測(cè)！

5.正確命名圖像文件以幫助您的SEO

大多數(shù)人對(duì)他們的文件名不太了解。他們可能會(huì)將照片稱為“Photo1.jpg”或“Screen Shot 2017-06-02 at 3.41.15 PM”。如果這聽起來很熟悉，請(qǐng)花點(diǎn)時(shí)間重命名圖像，然后再將其上傳到您的網(wǎng)站。為什么？因?yàn)檫@樣做會(huì)給你的SEO帶來提升。

這樣想吧。當(dāng)百度掃描您的網(wǎng)站時(shí)，它可以讀取您的文字，但無法查看圖片中的內(nèi)容。文件名提供有關(guān)圖像中的內(nèi)容的信息，以便百度可以正確解釋它。

文件名也成為圖片網(wǎng)址的一部分，因此用簡單的英文命名文件會(huì)使您的網(wǎng)址更容易導(dǎo)航和解釋。將圖像上傳到您的網(wǎng)站后，其文件名是公開的。

6.填寫您的標(biāo)題和替代文字

一旦人們將圖像上傳到照片元素，他們經(jīng)常忘記填寫其他信息。但就像文件名一樣，這個(gè)信息為您提供了一些額外的SEO信息。

普通訪問者不會(huì)看到Alt標(biāo)簽（或替代文字），但它們可以讓搜索引擎了解每個(gè)圖像的基本概念。因此，一旦您將圖像添加到您的網(wǎng)站，請(qǐng)務(wù)必使用描述照片所顯示內(nèi)容的短語填寫“替代文字”字段，最好使用有針對(duì)性的關(guān)鍵字。（替代文本還可以幫助視障用戶使用基于音頻的軟件瀏覽您的網(wǎng)站，因此這是一種改善網(wǎng)站可訪問性的好方法。）以下是編寫好的alt標(biāo)簽的一些提示。

文件名和alt標(biāo)簽對(duì)于產(chǎn)品頁面的SEO尤為重要。如果它有意義，還要為圖像添加標(biāo)題，因?yàn)槿藗儍A向于閱讀照片標(biāo)題而不是其他任何內(nèi)容。

此外，通過這些步驟將使您的圖像看起來更好，幫助您的網(wǎng)站加載更快，并最終有利于您的SEO。立即進(jìn)入正確的形象習(xí)慣，您將獲得整個(gè)網(wǎng)站的好處。