WordPress自动给图片添加alt标签和title标签代码

作者 : 盛夏科技 本文共1373个字,预计阅读时间需要4分钟 发布时间: 2023-08-2 共215人阅读

从SEO的策略角度看,需要将图片上加上ALT和TITLE,来提高搜素引擎的体验度。一般的WORDPRESS是没有这个功能,需要我们额外添加,这里直接用代码实现。

Alt信息

对于每一张图片,都应该认真填写其对应的描述信息。 但有时候发一篇文章,动辄十多张图片,每一张图片逐一添加,工作量很是巨大。但是不填又不利于SEO,所以就有了退而求其次的方案,即对于无alt信息的图片,自动添加当前的标题至图片的alt信息。

原理

通过自定义过滤器,筛选出文章中所有<img />标签
对没有alt信息的img标签加入alt=”文章标题”标签
输出增加标签之后文章。
在百度站长工具提供的网站seo诊断功能中,就有一项图片属性是否加上alt描述的检测。而且各大搜索引擎都有专门图片搜索,图片搜索结果展示也是根据抓取图片alt标签来分类的。

// WordPress代码实现自动给图片链接加上title和alt标签
function imagesalt($content) {
       global $post;
       $pattern ="/<img(.*?)src=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replacement = '<img$1src=$2$3.$4$5 alt="'.$post->post_title.'" title="'.$post->post_title.'"$6>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
}
add_filter('the_content', 'imagesalt');
function aimagesalt($content) {
       global $post;
       $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i";
       $replacement = '<a$1href=$2$3.$4$5 alt="'.$post->post_title.'" title="'.$post->post_title.'"$6>';
       $content = preg_replace($pattern, $replacement, $content);
       return $content;
}
add_filter('the_content', 'aimagesalt');

打开所使用的主题,根目录找到functions.php文件,在尾部添加完毕后,保存上传即可。这样在上传图片的时候就可以自动添加alt信息了。

进阶版

可以在后台装个开关,以便使用的时候更方便,打开主题,依次找到inc/codestar-framework/options/admin-options.php,将装开关位置定位到admin-options.php自己想要的地方,复制以下代码

//自动添加alt和title属性开始
        array(
                'id'      => 'if_imagealttag_add_labels',
                'type'    => 'switcher',
                'title'   => '自动添加alt和title属性',
                'label'   => '启用后可自动为文章图片添加alt和title属性',
                'default' => false,
        ),

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
声明:根据2013年1月30日《计算机软件保护条例》2次修订第17条规定: 为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬! 鉴于此,本源码仅供学习,不建议商用哦!

发表回复

© 2018 Theme by - 盛夏科技 & WordPress Theme. All rights reserved 网站地图 渝ICP备2022000446号