能否用JavaScript修改页面的Google Analytics及robots元标签？

问题背景 #

需要将页面中现有元标签 <meta name="robots" content="none"> 修改为 <meta name="robots" content="noindex">，尝试用以下JavaScript代码添加新标签，但未生效：

$(document).ready(function() {
    var meta = document.createElement('meta');
    meta.name = "robots";
    meta.content = "noindex";
    console.log(meta);
    document.getElementsByTagName('head')[0].appendChild(meta);
});

同时疑问：能否用JavaScript修改页面的Google Analytics相关元标签？

为什么JavaScript方案不生效？ #

JavaScript动态添加的robots元标签无法被搜索引擎爬虫识别。多数搜索引擎爬虫在抓取页面时只会解析初始HTML源码，不会执行页面中的JS脚本。你在浏览器控制台能看到生成的标签，但爬虫根本不会读取这部分动态内容，所以对SEO没有任何作用。

另外，Google Analytics的元标签（如gtag相关）如果是JS加载的，修改可能影响统计，但针对robots这类SEO标签，JS方案完全不可行。

正确的解决方案 #

直接修改项目根目录下的robots.txt文件，添加以下规则：

Disallow:/pagename

这条规则会明确告知搜索引擎爬虫不要抓取指定的/pagename页面，实现和noindex元标签相同的屏蔽效果。

内容的提问来源于stack exchange，提问作者user21139138