2016年12月17日更新:SEO Friendly Images 这个插件已经有2年多没有更新了,最近有另外一个开发者基于 SEO Friendly Images 增强修改的版本:PB SEO Friendly Images,它不仅修复了一些旧版本的问题,还新增了一些选项和功能,比如可以同步之前已设置好的alt到title,反之亦然,等等。所以挖鱼源码网推荐使用更新的 PB SEO Friendly Images
如果你使用一些比较专业的SEO分析工具分析你的网站,也许会提示你给文章的图片添加 alt 信息,这样更有利于搜索引擎收录你的图片,今天挖鱼源码网给大家介绍的是一款SEO插件:SEO Friendly Images,可以批量给你文章中的图片添加 alt 和 title 信息,一起来看看吧。
SEO Friendly Images插件下载:https://wordpress.org/plugins/seo-image/
安装并启用后,访问 WP后台-设置-SEO Friendly Images,进入到设置界面,按照下图的说明简单设置一下就OK啦:

SEO Friendly Images 的使用就到这里。
话说网络上还有一种方法来给图片添加alt信息的,方法很简单,就是直接在主题的 functions.php 文件的最后一个 ?> 前添加下面的代码即可:
|
|
<span style="color: #000000; font-weight: bold;">function</span> image_alt<span style="color: #009900;">(</span><span style="color: #000088;">$c</span><span style="color: #009900;">)</span> <span style="color: #009900;">{</span> <span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$post</span><span style="color: #339933;">;</span><span style="color: #666666; font-style: italic;">//全局量</span> <span style="color: #000088;">$title</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$post</span><span style="color: #339933;">-></span><span style="color: #004000;">post_title</span><span style="color: #339933;">;</span><span style="color: #666666; font-style: italic;">//文章标题</span> <span style="color: #000088;">$s</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">(</span><span style="color: #0000ff;">'/src="(.+?.(jpg|bmp|png|jepg|gif))"/i'</span> <span style="color: #339933;">=></span> <span style="color: #0000ff;">'src="$1" alt="'</span><span style="color: #339933;">.</span><span style="color: #000088;">$title</span><span style="color: #339933;">.</span><span style="color: #0000ff;">'"'</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #b1b100;">foreach</span><span style="color: #009900;">(</span><span style="color: #000088;">$s</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$p</span> <span style="color: #339933;">=></span> <span style="color: #000088;">$r</span><span style="color: #009900;">)</span><span style="color: #009900;">{</span> <span style="color: #000088;">$c</span> <span style="color: #339933;">=</span> <span style="color: #990000;">preg_replace</span><span style="color: #009900;">(</span><span style="color: #000088;">$p</span><span style="color: #339933;">,</span><span style="color: #000088;">$r</span><span style="color: #339933;">,</span><span style="color: #000088;">$c</span><span style="color: #009900;">)</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> <span style="color: #b1b100;">return</span> <span style="color: #000088;">$c</span><span style="color: #339933;">;</span> <span style="color: #009900;">}</span> add_filter<span style="color: #009900;">(</span> <span style="color: #0000ff;">'the_content'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'image_alt'</span> <span style="color: #009900;">)</span><span style="color: #339933;">;</span> |
|
function image_alt($c) {
global $post;//全局量
$title = $post->post_title;//文章标题
$s = array(‘/src="(.+?.(jpg|bmp|png|jepg|gif))"/i’ => ‘src="$1" alt="’.$title.’"’);
foreach($s as $p => $r){
$c = preg_replace($p,$r,$c);
}
return $c;
}
add_filter( ‘the_content’, ‘image_alt’ );
这个代码有一个不好的地方,就是没办法替换掉原有的 alt 信息,这样一来,一张图片就有 2 个 alt 信息了。所以你自己权衡着用吧。
如果你知道如何使用代码替换原有的 alt 信息,一定要和我们分享哦!
赏 如果本文对你有帮助,请打赏作者,鼓励我们继续写作!
请先
!