Javascript 如何在Google richsnippets测试工具中测试AngularJS Web应用程序的schema.org元标记？_Javascript_Angularjs_Schema.org_Rich Snippets_Google Rich Snippets

Javascript 如何在Google richsnippets测试工具中测试AngularJS Web应用程序的schema.org元标记？

javascript angularjs

Javascript 如何在Google richsnippets测试工具中测试AngularJS Web应用程序的schema.org元标记？,javascript,angularjs,schema.org,rich-snippets,google-rich-snippets,Javascript,Angularjs,Schema.org,Rich Snippets,Google Rich Snippets,该网站的代码是使用AngularJS javascript框架生成的。当我访问一个网页时，它会完整地显示该网页，但源代码是由源代码中不完全存在的部分加载的，例如： <body> <div class="wrapper"> <div ng-include="'partials/header.html'"></div> <div id="ng-view" ng-view class="main_view w

该网站的代码是使用AngularJS javascript框架生成的。当我访问一个网页时，它会完整地显示该网页，但源代码是由源代码中不完全存在的部分加载的，例如：

<body>
    <div class="wrapper">
        <div ng-include="'partials/header.html'"></div>
        <div id="ng-view" ng-view class="main_view wrapper"></div>
        <!--div ng-include="'partials/home_content.html'"></div-->
        <a href="#"> </a>
    </div>
    <div ng-include="'partials/footer.html'" class="footer"></div>
</body>

如何在中测试部分代码（页眉、内容、页脚）

你需要使用无头浏览器，比如让谷歌索引成为你的js网络应用

这个想法是，如果搜索引擎遇到JavaScript应用程序，那么您有权将搜索引擎重定向到另一个URL，该URL为页面的完全呈现版本提供服务

选中尝试将生成的页面源粘贴到此处的“HTML”选项卡中：

以下是一些资源，可帮助您获取生成的页面源的副本：

更新：

这里有一个更好、更新的HTML测试工具：

更详细地描述它。

我遇到了与您类似的问题。一旦谷歌测试工具得到一个“ng if”，它就不会前进，因为它不会做出那个（ng if）决定。不幸的是，这就是我们结构化数据的所在

我相信我可以尝试在ng if之前将SD插入DOM。希望在接下来的一两天内完成这项工作。请让我知道，如果你找到了任何解决方案与角度和谷歌SD工作

编辑：顺便说一下，我不认为这仅仅是分离代码，以便可以用谷歌测试工具或无头浏览器进行测试。这是关于谷歌即将看到它时，该网站交付给谷歌。如果它仍然在那些无法到达的地方，那么仅仅为了测试而将它分离出来并没有多大好处

谢谢

我正在使用一个名为prerender的软件，以确保爬虫程序能够真正地对我的单页应用程序站点进行爬网，以便为它们编制索引

所以我只给测试工具一个预渲染的页面，我认为这是一个好主意，因为这正是爬虫程序获取页面的方式

我正在使用prerender，它可以安装在您的服务器上，也可以通过他们的服务器使用（收费），更多信息请访问：