1. 橘子皮首页
  2. WP开发

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

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

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

但每次都要手动添加这些图片属性还是很繁琐的,而且容易被忽略。想要实现自动为 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/


在后台的“设置”栏目下多了一个seo Friendly Images按钮,点击进入插件设置界面

如何简单让wordpress网站全自动添加图片alt属性


插件都是英文,没关系, 基本上使用seo Friendly Images的默认属性即可,默认设置的Alt是文章名+图片的title属性,直接使用默认,点击“update options”按钮,到此全站的图片都自动添加alt属性

如何简单让wordpress网站全自动添加图片alt属性


到网站随便点开一个有图片的文章,将鼠标放在图片上,会出现alt属性文章的标题,验证wordpress网站全自动添加图片alt属性成功!

如何简单让wordpress网站全自动添加图片alt属性

文章整理,作者:橘子皮,如若转载,请注明出处:https://www.juzip.cn/1088.html

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

发表评论

电子邮件地址不会被公开。 必填项已用*标注