如何在 WordPress 中將元數據添加到圖像滑塊

已發表: 2018-07-30

您想將元數據添加到您的 WordPress 滑塊嗎？元數據是一種隱藏的 HTML 元素，它告訴搜索引擎和屏幕閱讀器您網站的元素，例如描述圖像及其用途。出於 SEO 和可訪問性的原因，您的圖像具有描述性元數據非常重要。

如果您擔心在您的網站上使用輪播，因為它們可能缺少這個關鍵的 SEO 功能，那麼沒有什麼可擔心的。使用 Soliloquy 滑塊，您可以輕鬆地向滑塊上的所有圖像添加元屬性，例如標題和替代文本。

要將元屬性添加到 WordPress 滑塊，您需要遵循以下三個簡單步驟！

步驟 1.安裝並激活 Soliloquy

步驟 2.創建和編輯滑塊

步驟 3.添加圖像元數據

如果您不確定如何正確編寫圖像標題或替代文本，請不要擔心！我們將在本文後面分解每個元數據選項。

步驟 1. 安裝並激活 Soliloquy

要將滑塊添加到您的 WordPress 站點並修改其元數據，您需要下載並激活 Soliloquy 插件。您可以下載高級版或試用Soliloquy Lite 。

Soliloquy 和 Soliloquy Lite 都可以通過 FTP或從您的管理面板安裝。在左側欄上的插件屏幕上，搜索 Soliloquy Lite 或上傳您購買 Soliloquy 時提供的 zip 文件。

如果您遇到問題，請查看此安裝指南。

在您的管理儀表板上，您應該會看到一個“Soliloquy”選項卡。將鼠標懸停在它上面，然後單擊“添加新”。您可以在此處添加圖像、滑塊標題和其他詳細信息。繼續並立即完成創建滑塊。

上傳圖片後，您需要編輯滑塊。只需單擊“Soliloquy”，您就會看到所有滑塊的列表。找到您要編輯的內容，然後單擊其名稱。您將連續看到您上傳的所有圖像的縮略圖。單擊藍色鉛筆按鈕以單獨編輯每個圖像。

單擊藍色鉛筆圖標後，應該會彈出一個框，顯示您的圖像和右側的元數據字段。

這裡的兩個基本屬性是標題和替代文本。標題不言自明；只需將幻燈片命名為簡單的名稱，即可用幾句話快速描述圖像。替代文字更重要。如果圖像無法加載，或者正在由屏幕閱讀器或搜索引擎處理，則會顯示替代文本。對圖像進行良好、簡潔的描述，不要過於模糊或冗長。

此處的其他可選元屬性包括將顯示在圖像上的標題。您可以插入在單擊該幻燈片時打開的 URL。如果您安裝了其他 Soliloquy 插件，您可能會看到縮略圖或燈箱選項。

燈箱使圖像在屏幕變暗的框中彈出，以增強可見性。縮略圖將在幻燈片底部顯示一個小圖像，允許訪問者預覽未來的幻燈片。您可以鏈接到您想用作縮略圖的任何圖像。

完成後，請記住單擊“保存元數據”並更新您的滑塊。

您可能仍然感到困惑——如何創建對 SEO 友好的完美元數據？這些屬性的目的是什麼？一旦你理解了這一點，元數據就非常簡單，將它添加到你的圖像應該只需要幾秒鐘。

圖片標題對 SEO 並不重要，但您可能仍想為圖片指定一個標題。將鼠標懸停在圖像上時會顯示標題，因此請記住這一點；使用正確的語法和大小寫，並給圖片一個簡短的描述性標題。如果您不設置標題，則將在懸停時使用替代文本。

當圖像無法加載、屏幕閱讀器或搜索引擎爬蟲正在訪問或無法在設備上顯示時，將出現替代文本。替代文本應該用於為無法加載圖像或視力受損的人提供上下文。

此外，替代文本已被搜索引擎索引，因此您可以藉此機會謹慎而明智地使用相關關鍵字。但是，切勿將替代文本用於關鍵字填充。這可能會導致 SEO 嚴重受損（以及惹惱屏幕閱讀器用戶）。

替代文字描述應該有用但簡潔。檢查圖像；觀察你的視線並指出你注意到的主要細節。隨意使用一兩個關鍵字——當人們尋找該主題時，你的文章或網站會顯得與搜索引擎更相關——但要自然地融入它。

替代文本可能會被某些屏幕閱讀器截斷，因此請盡量將您的描述限制在 125 個字符以內。

如果出於設計原因包含您的圖像並且沒有任何意義，您可以將 alt 文本屬性留空，屏幕閱讀器將忽略該圖像。

你的幻燈片應該鏈接到不同的頁面嗎？可能是您網站上的促銷活動、產品或您想要分享的頁面？您需要做的就是獲取您要鏈接的頁面的 URL 並將其粘貼到“圖像鏈接”框中。

您還需要決定該鏈接是否應該打開一個新選項卡。如果您希望用戶返回您的主頁或滑塊所在的任何位置，則打開一個新選項卡非常有用。他們在瀏覽完其他頁面後可以繼續瀏覽。如果您不選中此框，用戶將保留在同一選項卡上並在單擊鏈接時離開主頁。

標題是顯示在滑塊圖像上的文本。與替代文本不同，用戶可以看到標題，但它們具有相似的功能。使用標題向訪問者描述圖像、使用號召性用語或提供有關照片的額外上下文。

儘管這似乎是一件小事，但將元數據（尤其是 alt 標籤）添加到圖像中非常重要。優化您的 SEO需要很多小步驟，但每一個步驟都可以幫助您更進一步達到頂峰！

本指南是否幫助您將元數據添加到滑塊？ 如果您想要更多，我們的 Facebook 和 Twitter 頁面上有大量 WordPress 教程和資源。

保存保存