从SEO角度上讲强烈建议各位同学检查一下自己的站,是否有给文章图片加alt
标签。一般的情况下如果使用的主题不支持这个功能或在发布文章上传图片的时候未单独给图片设置,就不会有这两个标签。对于seo优化就会产生不好的影响。
Alt属性
alt
属性是图片的描述,即图片内容的文本介绍。当图片因为一些意外情况出现加载不出来的情况下,img
的alt
属性这时候就会显示在未加载出来的图片填充范围内,方便用户在浏览网页的时候知道这一段区域内的图片表达的是什么。
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);
/** * 文章图片添加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
任意位置保存即可。
测试评论