WordPress文章列表缩略图修改笔记

最近查看了一下橘子网的文章列表缩略图,发现缩略图是以背景图片的形式作为展示,虽然这样对用户没有什么影响,但它却影响了搜索引擎对图片的抓取。思前想后,决定对代码做一番修改和调整,并给缩略图加上Alt标签描述,更加利于爬虫的识别。

原先调用图片是用的<figure>标签,代码如下:

<figure class="thumbnail" style="background-image:url(<?php%20echo%20mk_auto_post_thumbnail(360,%20240,%20false);?>);"></figure>

调整后的代码如下:

<img class="thumbnail" src="<?php%20echo%20mk_auto_post_thumbnail(360,%20240,%20false);?>" alt="<?php the_title(); ?>" style="width:100%;height:auto;">

结语:调整后的代码因为缩略图太大,所以在后面添加了style=”width:100%;height:auto;”,修改完之后,虽然是有利于搜索引擎抓取,但是发现网页加载变慢了一些,暂时先改到这里了,以后再继续折腾。

版权声明:内容由互联网用户贡献,不代表本站立场,本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 546541225@qq.com 举报,一经查实,本站将立刻删除。