制服下的诱惑

Alt描摹 - Alt Text

www.henhenlu

在HTML代碼中使用Alt 替代翰墨，也稱為“alt屬性”，“alt描摹”，以及俗稱但技術上不正確的“alt標籤”來描摹頁面上圖片img的外觀和功能。

alt描摹的使用： 1.在像片添加描摹要以網頁可閱讀性為原則，讓使用螢幕閱讀器的視覺障礙用戶，使用來閱讀alt屬性，不错以更好地和洽頁面圖片。 2.若是無法下載圖片檔案時，Alt標籤將會顯示在圖片的位置。 3. Alt標籤為搜索引擎爬蟲提供更好的圖片凹凸文/描摹，幫助他們正確地索引圖片。

程式碼示例

最好挨次

描摹的最好挨次具有足夠的描摹性，但不包含關鍵字填充，若是你能閉上你的眼睛，讓別东谈主閱讀描摹，並不错念念像一個相當準確的圖片描摹，那麼即是正確的。

好的描摹：

<img src="https://newscanpic.tw/n/chocolate_cake.jpg" alt="白色餐盤上放了一塊巧克力蛋糕，並放了一副叉子的圖片，用來作念alt描摹的範例圖">

這描摹仅仅“好”，因為它不是很具描摹性。是的，這是一巧克力蛋糕的圖片，但這幅圖片還有更多值得一提的场地。

更好的描摹：

這個描摹是一個更好的形态，因為它更仔細地描摹了圖片中的內容，這不僅是一塊"蛋糕"（作為第一個描摹範例）; 白色餐盤放了一塊巧克力蛋糕，並放了一副叉子！

不建議：www.henhenlu

OR

這兩個例子皆不推薦。代碼的第一瞥實際上根柢不包含任何描摹（戒备引號是空的），而第二個例子顯示了描摹中的關鍵字填充。

為什麼alt描摹是紧迫的？ 1.無障礙

描摹要以網頁可閱讀性為原則，它率先的（亦然主要的）盘算是讓無法看到圖片的訪問者，藉由描摹來了解圖片，這包括無法看到圖片的螢幕閱讀器和瀏覽器，也包括視力受損或無法径直識別圖片的用戶。在您的圖片中添加描摹可確保所灵验戶（無論視覺才气奈何）皆能欣賞您網站上的內容。

2.圖片SEO

在您的圖片上使用描摹不错帶來更好的用戶體驗，也可能幫助您獲得顯式和隱式搜索引擎優化的好處，隨著添加圖片標題和文献定名的最好作念法，包括描摹也可能有助於圖片SEO。

乱伦

儘管搜索引擎圖片識別技術多年來已經有了很大的改進，搜索爬蟲仍然不成在網頁上“看”圖片，是以將解釋透顶留給爬蟲手中是不贤慧的。若是他們不解白，大要弄錯了，那麼你可能會摈弃到你不念念摈弃的關鍵字，大要透顶錯過排行。

從這個意義上來說，描摹為您提供了另一個曝光目標關鍵字的機會，由於網頁內關鍵字的使用量仍然將搜索引擎的排行成分作為紧迫成分，因此創建替代圖片的翰墨是最合乎您重視的環節。若是可能的話，最好要包含您要的目標關鍵字或關鍵字相關詞組。

我奈何撰寫好alt的描摹？ 1.盡可能詳細地描摹圖片：

初志是設計用來為無法看到圖片的用戶提供圖片的替代解釋，若是一個圖片沒有确实表達任何意義與價值，仅仅出於設計盘算，它應該是摈弃在CSS，而不是HTML。

2.保捏（相對）較短：

大部分的螢幕閱讀器會將約125個字符後的字符切掉，因此建議將其保留為不超過125字符數量。

3.使用您的關鍵字：

不错將您的目標關鍵字包含在網頁上，從而有機會向搜索引擎發出信號，标明您的網頁與特定搜索查詢高度相關。雖然您的要紧任務應該是描摹圖片並提供凹凸文，若是圖片與關鍵字有相關意義，請將關鍵字包含在頁面上至少一個圖片的描摹中。

4.幸免關鍵字填充：

Google不會把戒备力放在寫得不好的描摹上，然而若是你用我方的描摹來填充许多的相關關鍵字，那麼你就會遭逢麻煩，請專注於為圖片提供凹凸文的描摹性替代翰墨，當然若是可能的話，最好不错包含您的目標關鍵字。

5.不要將圖片作念成翰墨：

這不是對於翰墨的最好作法，更不是友善的網站開發原則，由於搜索引擎無法讀取圖片中的翰墨，因此應幸免使用圖片代替翰墨。若是您必須這樣作念，請在像片的描摹中說明圖片中的翰墨內容。

6.不要在您的描摹中放入「形象」「圖片」等字眼：

它已經假设您的替代翰墨是指圖片，是以沒有必要在使用這些翰墨說明。

7.不要忘記不错使用longdesc=" "：

當網頁放入較複雜的圖片時，需要更長的描摹才不错說明，此時不错使用longdesc屬性來指定描摹的內甘愿連結到詳細說明的文献。

8.不要忽略表單按鈕：

若是您的網站上的表單使用圖片作為“提交”按鈕，請給它一個ALT屬性。圖片按鈕需要有一個ALT屬性來描摹按鈕的功能，举例“送出”、“購買”、“註冊”等說明。

資料來源：https://moz.com/learn/seo/alt-text

歡迎推廣本文www.henhenlu，請務必連結(LINK)本文出處：新視野網頁設計公司

• 描摹
• Alt
• www.henhenlu
• Text-
• 新視野