如果我在头部放置一个 div 并显示：none，而不是使用 JavaScript 来显示它，这行得通吗？
编辑：
我在 AJAX 中加载了东西。当我的 AJAX 更改站点的“主要”部分时，我也想更改元标记。
是否可以使用 JavaScript 来更改页面的元标记？
IT技术
javascript
jquery
meta-tags
2021-01-24 15:51:21
6个回答
是的。
例如设置元描述：
document.querySelector('meta[name="description"]').setAttribute("content", _desc);
是的，你可以这样做。
有一些有趣的用例：一些浏览器和插件解析元元素并针对不同的值改变它们的行为。
例子
Skype：关闭电话号码解析器
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">
iPhone：关闭电话号码解析器
<meta name="format-detection" content="telephone=no">
谷歌浏览器框架
<meta http-equiv="X-UA-Compatible" content="chrome=1">
移动设备的视口定义
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这个可以通过 JavaScript 改变。请参阅：修复 iPhone 视口比例错误
元描述
一些用户代理（例如 Opera）使用书签的描述。您可以在此处添加个性化内容。例子：
<!DOCTYPE html>
<title>Test</title>
<meta name="description" content="this is old">
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>
<button>Change description</button>
<script type='text/javascript'>
$('button').on('click', function() {
// Just replacing the value of the 'content' attribute will not work.
$('meta[name=description]').remove();
$('head').append( '<meta name="description" content="this is new">' );
});
</script>
所以，这不仅仅是关于搜索引擎。
你会使用类似的东西（使用 jQuery）：
$('meta[name=author]').attr('content', 'New Author Name');
但这几乎毫无意义，因为元标记通常仅在加载文档时才被抓取，通常不会执行任何 JavaScript。
绝对可以使用 Javascript 来更改页面的元标记。这是一种仅使用 Javascript 的方法：
document.getElementsByTagName('meta')["keywords"].content = "My new page keywords!!";
document.getElementsByTagName('meta')["description"].content = "My new page description!!";
document.title = "My new Document Title!!";
我已验证 Google 确实为上述代码编制了这些客户端更改的索引。
例如，您可以使用 jQuery 调用来更改元数据，如下所示：
$('meta[name=keywords]').attr('content', new_keywords);
$('meta[name=description]').attr('content', new_description);
我认为这的确事现在，因为谷歌表示，他们将通过指数的Ajax内容#!hashes和_escaped_fragment_电话。现在他们可以验证它（即使是自动的，使用无头浏览器，请参阅上面提到的页面上的“创建 HTML 快照”链接），所以我认为这是铁杆 SEO 人员的方式。