用 javascript 或 jquery 替换现有的规范标签

Question

我想为 Adobe Muse 创建一个小部件来替换 Muse 自动生成的规范标签。

我知道这不适用于大多数机器人，因为它们在抓取页面时运行没有任何脚本，但我读到 Google 的机器人运行抓取时的脚本。

我发现了很多关于如何从链接替换 href 的问题，但我似乎找不到关于替换规范标签的 href URL 的任何问题。我几乎肯定这是我开始的地方......我只是不知道如何完成它：

<script>
    $(document).ready(function() {
         $('link[rel=canonical]').attr('href' 'NEW_LINK');
    }
</script>

Answer 1

$('link[rel="canonical"]').attr('href', 'NEW_HREF_GOES_HERE');

Answer 2

对于原版 JS 的粉丝：

const canonical = document.querySelector('link[rel="canonical"]');
if (canonical !== null) {
  canonical.href = 'NEW_HREF_GOES_HERE';
}

如果跨浏览器兼容性很重要，并且您没有使用转译器，请将 const 更改为 var。

Replace existing canonical tag with javascript or jquery