网站文章中的图片alt标签是用来描述这张图是什么图片,可以更好的吸引搜索引擎的蜘蛛,但是有时候图片太多,如果自己一个个的手动添加,麻烦了一点。如果你用的是wordpress建站,那么其实可以通过纯代码自动添加alt标签。
将以下代码添加至主题根目录下的functions.php文件中的<?php下面,保存即可。
1、简单添加ALT标签代码:
/** 自动给图片添加Alt标签 */ function image_alt_tag($content){ global $post;preg_match_all('/<img (.*?)\/>/', $content, $images); if(!is_null($images)) {foreach($images[1] as $index => $value) { $new_img = str_replace('<img', '<img alt="'.get_the_title().'-'.get_bloginfo('name').'"', $images[0][$index]); $content = str_replace($images[0][$index], $new_img, $content);}} return $content; } add_filter('the_content', 'image_alt_tag', 99999);
2、进阶版添加alt+title标签代码:
// WordPress代码实现自动给图片链接加上title和alt标签 function imagesalt($content) { global $post; $pattern ="/<img(.*?)src=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i"; $replacement = '<img$1src=$2$3.$4$5 alt="'.$post->post_title.'" title="'.$post->post_title.'"$6>'; $content = preg_replace($pattern, $replacement, $content); return $content; } add_filter('the_content', 'imagesalt'); function aimagesalt($content) { global $post; $pattern ="/<a(.*?)href=('|\")(.*?).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>/i"; $replacement = '<a$1href=$2$3.$4$5 alt="'.$post->post_title.'" title="'.$post->post_title.'"$6>'; $content = preg_replace($pattern, $replacement, $content); return $content; } add_filter('the_content', 'aimagesalt');
通过自定义过滤器,筛选出文章中所有<img />标签,对没有alt信息的img标签加入alt=”文章标题”标签
在百度站长工具提供的网站seo诊断功能中,就有一项图片属性是否加上alt描述的检测。而且各大搜索引擎都有专门图片搜索,图片搜索结果展示也是根据抓取图片alt标签来分类的。
打开所使用的主题,找到functions.php文件,任选上面两段代码添加即可,添加完毕后保存,这样在上传图片的时候就可以未突破自动添加alt标签了。