wordpress优化之SEO搜索引擎出图

先来了解一下百度出图：百度pc收录logo的缩略图的尺寸为121x75，所以，把文章图片设置为121x75或者121x75的倍数，百度自然会收录网站的缩略图。针对移动端，配置熊掌号的优化，百度官方建议图片大小比例为3:2，所以，在同一文章中，包含这两种比例的优质图片，百度会随机选择任意图片，用于不同渠道的展示。如上图张图片的尺寸为605X375，是121X75的5倍。但是光把图片设置成为121x75的倍数还是不够的。这里我们还需要注意图片的alt标签属性。
alt属性是一个用于网页语言HTML和XHTML、为输出纯文字的参数属性，作用是当HTML元素本身的物件无法被渲染时，就显示alt（替换）文字作为一种补救措施。

<p><img alt="百汇网博客站" title="百汇网博客站一些经验技术教程分享" class="aligncenter" src="https://cdn.jsdelivr.net/gh/useritotoo/htmcssimg/f39a79dcdb55acc7dcbce0aead936726.jpg" /></p>

上面就是添加了alt属性的一个图片地址。
图片alt属性是一个重要的SEO站内优化步骤，做SEO优化的小伙伴都知道，图片alt属性是判断网站站内优化的一个重要地方，他可以让搜索引擎更好的抓取我们网站的图片，更好的让搜索引擎知道我们这篇文章是讲什么的，尤其你写的是向本文一样的图文教程，那么你更应该告诉搜索引擎每一张图片是干嘛的，搜索引擎蜘蛛最后收录到合适大小的图片以后，才会给我们的收录索引上图。

WordPress文章图片增加alt属性

前面我们说到了百度收录索引出图的两个重要点，一个是图片的尺寸，另一个是图片的alt属性，也重点说了alt属性的重要性，那么接下来我们说说如何给WordPress的每篇文章内的图片增加alt属性吧。

文章开始时我们也说了，服务器租用网由于UI升级以后，导致了百度搜索收录索引不出图，经过我对文章源代码的仔细分析，发现了居然是我引用的外链图片没有增加alt属性，恍然大悟，难怪了，以前服务器租用网的UI是自动给图片添加alt属性与title属性，更换的UI没有这个功能，因此才导致了百度搜索收录索引不出图。

既然找到了问题所在，那么就让我们动手给WordPress文章内图片增加alt属性吧，注意这里我们说的是自动给每篇WordPress文章内的图片增加alt属性。

在WordPress的functions.php文件下方添加如下代码；

//文章图片自动添加alt和title属性
function image_alt_tag($content){
global $post;preg_match_all('/<img (.*?)\/>/', $content, $images);
if(!is_null($images)) {foreach($images[1] as $index => $value)
{$new_img = str_replace('<img', '<img alt="'.get_the_title().'-'.get_bloginfo('name').'" title="'.get_the_title().'-'.get_bloginfo('name').'"', $images[0][$index]);
$content = str_replace($images[0][$index], $new_img, $content);}}
return $content;
}
add_filter('the_content', 'image_alt_tag', 99999);

这时我们就可以返回到我们WordPress相关文章，通过查看源代码的方式检查一下文章内容的图片是不是已经自动添加好了alt属性。
上面代码自动给图片添加的alt属性内容为文章标题-网站标题。
现在很多主题都有这段代码自动给图片添加alt属性的。如果发布文章引用的图片是自己上传的话，注意看看robots.txt中是否有“Disallow: /wp-content/”禁止了蜘蛛爬取。