晓波笔记
使用WordPress博客程序的朋友知道，上传图片的时候是不会自动添加alt标签的，从seo和用户体验来看，图片加alt标签还是非常非常重要的。
在百度站长工具提供的网站seo诊断功能中，就有一项图片属性是否加上alt描述的检测。而且各大搜索引擎都有专门图片搜索，图片搜索结果展示也是根据抓取图片alt标签来分类的。
使用Wordpress做网站时，后台发布文章插入图片是需要手动添加图片的ALT和TITLE属性的。如果我们每天发布大量的文章，手动添加这些属于明显很费力。
下面晓波给大家介绍一个Wordpress发布文章时，给WordPress图片自动添加alt标签的几种方法。
一、使用纯代码
如果你觉得使用插件占用资源，那么添加纯代码也是可以实现为图片自动添加alt标签，只需把下面代码添加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( !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.’第’.$j.’张” title=”‘.$imgtitle.’第’.$j.’张-‘.$btitle.'” ‘;
$url = rtrim($url,’>’);
$url .= $altURL.’>’;
$imgalttitle = str_replace($tag,$url,$imgalttitle);
}
}
}
return $imgalttitle;
}
add_filter( ‘the_content’,’image_alttitle’);
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( !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.’第’.$j.’张” title=”‘.$imgtitle.’第’.$j.’张-‘.$btitle.'” ‘;
$url = rtrim($url,’>’);
$url .= $altURL.’>’;
$imgalttitle = str_replace($tag,$url,$imgalttitle);
}
}
}
return $imgalttitle;
}
add_filter( ‘the_content’,’image_alttitle’);
添加完毕后，上传即可。这样在上传图片的时候就可以自动添加alt信息了。
二、使用插件
很多插件都可以自动图片添加alt标签，譬如SEO Friendly Images、Image Automatic Alt Text and Caption。
SEO Friendly Images插件alt默认属性是文章名+title，而Image Automatic Alt Text and Caption就会在你的图片上传的时候获取图片的标题自动填充至：替代文本、标题、说明、图像描述这几个框框中。
