WordPress コメント内の Gravatar アバター画像に ALT 属性を追加する

今日、BingウェブマスターツールでSEO分析を行った際、サイトの画像にalt情報がないと指摘され、追加を推奨されました。確認してみると、一部の記事ではアイキャッチ画像にALTがなく、さらに多くの場合はGravatarアバター画像にALT情報がありませんでした。そこで、コメント欄のGravatarアバター画像にALT情報を追加する方法を調べてみました。

Gravatarアバター画像にALT属性を追加する方法：コード版

この方法は非常に簡単で、現在使用中のテーマの関数ファイル（functions.php）を編集し、以下のコードを追加して保存するだけです。

/**
* WordPress评论区gravatar头像添加alt属性
* 详情介绍：https://blog.naibabiji.com/tutorial/wordpress-gravatar-tou-xiang-jia-alt.html
**/
function gatttf_replace_content( $text ) {

  if ( have_comments() ) {
    $alt = get_comment_author();
  } else {
    $alt = get_the_author_meta( 'display_name' ); 
  }
  $text = str_replace( 'alt=\'\'', 'alt=\'Avatar for '.$alt.'\' title=\'Gravatar for '.$alt.'\'',$text );
  return $text;
}

add_filter( 'get_avatar','gatttf_replace_content' );

Gravatarアバター画像にALT属性を追加する方法：プラグイン版

もしあなたがWordPress初心者で、コードの追加方法がわからない場合は、プラグイン版を使用できます。管理画面で直接Fix Gravatar Alt Text & Title Tagを検索し、インストールするだけです。

最終的な効果は以下の通りです：