为Discuz!6.1的外链图片和勋章添加alt和title属性

标签:Discuz!

为图片添加alt和title属性属于SEO的一个重要方面。因为搜索引擎不能识别你的图片,却能看懂图片的alt和title属性。
此外,alt属性还能让屏蔽图片的浏览者看到替代内容,而title属性则能显示更多说明。
对于搜索引擎而言,alt更重要;但对于浏览者而言,title却是锦上添花的。
例如我的主页上那两张图,如果不提供title属性的话,很多人可能不知道这两张图有什么用;但提供后,就知道点击这两张图会进入什么地方了。

接下来就来优化吧,本文参考了下面2篇帖:
DZ5.5:http://www.discuz.net/thread-705141-1-1.html
DZ6.0:http://www.discuz.net/thread-780294-1-1.html
这2帖还为附件图片添加了alt属性,但在6.1中已默认添加该属性,且title属性无效,所以附件图片就不用改了。

先来修改外链图片。
效果可以看这篇帖,鼠标移动到帖内的图像上就能看到效果:3个有趣的浏览器地址栏JavaScript代码
打开include/discuzcode.func.php,搜索:
global $discuzcodes, $credits, $tid, $discuz_uid, $highlight, $maxsmilies, $db, $tablepre, $hideattach;
在最后那个分号前添加
, $navtitle
再搜索:
"bbcodeurl('\\1', '<img src=\"%s\" border=\"0\" onclick=\"zoom(this, this.src)\" onload=\"attachimg(this, \'load\')\"
后面那个alt改为
alt=\"$navtitle\" title=\"原图来自:%s\"
下面一行也这样改。
当然,你也可以把alt和title属性的内容换一下,或者都写成$navtitle。
不过为了不让搜索引擎觉得src和alt属性差不多,或者堆砌关键字,所以我是这么设置的。

再来修改勋章。
discuz默认为勋章添加了alt属性,而没有加title属性;于是只有在IE浏览器下,鼠标移动到勋章上时才会出现勋章名。
修改方法很简单,打开模板文件夹下的viewthread.htm和viewpro_classic.htm,搜索
alt="$medal[name]"
在后面加上
 title="$medal[name]"
即可。

0条评论 你不来一发么↓

    想说点什么呢?