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

51次阅读
没有评论

共计 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;”,修改完之后,虽然是有利于搜索引擎抓取,但是发现网页加载变慢了一些,暂时先改到这里了,以后再继续折腾。

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-06-03发表,共计525字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)