自动为wordpress文章图片添加alt属性和title属性

时间：2020-05-17 12:22:02
分类：网络文摘
阅读：124 次

为 wordpress 图片添加 alt 属性和 title 属性，可以提高网站在百度等搜索引擎中的收录量，对于网站的 seo 是很有帮助的。如果你对alt属性和title属性还不了解，可以查看这篇文章：img标签中alt属性和title属性的区别、作用及seo影响。我们可以在后台上传图片时自定义图片的标题、说明、替代文本、图像描述等属性，如下图所示：

但每次都要手动添加这些图片属性还是很繁琐的，而且容易被忽略。想要实现自动为 wordpress 图片添加 alt 属性和 title 属性可以通过下面的方法：

添加如下代码到wordpress主题的functions.php文件最后一个 ?> 之前：

/**
*自动为wordpress文章图片添加alt属性和title属性
*/
function image_alttitle( $imgalttitle ){
global $post;
$category = get_the_category();
$flname=$category[0]->cat_name;
$btitle = get_bloginfo();
$imgtitle = $post->post_title;
$imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
if(preg_match_all("/$imgUrl/siU",$imgalttitle,$matches,PREG_SET_ORDER)){
if( !emptyempty($matches) ){
for ($i=0; $i < count($matches); $i++){
$tag = $url = $matches[$i][0];
$j=$i+1;
$judge = '/title=/';
preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
if( count($match) < 1 )
$altURL = ' alt="'.$imgtitle.' '.$flname.' 第'.$j.'张" title="'.$imgtitle.' '.$flname.' 第'.$j.'张-'.$btitle.'" ';
$url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalttitle = str_replace($tag,$url,$imgalttitle);
}
}
}
return $imgalttitle;
}
add_filter( 'the_content','image_alttitle');

其中上述代码中的：

$altURL = ' alt="'.$imgtitle.' '.$flname.' 第'.$j.'张" title="'.$imgtitle.' '.$flname.' 第'.$j.'张-'.$btitle.'" ';

用来标注alt属性显示形式为“文章标题分类名称第几张”，title属性显示形式为“文章标题分类名称第几张-站点名称”。

代码说明：

1、此代码会自动判断图片是否有alt或title属性，如果没有就会自动给该图片添加alt和title属性。

2、如果图片已有alt或title属性，即使值为空也不会添加相应的alt和titl属性，如图片的alt=""和title=""时。

3、现在很多wordpress主题已拥有自动为图片添加alt属性和title属性的功能，如果你的主题没有此功能，可使用上述代码。

如果你不喜欢折腾代码，还可以使用wordpress插件 PB SEO Friendly Images，效果也是一样的。

下载地址：https://wordpress.org/plugins/pb-seo-friendly-images/

评论列表

添加评论: 姓名：　验证码：