首先说下width、height、alt 这三个标签的属性。
width:宽
height:长度
alt:蜘蛛抓取图片的信息,比如百度的蜘蛛是无法直接认识你文章中的图片的,必须加上这个属性它才可以知道你这个图片是什么意思,这里为什么要去除呢,稍等下面会给大家说明原因。
一个图片的长度和宽度,根据自己喜欢去除,从百度排名来说,这个影响不大,看站长个人是否保留,有的站长喜欢Img图片代码看着简洁
比如:
<img src="/图片路径"alt="这是一张图片" >
就肯定要比:
<img src="/图片路径"alt="这是一张图片"width="20px"height="20px" >
看着好看很多,具体需要根据自己需求去优化和保留,这里主要讲方法。
我们上面说到alt对于网站排名来说是很有利的,但是如果不去除的WordPress系统或者某些系统主题alt的值自动为空,那么你再使用代码或者插件加alt信息的时候,就会导致加不进去这个属性,
去掉了alt属性以后,我们可以查看怎么给文章自动添加alt属性的方法:
WordPress自动给文章添加图片 alt 和 title 属性两种方法
当然如果你想保留这个属性也是可以的,只需要适当的修改代码即可,下面说去除 width、height、alt 这三个标签的属性的操作。
首先我们打开我们的WordPress文件目录,/wp-content/themes/主题/functions.php文件 编辑这个文件 将以下代码复制到文件开头,注意是<?php 后面,因为文件是PHP文件。
//去掉width和height和alt属性
add_filter( 'the_content', 'fanly_remove_images_attribute', 99 );
add_filter( 'post_thumbnail_html', 'fanly_remove_images_attribute', 10 );
add_filter( 'image_send_to_editor', 'fanly_remove_images_attribute', 10 );
function fanly_remove_images_attribute( $html ) {
$html = preg_replace( '/(|width|height|alt)="\d*"\s/', "", $html );
$html = preg_replace( '/width="(\d*)"\s+height="(\d*)"\s+class=\"[^\"]*\"/', "", $html );
$html = preg_replace( '/ /', "", $html );
return $html;
}
如果不想去除alt那么,将上面代码中的alt去掉即可
$html = preg_replace( '/(|width|height)="\d*"\s/', "", $html );
上面代码是某博主编写的,然后易站亲测了有bug,然后经过修改亲测可用发布给大家使用,修改之前记得先备份文件。
THE END
暂无评论内容