zblogphp自动添加图片alt标签代码实现手动修改主题支持自动添加图片alt标签

2018-09-17
1评论
/
阅读
管理员

什么是alt图片标签

定义和用法

alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。

假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:

网速太慢、src 属性中的错误、浏览器禁用图像、用户使用的是屏幕阅读器

<img> 标签的 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 = "/<img(.*?)src=('|\")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|\")(.*?)>/i";
   $replacement = '<img alt="'.$article->Title.'" src=$2$3.$4$5/>';
   $content = preg_replace($pattern, $replacement, $article->Content);
   $article->Content = $content;
   $template->SetTags('article', $article);
}

zblogphp自动添加图片alt标签代码实现手动修改主题支持自动添加图片alt标签

2、在include.php文件的ActivePlugin_XXXX()函数部分(其中XXXX视主题不同而变化,只要找到ActivePlugin即可,一般是在头部前几行),添加挂载接口代码:

zblogphp自动添加图片alt标签代码实现手动修改主题支持自动添加图片alt标签

Add_Filter_Plugin('Filter_Plugin_ViewPost_Template','imgAlt');

3、保存后,文章中的图片就会自动添加alt属性,并把文章标题设置为alt属性值。最好更新下缓存

本站附件分享,如附件失效,可以去找找看
诚通网盘附件百度网盘附件
PS:由于百度网盘附件太大,所以百度网盘附件为拆分压缩,全部下载后打开zip后缀文件即可。也可以只下载zip后缀文件查看(只可以查看不能解压)是否有需要的文件,再下载全部文件解压需要的文件


干饭福利分享: 微信扫码领取“饿了么”抵用券↓↓↓↓↓↓↓↓↓↓

标签: ZBlog SEO alt
于2018-09-17发布