共計 525 個字符，預(yù)計需要花費 2 分鐘才能閱讀完成。

最近查看了一下橘子網(wǎng)的文章列表縮略圖，發(fā)現(xiàn)縮略圖是以背景圖片的形式作為展示，雖然這樣對用戶沒有什么影響，但它卻影響了搜索引擎對圖片的抓取。思前想后，決定對代碼做一番修改和調(diào)整，并給縮略圖加上 Alt 標(biāo)簽描述，更加利于爬蟲的識別。

原先調(diào)用圖片是用的 <figure> 標(biāo)簽，代碼如下：

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

調(diào)整后的代碼如下：

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

結(jié)語：調(diào)整后的代碼因為縮略圖太大，所以在后面添加了 style=”width:100%;height:auto;”，修改完之后，雖然是有利于搜索引擎抓取，但是發(fā)現(xiàn)網(wǎng)頁加載變慢了一些，暫時先改到這里了，以后再繼續(xù)折騰。