将“nofollow”添加到现有的 rel 属性答案

【问题标题】：Adding "nofollow" to existing rel attribute将“nofollow”添加到现有的 rel 属性
【发布时间】：2014-03-17 13:33:23
【问题描述】：

我正在尝试将nofollow 添加到具有触发iframe 弹出窗口的现有rel 属性的链接。

这是我要更改的链接：

<a class="modal" rel="{handler: 'iframe', size: {x: 700, y: 550}}" 
title="Email" href="/myurl.html">link text...</a>

问题是，我如何将nofollow 添加到rel 属性而不弄乱弹出窗口？

我试过这个，但它会影响弹出版本：

<a class="modal" rel="nofollow {handler: 'iframe', size: {x: 700, y: 550}}" 
title="Email" href="/myurl.html">link text...</a>

【问题讨论】：

这更多是您的弹出插件的问题。
data-*attributes，伙计。

标签： html rel

【解决方案1】：

您可以尝试使用带有rel="nofollow" 的链接，以便搜索引擎可以读取它，然后您可以在点击时更改该值。像这样

<a id="mylink" rel="nofollow" onclick="return changerel(this);" href="#">link</a>

<script type="text/javascript">
function changerel(el)
{
    var myreplace = "{handler: 'iframe', size: {x: 700, y: 550}}";

    alert('rel before:'+el.rel)

    el.setAttribute("rel", myreplace);

    alert('rel after:'+el.rel);

    if (el.rel != myreplace)
    {
         el.onclick();   
    }
}
</script>

在这里查看它的实际应用 http://jsfiddle.net/5Basb/4/

【讨论】：

这是nofollow，而不是no-follow。
这非常适合我想要做的事情。现在的问题是 Google 机器人等是否会遵守 nofollow 属性，还是会渲染 javascript 而忽略 nofollow？

【解决方案2】：

在 rel 属性中包含 JavaScript 对象是非标准的，nofollow 也是如此。但是，nofollow 属性值将符合 valid link types。哪个库或环境使用您的rel 属性中的信息？您可以将其存储在data attribute 中，因此rel 可以用于其原始意图。

【讨论】：