SEO網站優化教學 – 網頁圖片優化及建立鏈結

SEO網站優化教學 #3 - SEO網站圖片優化及結立鏈結

網頁圖片優化、建立鏈結也是SEO不可或決的

上一課,我們已經明白,如何撰寫關鍵字及相關字詞,的確對網站頁面優化十分重要。

實際上,我們還可以做得更好。

透過加入網站圖片建立鏈結,讓Google搜尋引擎更加了解你的內容。

你應該聽過

一張圖片更勝千言萬語
A picture is worth a thousand words

無論對普通人來說,還是對SEO網站優化來說,這句說話同樣有用。

優化網頁圖片的好處

在網頁中加入圖片,既是為了用戶體驗,也是為了Google的搜尋優化。

加入網頁圖片能幫助讀者更易閱讀

提升用戶體驗 – 當我們在網頁加入圖片後,文章的整體佈局會更吸引人追看。我們建立網站,撰寫網誌,是希望更多人收看你的內容,是希望更多人了解你的內容,是希望更多人在你的網誌中得到價值。善用圖片,能改善用戶體驗(User Experience),提升網頁的內容品質,提升SEO評分。

還有另外一個原因

Google的電腦程式,還未能像人類一般,解讀你的圖片啦。所以如果你沒有做好網頁圖片的優化,Google 會不理解,網頁中的圖片,想表達什麼內容啊。

換一個說法……

做好SEO圖片優化,會讓Google的 Spider更了解你的網頁啊。

那麼,應詃如何開始呢?

3個步驟完成圖片優化

下載免費使用的網頁圖片

我所說的免費使用,是合法地免費使用啊。網上有很多免費使用的圖片,絕對能滿足你的大部份需要。

我分享一下,我經常使用,免費的網頁圖片網站吧!包括:

你可以在上列的網站,找到大量的CC0圖片,這些圖片都是沒有版權問題。你可以隨意使用,幫助你豐富網頁的內容。

網頁圖片優化,千萬不要忘記「壓縮

我在上面列舉的網站,都是非常棒的網站。它們提供高清的圖片,讓你能夠在不同的情況下使用

但是,檔案太大了!

網站圖片優化,首先要做壓縮

你可以看到,我在在免費的網頁圖片庫下載的原圖,是7.8 MB的圖片,而且尺寸是 2336 x 3500,我的網誌根本用不了這麼大的圖片啊。後來我把它壓縮成為32.2 KB,只有原圖的 0.4%,卻不太影響用戶的體驗啊。

試想像一下

如果你的網頁沒有做圖片壓縮,20張圖片就超過100MB 了,用戶還未等得及圖片加載完成,就已經直接離開了。那還做什麼SEO?

這裏有幾個方法,能幫助你壓縮圖片

PhotoShop

如何使用PhotoShop 修改圖片大小

在你轉存影像時,請在檔案設定中,修改品質(10 – 50%已經可以) 及影像尺寸 (視乎網頁的排版需要)

網上工具

有太多網站提供圖片壓縮的功能了,我在這裏就不列舉了,你可以在Google 搜尋Online Image Resizer,或直接點擊這裏

SEO優化你網頁的圖片

Google 為我們提供了圖片優化的指引,我把當中的重點整理了。

  • 由於Google未能完全讀懂圖片,所以我們要幫助他們,了解圖片的內容
  • 檔案名稱 – 避免使用”IMG00037.jpg”,這類沒有意思的檔案名稱。應該使用能說明圖片的檔案名稱,例如”Use Photoshop to resize Image.jpg” (使用PhotoShop修改圖片大小.jpg)
  • 適當的替代文字(alt) – 當網頁未能加載圖片,或是視障人士瀏覽你的網頁,加入替代文字 (alt)能幫助閱讀,亦同時為Google的搜尋引擎提供重要資訊
  • 適當的替內文字示範
    <img src=”how-to-use-photoshop-to-resize-image.jpg” alt=”如何使用PhotoShop 修改圖片大小”>
  • 相關的上下文 – 假如你在種蕃茄的網頁上放置北極熊圖片,會向搜尋引擎發送「北極熊.jpg」的說明性質訊息,這個訊息會使搜尋引擎難以做出判斷。(就是不要圖片檔案名與內文不符啦)

這三個步驟,下載 > 壓縮 > SEO 是簡單,卻又非常實用的方法。在寫網頁時,不要怕麻煩而放棄做這部份啊。因為這樣,你的網頁SEO會做得比別人更好!

為網頁建立鏈結

關於建立鏈結……

如果你還記得,Google有說過 (How Google Work),他們是如何搜尋到你的網站並索引到他們的伺服器當中。

有一句是這樣的

Spiders start  by fetching a few web paes then they follow the links on those pages and fetch the pages they point to, and follow all the links on those pages
它一開始會擷取少量網頁,然後追蹤這些網頁上的鏈結,並擷取鏈結所指向的網頁,再追蹤網頁上的鏈結,再繼續擷取所指向的網頁。

這當中的意思是,Google是基於不同網頁的鏈結找到你的,包括你自己的網頁。網站內的網頁鏈結,主要有兩種,就是內部鏈結外部鏈結

內部鏈結:

這是你指向同一個域名(網址)的鏈結,例如SEO網頁優化是什麼,或網頁文字優化設置,就是屬於內容鏈結。這當中有3點要注意:

  1. 使用該頁面的關鍵字做內部鏈結
  2. 把所有相關的題目都連結起來
  3. 沒必要開啟新一頁(Open in new Tab)打開鏈結

外部鏈結:

是你指向其他域名(網址)的鏈結,這經常出現於,有需要引同其他網站的時候。使用外部鏈結,能讓搜尋引擎認為,你的資料是高價值的。在選擇外部鏈結時,有以下幾點要注意:

  1. 如果有相同的參考內容,引用更具權威的網站,效果會更好
  2. 緊記要使用開啟新一頁(Open in new Tab)打開鏈結,因為如果你想同一頁開啟,訪客就會離開了你的網站
    點擊開啟新一頁寫法:<a href=”website url” target=”_blank”>…</a>
  3. 定期留意鏈結是否還有效,當經過一段時間後,其他網站可以已經關閉,或是他們修改了網頁的網址,有可能會鏈結失效,過多失效鏈結會影響到SEO

就是這樣了,總結一下今次的內容

  • 有免費,合法的圖片幫助你豐富內容
  • 網頁圖片緊記要壓縮後才上傳
  • 圖片檔案名稱要能說明圖片內容
  • 圖片要建立合適的替代文字
  • 建立內部及外部鏈結
  • 只有外部鏈結才需要在新一頁開啟

關於這一課的內容,如你有任何問題,可到阿DAY教室的Facebook留言啊!Have a good day 🙂