wordpress实现自动给内容图片加alt和title标签

5个月前 (11-13) 浅唱丶
3分钟
59
0

从SEO角度上讲强烈建议各位同学检查一下自己的站,是否有给文章图片加alt标签。一般的情况下如果使用的主题不支持这个功能或在发布文章上传图片的时候未单独给图片设置,就不会有这两个标签。对于seo优化就会产生不好的影响。

Alt属性

alt属性是图片的描述,即图片内容的文本介绍。当图片因为一些意外情况出现加载不出来的情况下,imgalt属性这时候就会显示在未加载出来的图片填充范围内,方便用户在浏览网页的时候知道这一段区域内的图片表达的是什么。

alt属性相当于一张图片的内容介绍,当搜索引擎在访问网站的时候索引这张图片时通常第一时间获取的则是这张图片的内容介绍,从而记录这张图片表达的是什么。

Title属性

title属性则是标题,如果放在img标签当中则是表示图片的标题。以前在ie浏览器时代中,有那么一段时间一直使用的是alt属性为鼠标停留图片时展现出来的内容,而现今在 Chrome浏览器 时代,已经全部使用title替代鼠标悬浮图片时展现的内容了。

对于现在而言alt属性和title属性区分的已经不是那么明显,不过国内的搜索引擎,还没有发展到使用title替代alt属性的地步,所以相对来说alt属性对于图片而言还是重要一些。

使用代码实现自动添加自动添加alt

/**
 * 文章图片添加alt
 * @author by 浅唱
 */
add_filter( 'the_content', function( $content ){
    global $post;
    $content    = preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '$1$2$3$4', $content);
    # 文章页面且文章有图片内容
    if( is_single() && !empty($content) ){
        $replacement2 = '<img class="$1"$2src="$3" alt="'.$post->post_title.'" $4>';
        $content = preg_replace($imgpattern, $replacement2, $content);
    }
    $title = $post->post_title;
    return $content;
} , 20 ,1);

直接将上方代码粘贴到functions.php任意位置保存即可。

本文由:浅唱丶 发布于 小菜的IT网,转载需注明出处:https://www.xiaocaiit.cn/375.html
浅唱丶
作者

相关推荐

4个月前 (12-10)

worpdree开启调试模式WP_DEBUG帮助开发

wordpress开启调试模式可以帮助主题开发者更好的浏览错误信息,从而提升开发的效率。所以wordpress提供了调试模式开启的选项,我们可以在开发环境下使用调试模式。 WordPress开启 WP_DEBUG 调试模式 编辑网站根目录下...
4个月前 (12-06)

WordPress6.0新增文章图片过滤器

以往开发wordpress主题或者插件时,遇到需要更改文章内部的图片相关的功能时候,通常是使用the_content 过滤钩子通过正则表达式进行获取图片进行修改实现的。 但是正则表达式比较复杂,掌握不好非常容易出现错误,现在官方给我们提供了...

评论

已有1人参与了评论

  • 5个月前 (11-14)

    测试评论

    来自陕西
    回复

扫一扫关注我们