除了在文章里的插图需要写描述,主题里还有一些隐蔽的地方没有属性,虽然不是什么严重问题,补上肯定会更好。
在SEO报告中,却有许许多多不好找的地方缺少Alt属性。追求极致的男人当然要把这几个问题给解决了。
SEO报告-缺少图像属性
头像图片的Alt属性
在主题文件在主题文件/usr/themes/handsome/component/aside.php
文件中,
搜索img-full img-circle
<img src="<?php $this->options->BlogPic() ?>" class="img-full img-circle" alt="<?php $this->options->BlogName(); ?>" >
当然,<?php $this->options->BlogName(); ?>
的意思就是自动获取博客的名字,你也可以改成其他任何描述,例如Blog头像都是可以的。
打赏图片的Alt属性
在主题文件夹下,/usr/themes/handsome/libs/content/PostContent.php
路径下,搜索pay-img,这样就可以找到微信和支付宝的打赏地方,添加alt属性,例如 alt="博主的支付宝收款码" 。
评论部分头像的Alt属性
在../usr/themes/handsome/component/comments.php
下,搜索author-avatar:
评论区的Alt属性添加alt="评论者头像"
更新:上面的操作把文章页的Alt属性都搞定了,发现首页还是有问题。不急,还是按照上面的流程来,找代码,然后添加alt属性。
热门文章
首先,说一说这个热门文章部分缺少的alt属性。其实在Handsome主题里面,热门文章这个地方是随机图,也没啥描述的。但是既然想搞,就搞全了吧。
热门文章部分的Alt属性
/usr/themes/handsome/lib/Content.php
文件中,搜索img-square:
找到位置后,添加属性,例如alt="热门文章"
Avatar头像添加alt属性
Avatar头像
找到文件../usr/themes/handsome/libs/Utils.php
,搜索img-40px:
添加属性alt="avatar头像"