整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
lt標簽屬于圖片中的屬性標簽，完整的圖片屬性應該包含src，alt，title三種屬性。
雖然alt標簽不是直接的排名因素，但是在圖片中加入alt標簽利于搜索引擎解讀圖片的內容，并在一定程度上提升關鍵詞排名的效果。
譬如可以在每一個網頁的文章中添加4到5張的圖片，并完善圖片的alt標簽屬性，添加圖片可以加強信息閱讀效果以及提高吸引力。
在這篇文章中，我將解釋為什么要優化圖片中的alt標簽和title標簽：
alt標簽的寫法
alt標簽在html語言中的寫法是這樣的：<img src=”圖片路徑” alt=”圖片描述”/>
這里我們要說的一點是，圖片描述最好是用簡短的語句，描述這張圖片的內容，如果是鏈接，則描述鏈接的作用，并帶上關鍵詞。
不好的習慣是每張圖片都沒有alt標簽。而不可取的是，對于每個標簽都采用關鍵詞堆砌，這樣就有可能會導致被視為Spam垃圾網站。
注意：“alt標簽”是一個通用術語，而不是寫法，實際上alt是IMG標簽中的一個替代文本屬性，簡單點來說alt標簽就是用來描述圖像內容的意思。
HTML代碼
完整的圖片編碼應該包含alt標簽和title標簽:
<img src=“圖片路徑” alt=“圖片說明” title=“圖片提示”/>
圖像的alt和title屬性通常被稱為alt標簽或alt文本和標題標簽，即使它們不是技術上的標簽。
alt文本描述圖像上的內容和圖像在頁面上的功能，例如您網站有數張圖片，關于介紹屋苑的室內設計，可以相關圖片標簽指定的＃文本/＃標題。用作告訴給搜索引擎這些圖片是什么，及介紹什么，并且與您原先的網站設計內文是有關連及呼應，這便是屬于其中的網站制作的SEO技巧之一。
每張圖片都應該有一個alt文本（個人認為，但是博主比較懶，有些沒加），但是部份圖片并不需要title屬性，因為可能會誤導搜索引擎，但是如果已經設置了，并不會產生太大的問題，因為各個搜索引擎都圖片編碼的識別都有不同追求。
SEO優化中，針對圖片，搜索引擎的蜘蛛是沒有辦法完全讀取的。因此，我們經常會使用ALT語言對圖片進行注解，來幫助蜘蛛讀取圖片信息，這對SEO優化來說相當重要。
那么在網站編輯里，究竟如何來給圖片添加ALT標簽呢？
“中華手賺網”運營站長裴勇翔就給大家簡單介紹一下。
（1）以織夢系統為例，其他網站使用同類型編輯器也可以使用；
在網站后臺上傳圖片時候，會有一個替換文本，這個替換文本便是我們的ALT屬性。
由于有很多網站系統沒有替換文本選項，沒有關系，我們有另外的通用性方式。
（2）以Wordpress后臺為例，其他網站使用同類型編輯器也可以使用。
在編輯器頁面，點擊左上角進行html代碼切換，以網站源碼方式添加ALT屬性。
標簽示例：alt="xxx"
結語：ALT屬性也是頁面關鍵詞優化的重要支撐力量，合理適度的標注圖片有利于網站的優化。
近用 Discuz 搭建了個網站——（www.91kaiye.cn），用到了門戶功能，不得不說Discuz 的功能還是非常強大的，但在使用過程中發現在發表文章時添加了圖片卻不能像 WordPress 這樣自動添加 alt 標簽，經過一番研究，初步解決了這個問題，目前還沒有 Bug，等待長時間驗證，方法如下：
在實施本方法之前請先備份網站數據，以防不測；這次修改需要修改兩個文件，分別是：
static/image/editor/editor_function.js
template/default/home/spacecp_blog.htm
同時增加一個文件為：
static/image/editor/editor_function.js–復制一份，重命名為：bgeditor_function.js
下面開始修改：editor_function.js
查找代碼：
function insertImage(image, url, width, height) {
url=typeof url=='undefined' || url===null ? image : url;
width=typeof width=='undefined' || width===null ? 0 : parseInt(width);
height=typeof height=='undefined' || height===null ? 0 : parseInt(height);
var html='<p><a href="' + url + '" target="_blank"><img src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
edit_insert(html);
}
修改為：
function insertImage(image, url, width, height, subject) {
url=typeof url=='undefined' || url===null ? image : url;
width=typeof width=='undefined' || width===null ? 0 : parseInt(width);
height=typeof height=='undefined' || height===null ? 0 : parseInt(height);
subject=$('title').value;
var html='<p><a href="' + url + '" target="_blank"><img alt="'+subject+'" src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
edit_insert(html);
}
再修改剛剛建立的bgeditor_function.js
同樣查找代碼：
function insertImage(image, url, width, height) {
url=typeof url=='undefined' || url===null ? image : url;
width=typeof width=='undefined' || width===null ? 0 : parseInt(width);
height=typeof height=='undefined' || height===null ? 0 : parseInt(height);
var html='<p><a href="' + url + '" target="_blank"><img src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
edit_insert(html);
}
修改為：
function insertImage(image, url, width, height, subject) {
url=typeof url=='undefined' || url===null ? image : url;
width=typeof width=='undefined' || width===null ? 0 : parseInt(width);
height=typeof height=='undefined' || height===null ? 0 : parseInt(height);
var html='<p><a href="' + url + '" target="_blank"><img alt="'+subject+'" src="'+image+'"'+(width?' width="'+width+'"':'')+(height?' height="'+height+'"':'')+'></a></p>';
edit_insert(html);
}
再編輯：template/default/home/spacecp_blog.htm
查找：editor_function.js
替換為：bgeditor_function.js
編輯完畢保存，把文件上傳到原來位置，增加的bgeditor_function.js與editor_function.js一塊放在同一目錄。后臺發布一片文章，輸入文章標題，上傳圖片，進入源代碼模式，看看圖片是不是有了 alt 標簽？
效果如圖：
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
