附加的 h1 标签无法识别

Question

我有这个页面，我将我的 h1-tag 附加到 jquery 中，例如：

  $('.name').append('<h1 style="margin-bottom=20px;">' + name +'</h1>');

h1 标签和标签的内容显示得很好，但是当我在各种 seo 工具中测试我的页面时（例如这个：http://www.seositecheckup.com/），我收到页面没有 h1 标签的消息。

从 seo 的角度来看，这当然不是那么好。有没有人认识到这个问题？在类似的注释上：在主页上，我使用 javascript for 循环打印出一个列表，并附加列表 html 和内容：

    $('#list').append("<div class='point'><a href='" + str + "&id=" + id + "' onmouseover='infoShow(" + i + ")'  onmouseout='infoClose(" + i + ")'><H3>" + titel + 
"</H3></a><div class='address'>" + name + "</div>" + trivsel + "<div class='star"+i+"'></div></div></a>");    

我在页面上看起来不错，但是当我查看网站的 googles cahced 版本时，列表不存在并且页面看起来是空白的。

Answer 1

你期待什么？您链接的“不同的 seo 工具”（通常）不执行任何 javascript。它们适用于 HTML 的原始状态。

Answer 2

网络爬虫不会执行您的 JavaScript，因此不会创建 <h1> 标记。如果您希望此标签对网络爬虫可见，则需要使用您的服务器端语言生成它。