GG资源网

WordPress建站教程:自动给图片添加Alt和Title标签(如何在WordPress媒体库中创建文件夹 ?)

WordPress建站教程:自动给图片添加Alt和Title标签

作者:悦然wordpress建站(悦然建站)

(此处已添加小程序,请到今日头条客户端查看)

继续分享wordpress建站教程,今天我们再来说说图片SEO优化。我们之前的文章已经给大家讲过图片压缩、图片ALT标签、图片重命名,这些都是wordpress建站的小细节,但如果你在企业网站建设过程中没有做好,那就可能影响到网站整体的效果。

​当一个网站的图片多了之后,如果我们还在一张张图片去设置alt和title标签就太麻烦了,效率低而且非常容易忘记。所以悦然企业网站建设今天给大家分享的教程就是批量自动给图片添加alt和title标签

一、使用插件

我们来看插件的实现方法,使用插件是最简单的,直接安装启用就可以了。

1.Auto Image Attributes

​这个插件的名称有点长(Auto Image Attributes From Filename With Bulk Updater (Add Alt Text, Image Title For Image SEO)),这款插件可以自动添加图像属性,如图像标题,图像标题,描述和替换文本,还可以更新媒体库中新图像和现有图像的图像属性。

这个插件可以免费使用,高级功能要付费。

2.SEO Friendly Images

​SEO Friendly Images这款插件有点老了,很久没有更新,但目前还可以用(但可能在存在一些兼容问题,要试过才知道)。

SEO Friendly Images插件安装好之后还需要进行一些设置,进入插件设置,可以参考上面的设置方法。

二、使用代码

不使用插件我们也可以实现自动添加图片alt和title属性,方法是使用代码。接下来悦然企业网站建设给大家分享两种代码实现方式。

1.图片alt和title属性完全调用标题

//文章图片自动添加alt和title属性(由悦然企业网站建设www.zsxxfx.com整理)
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').'" 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_tag', 99999);

把以上代码添加到当前wordpress模板的functions.php文件中即可。这个代码适合配图不多的情况,每一张图片都会显示为文章标题+网站名。

2.图片alt和title属性依次显示第几张

//文章图片自动添加alt和title属性(由悦然企业网站建设www.zsxxfx.com整理)
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');

把以上代码添加到当前wordpress模板的functions.php文件中即可。这个代码适合同一篇文章配图较多的网站,图片alt和title属性会依次显示“第1张”、”第2张”……

三、模板自带

也有一些wordpress企业网站模板会集成自动图片alt和title标签的功能,如果有直接启用即可。

总结

理论来说手动给图片添加alt和title标签效果会更好一些,但是手动效率实在太低,而且非图片网站的图片SEO优化效果并不明显,这种自动添加的效果对普通的企业网站来说足够了。

如何在WordPress媒体库中创建文件夹 ?

  今天WPMEE为大家分享一个WordPress教程,那就是如何在WordPress媒体库中创建文件夹 ?希望能帮助到有需要的朋友。

  WordPress程序默认后台媒体管理功能还是比较弱的,是不能整理不同类型的媒体文件,如果完美上传了大量媒体文件,就会混合在一起,无法更好的进行管理,那么完美可以通过WordPressWordPress插件获得更好的媒体目录。

如何在WordPress媒体库中创建文件夹 ? (https://www.wpmee.com/) WordPress开发教程 第1张
由于网站搬家,部分链接失效,如无法下载,请联系站长!谢谢支持!
1. 带 [亲测] 说明源码已经被站长亲测过!
2. 下载后的源码请在24小时内删除,仅供学习用途!
3. 分享目的仅供大家学习和交流,请不要用于商业用途!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 本站所有资源来源于站长上传和网络,如有侵权请邮件联系站长!
6. 没带 [亲测] 代表站长时间紧促,站长会保持每天更新 [亲测] 源码 !
7. 盗版ripro用户购买ripro美化无担保,若设置不成功/不生效我们不支持退款!
8. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
9. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
10.如果您购买了某个产品,而我们还没来得及更新,请联系站长或留言催更,谢谢理解 !
GG资源网 » WordPress建站教程:自动给图片添加Alt和Title标签(如何在WordPress媒体库中创建文件夹 ?)

发表回复

CAPTCHAis initialing...