TIM*_*MEX 93 javascript jquery meta-tags
如果我在头部放置一个div并显示:none,而不是使用JavaScript来显示它,这会有效吗？
编辑:
我在AJAX中加载了东西.当我的AJAX更改网站的"主要"部分时,我也想更改元标记.
fux*_*xia 157
是的,你可以这样做.
有一些有趣的用例:一些浏览器和插件解析元元素并改变它们对不同值的行为.
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">
<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>
所以,它不只是关于搜索引擎.
jay*_*yms 109
是的.
例如,设置元描述:
document.querySelector('meta[name="description"]').setAttribute("content", _desc);
Mif*_*Fox 66
你会使用类似的东西(使用jQuery):
$('meta[name=author]').attr('content', 'New Author Name');
但这通常是毫无意义的,因为元标记通常只在加载文档时被抓取,通常不会执行任何JavaScript.
小智 34
您可以使用例如jQuery调用来更改元数据,如下所示:
$('meta[name=keywords]').attr('content', new_keywords);
$('meta[name=description]').attr('content', new_description);
我认为这确实重要,现在,因为谷歌表示,他们将通过指数的Ajax内容#!hashes和_escaped_fragment_电话.现在他们可以验证它(甚至自动,无头浏览器,请参阅上面提到的页面上的'创建HTML快照'链接),所以我认为这是硬核SEO人员的方式.
Tim*_*ses 22
绝对可以使用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确实为上述代码编制了这些客户端更改的索引.
fut*_*tta 11
元标记是dom的一部分,可以被访问和-i猜测 - 但是搜索引擎(元标记的主要消费者)将不会看到更改,因为javascript将不会被执行.所以,除非你正在改变一个在浏览器中有影响的元标记(刷新想到),这可能没什么用处？
Mik*_*son 11
应该可以这样(或使用jQuery $('meta[name=author]').attr("content");):
<html>
<head>
<title>Meta Data</title>
<meta name="Author" content="Martin Webb">
<meta name="Author" content="A.N. Other">
<meta name="Description" content="A sample html file for extracting meta data">
<meta name="Keywords" content="JavaScript, DOM, W3C">
</head>
<body>
<script language="JavaScript"><!--
if (document.getElementsByName) {
var metaArray = document.getElementsByName('Author');
for (var i=0; i<metaArray.length; i++) {
document.write(metaArray[i].content + '<br>');
}
var metaArray = document.getElementsByName('Description');
for (var i=0; i<metaArray.length; i++) {
document.write(metaArray[i].content + '<br>');
}
var metaArray = document.getElementsByName('Keywords');
for (var i=0; i<metaArray.length; i++) {
document.write(metaArray[i].content + '<br>');
}
}
//--></script>
</body>
</html>
Ali*_*ahi 11
您可以使用更简单、更轻便的解决方案：
document.head.querySelector('meta[name="description"]').content = _desc
小智 10
$(document).ready(function() {
$('meta[property="og:title"]').remove();
$('meta[property="og:description"]').remove();
$('meta[property="og:url"]').remove();
$("head").append('<meta property="og:title" content="blubb1">');
$("head").append('<meta property="og:description" content="blubb2">');
$("head").append('<meta property="og:url" content="blubb3">');
});
name 属性允许您通过子元素列表通过名称（如 id）引用元素，所以快速方法是：
\ndocument.head.children.namedItem('description').content = '...'\n\xe2\x80\x94 甚至只是：
\ndocument.head.children.description.content = '...'\n但如果您不确定这样的元标记是否存在，那么最好添加如下检查：
\nlet metaDescription = document.head.children.description\nif (metaDescription == null) {\n metaDescription = document.createElement('meta')\n metaDescription.name = 'description'\n document.head.append(metaDescription)\n}\nmetaDescription.content = '...'\n小智 5
var metaTag = document.getElementsByTagName('meta');
for (var i=0; i < metaTag.length; i++) {
if (metaTag[i].getAttribute("http-equiv")=='refresh')
metaTag[i].content = '666';
if (metaTag[i].getAttribute("name")=='Keywords')
metaTag[i].content = 'js, solver';
}
对于任何试图更改 og:title 元标记（或任何其他标记）的人。我设法这样做：
document.querySelector('meta[property="og:title"]').setAttribute("content", "Example with og title meta tag");
请注意，“meta[property="og:title"]”包含单词“PROPERTY”，而不是“NAME”。
| 归档时间： |
|
| 查看次数： |
209235 次 |
| 最近记录： |