什么是alt屬性? alt屬性是一種HTML圖像屬性,用于在出現無法交付的元素時,闡明定義元素的alt文本。建立網頁或博客的用戶在圖片上輸入alt屬性,闡明圖片的不同質量和特征。alt屬性使每個圖像都具有可訪問性,即使它是在沒有文本的情況下創建的。
alt屬性主要由朗讀文本的屏幕閱讀器軟件使用,向正在收聽網頁內容的人描述元素。通常,這是由視力受損的人使用的,讓他們完全理解網頁,尤其是圖片。下圖提供了一個alt屬性的示例:
對于任何使用這張圖片建立網站的人來說,他們需要輸入圖片的alt屬性。假設他們選擇這樣描述這幅畫:“一只金狗從車窗伸出頭來聞綠色的田野。”當這張圖片出現在網頁上時,屏幕閱讀器軟件會讀取這些文字。
圖像的HTML看起來會像這樣:
src = " http:www . picturesofdogies . com/cardogs . jpg " alt = "一只金狗從車窗探出頭來嗅綠色的田野。"
如何添加alt屬性 一旦決定了圖像和該圖像的描述符,就需要正確地將描述添加為alt屬性。幸運的是,大多數內容管理系統都很容易做到這一點。例如,如果你使用WordPress軟件來構建你的站點,你需要做的就是找到你想要添加alt屬性的頁面并編輯它們。
在要添加的頁面的管理/編輯部分,找到要添加alt屬性的圖像 點擊圖片并選擇“編輯”(鉛筆圖標) 在彈出的窗口中,在“替代文本”欄中輸入您的描述性文本 盡可能描述清楚。記住, 你是為那些看不到圖片的人寫的 點擊右下角的藍色“更新”按鈕 現在只需發布新頁面,您的alt屬性將被包括在內 alt屬性會影響SEO嗎? alt屬性及其準確性絕對會影響SEO。對于那些不熟悉SEO的人來說,這是搜索引擎優化,它決定了你的網頁在搜索引擎中的可見性。為了創建具有強大SEO的網頁, 它需要一個信息豐富的,準確的文本附在每張圖片上。
你放在網頁上的圖片非常重要,因為它們會增加或減少頁面上的文字內容。同樣,alt屬性根據搜索引擎算法增強(或減弱,取決于你寫得如何)你的網頁。它們還能提高網站的整體可訪問性,讓更多的人訪問網站并留下來閱讀頁面。
