在网站的SEO优化过程中,图片SEO优化也是影响排名的一项因素。网站内容更新自然是少不了图片,用户和搜索引擎都比较喜欢图文并茂的内容。所以,图片的优化不可忽视,而通常的操作就是优化图片的Alt属性。
什么是图片Alt属性呢?图片alt属性的意思就是对当前图片的描述,告诉搜索引擎这张图片上的内容是什么,因为搜索引擎是抓取不到图片上的内容的,只能通过图片的alt属性来让搜索引擎读懂图片要表达的意思。图片加上这个Alt属性还有一个很大的好处,就是即使图片由于其它一些原因加载不出来,alt属性也可以变为替代文本,以文字形式显示出来这个图片表达的是什么意思,只是看不到图像内容而已。
图片alt属性对SEO的作用
对图片进行alt属性优化,可以增加当前页面的相关性,图片是网站内容的重要组成元素,而内容会影响到搜索引擎对于页面针对关键词相关的判断,自然会影响当前页面的关键词排名。另外它还有以下几个重要的加分好处:
1、帮助搜索引擎读懂图片的意思,增加关键词密度,让图片和整个网页的相关性提高。
2、在网络发生延迟的情况下,图片无法加载出来时,alt属性的文字会替代图片出现在页面上,方便访客阅读理解,利于用户体验。
3、有利于图片搜索引擎抓取和收录网站图片,通过图片搜索结果为网站带来流量。Google有图片搜索功能,正确的alt属性可以提高图片的展示机会。
图片alt属性怎么添加
既然图片alt属性有很多作用和好处,那么怎么给图片添加描述alt和title标签呢?当一个网站的图片多了之后,如果我们还在一张张图片去设置alt和title标签就太麻烦了,效率低而且非常容易忘记。今天站长给大家分享的教程就是批量自动给图片添加alt和title标签。
方法1:使用插件
使用插件是最简单的,直接安装启用就可以了。推荐使用Auto Image Attributes或Alt Manager插件。
方法2:使用代码
如果觉得使用插件占用资源,添加纯代码也可以自动给图片添加alt标签。只需将下面的代码添加到WordPress主题functions.php文件中即可:
//文章图片自动添加alt和title属性(由十一张站长整理www.11zhang.com)
function image_alttitle( $imgalttitle ){
global $post;
$category = get_the_category();
$flname=$category[0]->cat_name;
$btitle = get_bloginfo();
$imgtitle = $post->post_title;
$imgUrl = "<imgs[^>]*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.' '.$flname.' 第'.$j.'张" title="'.$imgtitle.' '.$flname.' 第'.$j.'张-'.$btitle.'" ';
$url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalttitle = str_replace($tag,$url,$imgalttitle);
}
}
}
return $imgalttitle;
}
add_filter( 'the_content','image_alttitle');
图片添加alt和title属性之后的效果:
当您把鼠标光标移动到图片上方的时候,会出现该图片alt属性的文字,如下图。
●版权归原作者和机构所有,严禁商用,否则产生的一切后果将由您自己承担
●如果您不喜欢本站有您信息的存在,请邮件告知我们予以删除
暂无评论内容