什么是alt图片标签
定义和用法
alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:
网速太慢、src 属性中的错误、浏览器禁用图像、用户使用的是屏幕阅读器
标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。
我们强烈推荐您在文档的每个图像中都使用这个属性。这样即使图像无法显示,用户还是可以看到关于丢失了什么东西的一些信息。而且对于残疾人来说,alt 属性通常是他们了解图像内容的唯一方式。摘自:http://www.w3school.com.cn/tags/att_img_alt.asp
从上面可以看出图片的alt标签是非常重要的,特别是对于SEO而言,当下搜索引擎已经把图片alt标签当做重要的检验指标了。
在ZBlog中就有插件可以实现自动添加图片alt标签,自动把文章标题作为图片的alt标签使用。在应用中心找到TctitleSEO插件
今天就来说下怎么样通过代码实现这个功能,一劳永逸再也不用担心发表文章的时候忘记给图片添加alt标签的问题了。
实现自动添加图片alt标签
1、找到当前主题的include.php文件,(zb_users/theme/主题文件夹/include.php)在最后一行的 ?>上面添加下面的函数代码:function imgAlt(&$template){
global $zbp;
$article = $template->GetTags('article');
$pattern = "/]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>/i";
$replacement = 'Title.'" src=$2$3.$4$5/>';
$content = preg_replace($pattern, $replacement, $article->Content);
$article->Content = $content;
$template->SetTags('article', $article);
}
2、在include.php文件的ActivePlugin_XXXX()函数部分(其中XXXX视主题不同而变化,只要找到ActivePlugin即可,一般是在头部前几行),添加挂载接口代码:
Add_Filter_Plugin('Filter_Plugin_ViewPost_Template','imgAlt');
3、保存后,文章中的图片就会自动添加alt属性,并把文章标题设置为alt属性值。最好更新下缓存