整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
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小时内与您取得联系。
