優化您網站的圖像 不是一件容易的事。 您不僅需要確保它們的文件大小可管理以防止頁面載入時間長，而且它們還提供了許多容易被忽視的改進搜索引擎優化（SEO）的機會。 例如，您可能不知道圖像標題屬性及其在站點的視覺元素中的作用。
在本文中，我們將闡明圖片標題屬性，討論它與alt屬性的區別，並討論其對您的SEO策略的意義。 我們還將向您展示如何向您的網站訪問者隱藏它。
讓我們潛入吧！
圖像標題屬性簡介
首先，圖像標題屬性與圖像的文件名不同。 而是可以在照片或圖形的HTML標籤中包含的信息。 這是一個示例，標題屬性位於結尾：
並非所有瀏覽器都支持此功能。 但是，Firefox是少數這樣做的工具，並且它是網路上第三流行的瀏覽器。 您可以通過WordPress在WordPress中添加圖片標題屬性 媒體庫。 只需單擊有問題的圖像並填寫「標題」欄位即可：
您也可以直接在塊編輯器中添加它。 展開圖像塊的「高級」設置，然後填寫「標題屬性」欄位：
使圖像標題在懸停時可見的目的是為訪問者提供一些額外的上下文。 例如，某些內容創建者將包括圖像中描繪的人物的姓名，或者用戶可能會從了解中受益的關鍵細節。
但是，您不希望僅依賴title屬性，特別是因為並非所有瀏覽器的用戶都可以看到它。 在某些情況下， 字幕可能更有效。 另外，您應始終確保 在圖片中添加替換文字，即使它們具有標題屬性。
創建標題屬性時，最好僅保留幾個單詞。 要有選擇性和描述性，使懸停文字不會太長，並為訪問者提供價值。
標題屬性與替代屬性之間的區別
前面我們提到，即使您已包含title屬性，也要在圖片中添加替代文本，這一點很重要。 對於內容創建者來說，將圖片標題屬性與alt屬性混淆，或者假定同時使用這兩種方法是過大的做法，這是常見的錯誤。
的 alt屬性 在其HTML標記中指定圖像的替代文本。 這是我們示例中之前列出的第二個屬性：
在WordPress中，您可以通過媒體庫或「塊編輯器」中任何圖像塊的設置向圖像添加替代文本。 這是確保您的網站符合要求的關鍵 可達性標準，因此我們強烈建議您這樣做。
極其重要的是不要嘗試使用圖像標題屬性替換alt屬性。 並非所有的屏幕閱讀器都支持title屬性，依靠鍵盤導航的用戶無法將滑鼠懸停在圖像上來查看圖像，因此這可能會導致您網站上的嚴重可訪問性問題。
圖像標題屬性如何影響SEO
關於圖像標題屬性對SEO的重要性，有很多混合消息傳遞。 一些人認為這是合併其他關鍵字的絕佳方法，而另一些人則表示搜索引擎機器人甚至不會抓取它。
為了追趕，圖像標題屬性不是直接的排名因素。 通過為所有圖像添加標題來優化圖像，可能不會顯著改變頁面在搜索引擎結果中的可見性。
但是，從SEO角度來看，包含標題屬性也不會損害您的網站。 事實上， Google推薦。 如果搜索引擎機器人確實在抓取它們，而您 合併關鍵字，您至少可以在Google圖片搜索結果中提高圖片的質量。
另外，圖像標題可以通過與訪問者共享關鍵細節來改善您網站的用戶體驗（UX）。 這個可以 間接對SEO做出貢獻 通過影響排名因素，例如頁面瀏覽量，會話持續時間和其他此類指標。
即便如此，正如我們多次提到的，並不是所有的瀏覽器和設備都支持懸浮文本。 如果您的大多數用戶永遠都看不到媒體庫，並向每個文件添加標題可能會浪費大量時間。
如何在WordPress中隱藏圖片標題工具提示
您可能希望隱藏圖像標題工具提示。 也許您擔心訪問者會覺得它很煩人，或者主要將其用於SEO用途，但並不認為有必要幫助讀者理解您的內容。
您只需在塊編輯器和媒體庫中從圖像中刪除標題屬性。 但是，您將因此失去可能會看到的任何潛在SEO收益。
大多數想隱藏工具提示的人最終都會在其網站上添加JavaScript，以便他們可以將該屬性保留在其圖像標籤中，但阻止該屬性顯示在前端。 我們建議使用諸如 插入頁眉和頁腳 使這個過程更容易。
在
部分中，將以下代碼添加到腳本標籤中：jQuery（document）.ready（function（$）{$（’imgUnderstanding the Image Title Attribute’）.each（function（）{$（this）.removeAttr（’title’）;}）; }）;
如果您使用的是Divi，則可以跳過安裝額外的插件，並通過導航到Divi>主題選項>集成來添加以下代碼：
該屏幕上的第一個代碼編輯器會將JavaScript添加到您網站的
部分，就像插入頁眉和頁腳一樣。結論
多年創建在線內容是可能的，而無需考慮圖像的標題屬性。 但是，完全忽略它們可能是錯過向用戶提供其他上下文的機會。 更重要的是，濫用此屬性可能會對您網站的可訪問性和SEO產生負面影響。
在本文中，我們討論了圖片標題屬性和alt屬性之間的區別，以便您可以最大程度地提高SEO。 我們還向您介紹了如何在前端隱藏圖像標題工具提示，以便訪客將滑鼠懸停在照片或圖形上時看不到它。
您對圖片標題屬性或圖片優化有疑問嗎？ 在下面的評論部分將它們留給我們！
圖片由簡·凱利（Jane Kelly）/ Shutterstock.com