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

橘子网 3,456

最近查看了一下橘子网的文章列表缩略图,发现缩略图是以背景图片的形式作为展示,虽然这样对用户没有什么影响,但它却影响了搜索引擎对图片的抓取。思前想后,决定对代码做一番修改和调整,并给缩略图加上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;",修改完之后,虽然是有利于搜索引擎抓取,但是发现网页加载变慢了一些,暂时先改到这里了,以后再继续折腾。

上一篇:

下一篇:

相关阅读

分享