SEO, W3c 和新窗口打开链接

Wordpress 对 W3c 标准支持比较到位，唯独编写文章页面插入链接的按钮不够与时俱进，仍然在 target="_blank"。

如果和我一样屈服于 SEO 和 W3c，经常写文章有需要插入 external 或者 external nofollow 链接，那么肯定免不了改造一下 Wordpress 的 TinyMCE 编辑器。

首先定位路径：

wp-includes/js/tinymce/themes/advanced/js/link.js
wp-includes/js/tinymce/langs/wp-langs.php

打开 link.js 进行编辑。找到 141 行：

lst.options[lst.options.length] = new Option(tinyMCEPopup.getLang('advanced_dlg.link_target_same'), '_self');
lst.options[lst.options.length] = new Option(tinyMCEPopup.getLang('advanced_dlg.link_target_blank'), '_blank');

修改为：

lst.options[lst.options.length] = new Option(tinyMCEPopup.getLang('advanced_dlg.link_target_same'), 'external');
lst.options[lst.options.length] = new Option(tinyMCEPopup.getLang('advanced_dlg.link_target_blank'), 'external nofollow');

编辑 wp-langs.php，279行起：

link_target:"' . mce_escape( __('Target') ) . '",
link_target_same:"' . mce_escape( __('Open link in the same window') ) . '",
link_target_blank:"' . mce_escape( __('Open link in a new window') ) . '",

改为：

link_target:"' . mce_escape( __('Rel') ) . '",
link_target_same:"' . mce_escape( __('external') ) . '",
link_target_blank:"' . mce_escape( __('external nofollow') ) . '",

同时搭配 jQuery 以及下面一句话(放在 header.php 内，jQuery 框架之后)：

<script type="text/javascript">
/* <![CDATA[ */
$("a[rel='external'],a[rel='external nofollow']").click(function(){window.open(this.href);return false})
/* ]]> */
</script>

经过改造，快速在文章中插入 external nofollow 或者 external 链接、控制这两种属性的链接在新窗口打开、符合 W3c 标准都实现了，一举三得。

我不推荐一些同学用 jQuery 选择器进行全局式的新窗口打开或者原窗口打开方法。原因如下：

1. 无法满足细分要求。jQuery 选择器可以保证所有内链原窗口打开，也可以保证所有外链在新窗口打开，但是如果我想一个内链在新窗口打开怎么办？用我的方案，写文章时插入一个 external 链接就好了。

2. JS 添加的 nofollow 属性无意义。搜索引擎不读取 js，而 nofollow 就是给搜索引擎看的，用 JS 添加 nofollow 显然多此一举。我的方案便可以让你快速插入 external nofollow 链接，至于打开新窗口的任务就交给 jQuery 处理了。

3. JS 添加任何 rel 属性都有问题。一个链接只能同时具备一个 rel 属性(external nofollow 例外)，全局布置 JS 添加属性会损坏某些已有属性的功能，造成冲突和混乱。例如文章标题原本就具有 rel="bookmark"。

综上所述，想同时兼顾 SEO/W3c/新窗口打开页面/无冲突，最好的办法就是不用 jQuery 选择器添加 rel 属性。我们已经改造过 Wordpress 文章编辑器的插入链接功能了。所以，不麻烦吧！？

P.S 更改文件后若发现没有变化，请清空 Google Gears 缓存的后台文件。

相关阅读：

Wordpress SEO 搜索引擎优化