javascript - 通过为 Blogger 添加查询字符串来更改 Canonical Href？以及使用 JavaScript 或 jQuery？

Question

我的示例当前网址在浏览器中如下所示:

https://world.blogspot.com/p/any-page.html?country=France&city=Paris

<小时/>

浏览器页面源代码中像这样的规范标签:

<link href="https://world.blogspot.com/p/any-page.html" rel='canonical' />

<小时/>

我想将规范标签中的“any-page.html”更改为“any-page.html?country=France&city=Paris”以进行 SEO。

当前规范标记中没有可用的查询字符串或其他详细信息。我尝试了很多很多方法。一切都不成功。

有人对此有什么建议吗？

这个方法我试过了从“any-page.html”更改为“any-page.html?country=France&city=Paris”

if(!document.getElementById('id2')) {
    var link = document.createElement('link');
    link.id = 'id2';
    link.rel = 'canonical';
    link.href = 'https://world.blogspot.com/p/any-page.html?country=France&city=Paris';
    document.head.appendChild(link);
}

类似的方法也不起作用

Answer 1

实际上到目前为止，没有博客标签使用参数呈现完整页面位置。

您可以使用 ?view=foo 呈现单个参数，您可以使用破折号 - 分隔参数和值像这样:?view=country-France .

<小时/>

编辑:

您可以覆盖现有的 <link rel='canonical'>使用 Javascript 标记 href location.href获取带有参数的完整页面链接:

var CanonicalTag = document.querySelector('link[rel="canonical"]');
CanonicalTag.href = location.href;