WordPress文章插入或编辑链接增加Nofollow属性设置

网站 SEO 优化中很重要的可能就是权重,而链接就是传递权重的一种方式,但是由于网站并非信息孤岛,所以有时候我们对于内容的分享来说可能需要推荐别人的网站,所以内容中就需要涉及到插入外链,而 WordPress 默认并没有给提供链接的 Nofollow 属性,而作为资深的 WordPress 爱好者是无法接受的。

关于 WordPress 文章插入或编辑链接增加 Nofollow 属性设置的实现代码教程如下,将代码添加到当前 WordPress 主题的 functions.php 文件的合适位置即可。

//WordPress 文章插入或编辑链接 Nofollow
add_action( 'after_wp_tiny_mce', function(){?>
<script type='text/javascript'>
(function($) {
	//直接进入链接编辑
	$('body').on('click', '.mce-i-link', function(e) {
		e.preventDefault();
		wpLink.open();
		return false;
	});
	//文章链接支持设置 Nofollow 属性
	$(document).one('wplink-open', function(e){
		e.preventDefault();
		$('.link-target').append($('<label></label>').html([$('<span></span>'),$('<input></input>').attr({'type':'checkbox','id':'wp-link-nofollow'}),' 添加 NoFollow']));
		if (wpLink && typeof(wpLink.getAttrs) == 'function'){
			wpLink.getAttrs = function() {
				wpLink.correctURL();
				return {
					href: $.trim( $('#wp-link-url').val() ),
					target: $('#wp-link-target').prop('checked') ? '_blank' : null,
					rel: $('#wp-link-nofollow').prop('checked') ? 'nofollow' : null
				}
			}
		}
	});
})(jQuery);
</script><?php
});

由于一直所使用的都是 WordPress 经典编辑器,所以以上代码应该不支持最新版的 WordPress 默认块编辑器和古腾堡编辑器。

另外代码中画蛇添足的增加了一个直接进入链接编辑框的功能,因为 WordPress 经典编辑器点击插入链接按钮会出现一个快速插入链接的输入框,大多情况并不是很实用,所以直接跳过了这一步骤。

THE END
分享
二维码