现在的位置: 首页 > WP 专题 > 正文

自动为wordpress文章图片添加alt属性和title属性

2018年06月13日 WP 专题 ⁄ 共 2011字 ⁄ 字号 暂无评论 ⁄ 阅读 703 次

wordpress 图片添加 alt 属性和 title 属性,可以提高网站在百度等搜索引擎中的收录量,对于网站的 seo 是很有帮助的。如果你对alt属性和title属性还不了解,可以查看这篇文章:img标签中alt属性和title属性的区别、作用及seo影响。我们可以在后台上传图片时自定义图片的标题、说明、替代文本、图像描述等属性,如下图所示:

自动为wordpress文章图片添加alt属性和title属性

但每次都要手动添加这些图片属性还是很繁琐的,而且容易被忽略。想要实现自动为 wordpress 图片添加 alt 属性和 title 属性可以通过下面的方法:

添加如下代码到wordpress主题的functions.php文件最后一个 ?> 之前:

  1. /**
  2.     *自动为wordpress文章图片添加alt属性和title属性
  3. */
  4. function image_alttitle( $imgalttitle ){
  5.         global $post;
  6.         $category = get_the_category();
  7.         $flname=$category[0]->cat_name;
  8.         $btitle = get_bloginfo();
  9.         $imgtitle = $post->post_title;
  10.         $imgUrl = "<img\s[^>]*src=(\"??)([^\" >]*?)\\1[^>]*>";
  11.         if(preg_match_all("/$imgUrl/siU",$imgalttitle,$matches,PREG_SET_ORDER)){
  12.                 if( !emptyempty($matches) ){
  13.                         for ($i=0; $i < count($matches); $i++){
  14.                                 $tag = $url = $matches[$i][0];
  15.                                 $j=$i+1;
  16.                                 $judge = '/title=/';
  17.                                 preg_match($judge,$tag,$match,PREG_OFFSET_CAPTURE);
  18.                                 ifcount($match) < 1 )
  19.                                 $altURL = ' alt="'.$imgtitle.' '.$flname.' 第'.$j.'张" title="'.$imgtitle.' '.$flname.' 第'.$j.'张-'.$btitle.'" ';
  20.                                 $url = rtrim($url,'>');
  21.                                 $url .= $altURL.'>';
  22.                                 $imgalttitle = str_replace($tag,$url,$imgalttitle);
  23.                         }
  24.                 }
  25.         }
  26.         return $imgalttitle;
  27. }
  28. add_filter( 'the_content','image_alttitle');

其中上述代码中的:

  1. $altURL = ' alt="'.$imgtitle.' '.$flname.' 第'.$j.'张" title="'.$imgtitle.' '.$flname.' 第'.$j.'张-'.$btitle.'" ';

用来标注alt属性显示形式为“文章标题 分类名称 第几张”,title属性显示形式为“文章标题 分类名称 第几张-站点名称”。

代码说明:

1、此代码会自动判断图片是否有alt或title属性,如果没有就会自动给该图片添加alt和title属性。

2、如果图片已有alt或title属性,即使值为空也不会添加相应的alt和titl属性,如图片的alt=""和title=""时。

3、现在很多wordpress主题已拥有自动为图片添加alt属性和title属性的功能,如果你的主题没有此功能,可使用上述代码。

如果你不喜欢折腾代码,还可以使用wordpress插件 PB SEO Friendly Images,效果也是一样的。

下载地址:https://wordpress.org/plugins/pb-seo-friendly-images/

给我留言

留言无头像?


×