WordPress 如何实现全自动给图片添加alt属性代码?大家也许知道,给网站中的图片增加alt属性有利于搜索引擎找到该图片,如果alt属性合适的话,也许你网站中的图片都可以给你带来不少流量。不过大家也许觉得一个图片一个图片的增加alt属性比较麻烦,特别是一些图片主题的网站。那有没有全自动给网站图片增加alt属性的方法呢?有,我之前找过很多但是并没有在意一个问题,直接添加代码来自动添加alt属性,效果不理想,因为这个代码不完善,无论你是否添加alt属性都一概覆盖成标题,需要把alt属性放到src前面才不会被替换,秉持着完美主义情节,花了点时间修改了站外链接添加 nofollow 的代码来实现判断是否有alt属性并自动添加alt属性,测试后十分完美。
写入源代码进行自动添加alt属性
代码如下:
/*
* 图片添加alt属性
*/
function img_alt( $imgalt ){
global $post;
$title = $post->post_title;
$imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
if(preg_match_all("/$imgUrl/siU",$imgalt,$matches,PREG_SET_ORDER)){
if( !empty($matches) ){
for ($i=0; $i < count($matches); $i++){
$tag = $url = $matches[$i][0];
$judge = '/alt=/';
preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
if( count($match) < 1 )
$altURL = ' alt="'.$title.'" ';
$url = rtrim($url,'>');
$url .= $altURL.'>';
$imgalt = str_replace($tag,$url,$imgalt);
}
}
}
return $imgalt;
}
add_filter( 'the_content','img_alt');
直接将以上代码代码丢进?functions.php?即可,至此,你无需担心是否遗漏alt属性,并且可以随自己的喜好添加个性的alt属性,一切都如此简单,就因为这串代码的存在,好好利用这串代码丰富你的网站功能吧!
插件支持
有两款插件推荐给大家,虽然我并没有用过,但是我找了些文章推荐给你们看看。
① SEO?Friendly Images
很多学员在使用wordpress程序做网站时,如果网站图片比较多的情况下,要想让图片更符合SEO排名,就需要手动的给每一张图片添加ALT属性,图片的alt属性对于网站的收录及流量来源有多重要不用你给我说大家一定都知道。
但是每次添加图片都要手动添加会非常麻烦,尤其是图片多的时候。实现自动添加图片alt属性方法很简单,只需要安装一个插件就可以实现了。
点击查看wordpress网站自动添加图片alt属性和title属性详细步骤
② 中文SEO插件:DX-Seo
这时一款中文的SEO插件,我真的没用过所以大家就自己看吧。。。
Comments | 6 条评论
天津网站建设 博主
干货,学习了,感谢博主
岩兔站 博主
好用,谢谢分享代码!
牧羊人 博主
代码失效了。。。
宅小猫 博主
@牧羊人
我这个所使用的就是这个代码,亲测的,放到主题 functions.php 最后一个“ ?>” 之前,如果还不可以,那就试试下面的插件吧…
小萝博客 博主
还是喜欢中文的插件
宅小猫 博主
@小萝博客
这个萝卜白菜各有所爱么,插件方便一点,不过我还比较喜欢钻研代码,所以就自行添加了 [傻笑]