除了在文章里的插图需要写描述,主题里还有一些隐蔽的地方没有属性,虽然不是什么严重问题,补上肯定会更好。

在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头像"

最后修改:2024 年 08 月 07 日
如果觉得文章有用,请随意赞赏