WordPress图片自动添加alt和title属性

网站SEO优化过程中,图片SEO优化也是影响排名的一项因素。网站内容更新自然是少不了图片,用户和搜索引擎都比较喜欢图文并茂的内容。所以,图片的优化不可忽视,而通常的操作就是优化图片的Alt属性。

什么是图片Alt属性呢?图片alt属性的意思就是对当前图片的描述,告诉搜索引擎这张图片上的内容是什么,因为搜索引擎是抓取不到图片上的内容的,只能通过图片的alt属性来让搜索引擎读懂图片要表达的意思。图片加上这个Alt属性还有一个很大的好处,就是即使图片由于其它一些原因加载不出来,alt属性也可以变为替代文本,以文字形式显示出来这个图片表达的是什么意思,只是看不到图像内容而已。

图片alt属性对SEO的作用

对图片进行alt属性优化,可以增加当前页面的相关性,图片是网站内容的重要组成元素,而内容会影响到搜索引擎对于页面针对关键词相关的判断,自然会影响当前页面的关键词排名。另外它还有以下几个重要的加分好处:
1、帮助搜索引擎读懂图片的意思,增加关键词密度,让图片和整个网页的相关性提高。
2、在网络发生延迟的情况下,图片无法加载出来时,alt属性的文字会替代图片出现在页面上,方便访客阅读理解,利于用户体验。
3、有利于图片搜索引擎抓取和收录网站图片,通过图片搜索结果为网站带来流量。Google有图片搜索功能,正确的alt属性可以提高图片的展示机会。

图片alt属性怎么添加

既然图片alt属性有很多作用和好处,那么怎么给图片添加描述alt和title标签呢?当一个网站的图片多了之后,如果我们还在一张张图片去设置alt和title标签就太麻烦了,效率低而且非常容易忘记。今天站长给大家分享的教程就是批量自动给图片添加alt和title标签。

方法1:使用插件

使用插件是最简单的,直接安装启用就可以了。推荐使用Auto Image Attributes或Alt Manager插件。

方法2:使用代码

如果觉得使用插件占用资源,添加纯代码也可以自动给图片添加alt标签。只需将下面的代码添加到WordPress主题functions.php文件中即可:

//文章图片自动添加alt和title属性(由十一张站长整理www.11zhang.com)
function image_alttitle( $imgalttitle ){
        global $post;
        $category = get_the_category();
        $flname=$category[0]->cat_name;
        $btitle = get_bloginfo();
        $imgtitle = $post->post_title;
        $imgUrl = "<imgs[^>]*src=("??)([^" >]*?)1[^>]*>";
        if(preg_match_all("/$imgUrl/siU",$imgalttitle,$matches,PREG_SET_ORDER)){
                if( !empty($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');

图片添加alt和title属性之后的效果:

当您把鼠标光标移动到图片上方的时候,会出现该图片alt属性的文字,如下图。

WordPress图片自动添加alt和title属性

WordPress图片自动添加alt和title属性

✅来源:十一张博客
© 版权声明
THE END
如果觉得这篇文章对您有帮助,不妨考虑请我喝杯奶茶😄
点赞0赞赏 分享
评论 抢沙发
头像
评论人工审核通过显示,请勿重复提交!
提交
头像

昵称

取消
昵称表情代码

    暂无评论内容