WordPress – 为全站用户头像图片增加alt属性，优化seo

1 WordPress为全站用户头像图片增加alt属性，优化seo

今天在Bing Webmasters中查看网站的信息时，在SEO报告中出现了img未定义alt属性的问题。

经过对网站问题的排查，发现文章中的所有图片都是有alt属性的，就是文章后面的评论中每个用户的头像是没有alt属性的。之前是在代码中为文章内容中的图片都自动添加了alt属性，代码如下

function auto_image_alt($imgalt) {
    global $post;
    $title = $post->post_title;
    $imgUrl = "/<img\s*?.+?[^>]>/si";
    $isMatch=preg_match_all($imgUrl,$imgalt,$matches,PREG_SET_ORDER);
    if($isMatch) {
        if(!empty($matches) ) {
            for ($i=0; $i < count($matches); $i++) {
                $tag = $url = $matches[$i][0];
                $tag=preg_replace('/alt="\s*"/','',$tag);
                $judge = '/alt=/';
                $isMatched=preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
                if($isMatched) {
                   continue;
                }
                $tag=preg_replace('/<img/','<img alt="'.$title.'-第'.$i.'张图片"',$tag);
                $imgalt =str_replace($url,$tag,$imgalt);
            }
        }
    }
    return $imgalt;
}
add_filter('the_content', 'auto_image_alt');

不过上述代码不能为文章后面的评论列表的用户头像加上alt属性，经过查看get_avatar函数，如果要为全站的用户头像图片增加alt属性，可以在function.php中增加以下代码

add_filter( 'get_avatar', 'add_avatar_alt', 10, 5 );
function add_avatar_alt($avatar, $id_or_email, $size, $default, $alt){
    if( !empty($alt)) 
        return $avatar;

    $alt = get_bloginfo("name").'-'.get_comment_author()."头像";
    $before = strpos( $avatar, "alt='" );
    $after = strpos( $avatar, "'", $before );

    if( $before === false || $after === false )
        return $avatar;

    $alt = esc_attr( $alt );
    return substr( $avatar, 0, $before ) . "alt='$alt" . substr( $avatar, $after + strlen( "'" ) );
}