我们的博客网站中的每一篇文章或多或少都会有一些图片，而关于图片的 alt 和 title 特点，我想大部分博主站长应该都不会陌生。如今搜索引擎愈来愈重视图片的优化成果了，因而网站优化不可避免要给图片添加ALT属性，图文并茂的文章常常更能够吸引用户，网站图片最好加上alt和title标签。alt 和 title 标签属性能给访客用户更好的浏览体验，同时也利于 SEO，一般的 WordPress 主题都不具备自动添加标签的功能，而且我们在写文章的时候也没考虑那么多了。我们都知道图片的 alt 和 title 特点非常重要，懒人的我们只能用代码来解决了。今日就跟大家说一说怎么让 WordPress 站点的图片自动添加 alt 属性和 title 属性。
一个完整的优化过的图片应该同时具有 title 属性和 alt 属性，而且 alt 属性中最好带有文章的关键字。如何给网站中的图片自动添加图片的ALT和TITLE属性？
请将下面的代码复制粘贴到functions.php文件里面。
方法一：
1 2 3 4 5 6 7 8 9 10 11 12 13 | /** 文章图片自动添加ALT和TITLE */ function image_alt_title($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').'"'.'title="'.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_title', 99999); |
方法二：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | 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.' '.$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 属性为“文章标题 分类名称 第几张-站点名称”。