- SEO 教程
- SEO - 首頁
- SEO - 什麼是SEO?
- SEO - 策略與方法
- SEO - 站內技術
- SEO - 站外技術
- SEO - 網站域名
- SEO - 相關檔名
- SEO - 設計與佈局
- SEO - 最佳化關鍵詞
- SEO - 長尾關鍵詞
- SEO - 標題標籤
- SEO - 元描述
- SEO - 最佳化元標籤
- SEO - 針對谷歌最佳化
- SEO - robots.txt
- SEO - URL 結構
- SEO - 標題
- SEO - 重定向
- SEO - 權威性與信任度
- SEO - PDF 檔案
- SEO - 最佳化錨文字
- SEO - 圖片最佳化
- SEO - 重複內容
- SEO - Meta Robots 標籤
- SEO - Nofollow 連結
- SEO - XML 網站地圖
- SEO - 規範 URL
- SEO - UI/UX 的作用
- SEO - 關鍵詞差距分析
- SEO - 獲取高質量反向連結
- SEO - 新增 Schema 標記
- SEO - 作者權威性
- SEO - 修復斷鏈
- SEO - 內部頁面連結
- SEO - 清理不良連結
- SEO - 獲取權威反向連結
- SEO - 核心網頁指標
- SEO - 更新舊內容
- SEO - 填補內容空白
- SEO - 連結建設
- SEO - 特色程式碼段
- SEO - 從谷歌移除網址
- SEO - 內容為王
- SEO - 驗證網站
- SEO - 多媒體型別
- SEO - 谷歌段落排名
- SEO - 最大化社交分享
- SEO - 首次連結優先規則
- SEO - 最佳化頁面載入時間
- SEO - 聘請專家
- SEO - 學習 EAT 原則
- SEO - 移動端 SEO 技術
- SEO - 避免負面策略
- SEO - 其他技術
- SEO - 持續網站稽核
- SEO - 總結
- SEO 有用資源
- SEO - 快速指南
- SEO - 有用資源
- SEO - 討論
SEO - 圖片最佳化
針對搜尋引擎排名的影像最佳化被稱為影像 SEO。透過最佳化影像 SEO,可以提高您的網站在 Google 圖片中的可見性。此外,影像最佳化還可以使您的網站更易於訪問,這現在是許多國家/地區的法規所要求的。本教程將演示如何使用結構化圖片資料、新增 alt 文字以及最佳化圖片檔案以加快頁面載入速度。
為什麼圖片如此重要?
大約四分之一的線上查詢是在 Google 上搜索圖片。如果您忽略了對影像 SEO 的仔細考慮,企業將會損失大量的訪問者。Google 開始在標準搜尋結果中顯示圖片,其頻率高於典型的有機結果。
影像 SEO 可以顯著增加網站流量的兩種方法:
主要好處是,最佳化的圖片提高了出現在 Google 圖片中的可能性。
另一個要點是,圖片對於站內 SEO 至關重要。
在書面內容中加入圖片可以提高讀者的理解力和互動性。此外,還可以用來分割可能很長的文字部分。
提升使用者體驗
為訪問者而非搜尋引擎設計網站,以提高您的內容在 Google 圖片搜尋中的曝光率。以下是一些建議:
良好的情境化
確保網站上的圖片內容與網站主題相關。專家建議您將網站上的圖片限制在它們帶來獨特價值的情況下。Google 強烈建議不要使用既沒有真實內容也沒有圖片的網站。
應最佳化位置
儘可能將圖片放在相關資訊旁邊。考慮將非常重要的圖片放在網頁頂部附近。
建立內容豐富、具有教育意義的網站
對於 Google 圖片來說,您網站上的相關資料與圖片同樣重要,因為它為結果提供了上下文,使使用者更容易執行操作。Google 在索引圖片時會考慮頁面內容標準,並可以用來為圖片建立資訊豐富的摘要。
避免將重要文字放在圖片中
避免在圖片中包含文字,特別是重要的文字元素,如選單項和網站標題。只有一部分訪問者可以訪問這些元素;網站翻譯服務無法在圖片上執行。將文字保留在 HTML 中,併為圖片使用 alt 文字,以確保您的內容儘可能易於訪問。
確保您的圖片具有正確的 URL 結構
在解釋上傳的圖片時,Google 會考慮檔名和 URL 路徑。如果您想建立有意義的 URL,請考慮組織您的圖片資訊。
建立可在不同裝置上訪問的網站
與桌上型電腦相比,移動裝置上的 Google 圖片搜尋更為常見。因此,您必須構建您的網站以便在所有尺寸和型別的裝置上都能正常工作。使用移動友好性測試來檢視您的網站在手機和平板電腦上的執行效果如何,並獲取有關需要更正的問題的反饋。
Alt 文字:它是什麼?
網站寫作中的圖片描述稱為 alt 文字或替代文字。有時,開發人員將 alt 文字稱為“alt 屬性”或“alt 標籤”。如果您希望 Google 在 Google 圖片中索引您的圖片,那麼擁有最佳化的 alt 文字至關重要。因此,您可以使用 alt 文字告訴 Google 圖片描繪了什麼。此外,如果其中一張圖片出現故障,它還可以幫助訪問者瞭解圖片應該顯示什麼,從而提高使用者對您網站的訪問。
<img src="blue-offroad-car.png alt="blue offroad car from ABC motors"/>
| Alt 文字 | 強度 |
|---|---|
| alt="鞋子" | 較差 |
| alt="棕色鞋子" | 良好 |
| alt="棕色皮鞋" | 更好 |
| alt="帶黑色鞋底和深棕色鞋帶的棕色皮鞋" | 最佳 |
影像格式
PNG - PNG 可以生成更好的圖片。但是,檔案大小要大得多。
JPEG - 圖片質量可能會損失,但您可以更改細節量以達到令人滿意的折衷方案。
WebP - 這是 Mozilla Firefox 和 Google Chrome 中唯一支援的影像格式,您可以使用它以無損或有損方式壓縮影像。
SVG - 用於網站上的圖示和徽標。
影像最佳化技巧
應壓縮影像檔案。
注意版權。
建立對 SEO 友好的 Alt 文字。
製作引人注目的圖片。
選擇合適的格式。
相應地更改影像檔名。
考慮影像檔案的組織。
調整網站的標題和描述以匹配已釋出的圖片。
仔細指定影像的尺寸。
開發移動友好的圖片。
使用圖片更新您的站點地圖。
整合結構化資料。
使用內容交付網路 (CDN)
內容交付網路 (CDN) 可以提高影像和其他型別內容的載入速度。術語“CDN”指的是分佈在全球的一組伺服器。因此,內容可以更快地分發到多個區域。
例如,如果您居住在倫敦。英國伺服器的載入速度要比亞洲日本的伺服器快得多。
<img src="static/images/simply-easy-learning.png" style=width:80%;margin:auto;" alt="Simple and Easy Learning" class="mobile-learning-img light-mode-item"> <img src="static/images/simply-easy-learning.png" style="width:80%;margin:auto;" alt="Simple and Easy Learning" class="mobile-learning-img dark-mode-item">
結論
經驗豐富的和沒有經驗的 SEO 從業者都知道對網站影像最佳化投入的時間和精力。如果您的網站圖片未經最佳化,那麼您就在浪費重要的 SEO 資源。影像最佳化會帶來許多好處,包括增加排名機會、改善使用者體驗和更快的載入速度。此外,這項任務作為排名因素的重要性日益提高,因此也關係到您網站的成功。