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