如何利用技術SEO最佳化圖片包


針對 Google 圖片包最佳化的技術 SEO 建議

Google 的官方指南指出,他們期望網站提供良好的使用者體驗。高質量和智慧的圖片實踐對於取悅 Google 並出現在 SERP 的圖片包中至關重要。

遵循安全搜尋指南

在開始任何操作之前,您必須閱讀 Google 的安全搜尋指南。Google 提供了一個過濾器來阻止明確的內容。如果您的圖片有任何與色情、暴力或血腥相關的暗示,Google 演算法可能會將其隱藏在搜尋結果中。因此,只有在使用者關閉安全搜尋過濾器時,它才會可見。

如果您有任何 NSFW 圖片,必須在 URL 結構中單獨組織它們。在您的頁面中新增元資料,例如 <Meta name=" rating" content=" adult"/>。

使用延遲載入

延遲載入是一種延遲載入頁面上的圖片和其他元素,直到使用者到達該位置的做法。

例如,如果您有一個網頁包含 20 張圖片,一次載入所有圖片可能會延遲效能。使用者必須等待更長時間才能完全載入頁面以檢視網站。但是,使用延遲載入,使用者不必等待。頁面將首先上傳所有文字元件。然後,它將隨著使用者滾動頁面而逐漸上傳圖片。

延遲載入的優勢

  • 它減少了初始載入時間。

  • 它有助於節省使用者的頻寬。

  • 它節省了伺服器和客戶端的資源。

但是,您必須確保在網頁上使用圖片佔位符。否則,圖片可能會以不同的佈局載入並使使用者感到困惑。

您可以使用原生圖片延遲載入等工具,或者手動新增以下程式碼:

將程式碼 lazyload 類新增到 IMG 標籤中。然後在 srcdata-src 屬性中指定佔位符和圖片。

<img class="lazyload" src="placeholder.jpg" data-src="image.jpg" alt="image description"> 

使用多種比例的圖片

在網頁上使用單一解析度的圖片曾經是可以的。但是,多年來情況發生了變化。Google 鼓勵網站所有者為不同的螢幕尺寸載入多個縱橫比的圖片。

您可以使用 srcset 屬性來指定不同的縱橫比,包括縮圖。Google 將使用 Src 屬性索引頁面,而 srcset 屬性允許瀏覽器根據螢幕尺寸載入圖片的不同版本。

<img src="image.jpg" srcset="small.jpg 500w, medium.jpg 640w, big.jpg 1024w" alt="image description">

如果您擁有響應式網站,可能不需要進行此操作。像 WordPress、Magento 和 Drupal 8 這樣的 CMS 擁有許多主題,可以在不使用混亂程式碼的情況下完成此任務。

在圖片的 alt 屬性、標題、說明和檔名中新增合適的關鍵詞

關鍵詞在 SEO 中仍然相關,儘管不像以前那麼重要。它仍然可以幫助您的圖片在圖片包中排名。

嘗試在 alt 文字中新增您的主要關鍵詞。如果沒有 alt 屬性,Google 不會認為圖片很重要。

標題文字顯示在頁面頂部。它不是 SEO 的關鍵部分,但 Google 建議無論如何都要使用 alt 屬性。只要有意義,在標題中新增關鍵詞是可以的。相反,您可以編寫完美地為圖片新增上下文的文字。

說明不是那麼重要。但是,您可以使用它來為攝影師或攝影公司新增署名。

在圖片 URL 中遵循網站結構。例如:

Xyz.com/abc/def/image.jpg

搜尋引擎會掃描圖片檔名的文字。因此,請在檔名中新增您的主要關鍵詞。用連字元分隔每個單詞。例如,boots-for-men-NYC。名稱應該是一個描述,但要保持簡短。

對特定內容使用 Schema 標記

Schema 標記可幫助您為圖片新增標籤。您可以使用特定內容最佳化頁面中的圖片。這包括與產品、食譜或特定內容相關的圖片。每張圖片都帶有顯示在搜尋結果中的標籤。

最佳化包含特定標籤的頁面上的圖片,使使用者能夠快速找到他們想要的內容。您可以透過 Schema App 結構化資料等外掛新增 Schema 標記。您也可以手動將 Schema 程式碼新增到您的網站中。選擇 JSON-LD 作為您的指令碼語言而不是 Microdata,因為 Google 更喜歡 JSON-LD。

  • 訪問 Google 結構化資料助手,並按照 3 步操作流程進行操作。它為您提供了易於遵循的說明。

  • 選擇頁面的內容型別。插入圖片並填寫必填欄位。

  • 將生成的程式碼新增到網頁的搜尋程式碼中。

使用 Open Graph 協議設定社交分享的理想圖片

當您在社交媒體上分享您的頁面時,圖片會顯示在使用者的頁面上。如果圖片吸引人,使用者一定會點選它來訪問您的頁面。Open Graph 協議可以幫助您使用您選擇的特定圖片。這張圖片將顯示在每個社交分享中。

結論

透過提高網站速度、結構化資料和 alt 文字來最佳化圖片的 SEO,將有助於隨著時間的推移提高您的網路存在感。此外,建立迎合使用者行為的個性化視覺效果是最佳化圖片包的關鍵。透過最佳化的視覺效果和對技術 SEO 的良好理解,您可以幫助您的網站在 SERP 中獲得更高的排名,並從透過 Google 圖片搜尋的使用者那裡獲得更多流量。

更新於: 2023年4月19日

229 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告