Angular 在google结构化数据测试工具中未检测到架构

Angular 在google结构化数据测试工具中未检测到架构,angular,schema.org,jsonschema,structured-data,Angular,Schema.org,Jsonschema,Structured Data,我添加了itemtype=”http://schema.org/Restaurant“我的angular 2网站中的架构。我用测试工具进行了测试,但我的页面内容没有在谷歌测试工具中呈现。它的显示方式类似于加载…。我已经签入了控制台html的呈现。我想在google测试工具中显示rednred html。如何解决这个问题?。请帮忙 <div class="col-md-12 col-sm-12 col-xs-12 " itemscope="" itemtype="http://sc

我添加了
itemtype=”http://schema.org/Restaurant“
我的angular 2网站中的架构。我用测试工具进行了测试,但我的页面内容没有在谷歌测试工具中呈现。它的显示方式类似于加载…。我已经签入了控制台html的呈现。我想在google测试工具中显示rednred html。如何解决这个问题?。请帮忙

    <div  class="col-md-12 col-sm-12 col-xs-12 " itemscope="" itemtype="http://schema.org/Restaurant">
        <div  class="col-md-7 col-sm-7 col-xs-12 ">
            <div  class="summary">
                <div  class="hidden"> <img  itemprop="image" src="https://www.dropbox.com/s/cj17j9p8ia2324p/13531992_1727289640876806_1806315202_n.jpg?raw=1"></div>   
                <div  class="hidden" itemprop="name">Chicks On Fire</div>   
                <h1  class="">Summary</h1>
                <p  class="" itemprop="description">item description.</p>
            </div>
            <div  class="sum_details ">
                <div  class="address">
                    <span  class="icon-address"><img  alt="Activity" class="icon1" src="assets/images/korean.png" title="Activity"></span>
                    <p  class="address_title" itemprop="servesCuisine">Western</p>
                </div>
                <div  class="address">
                    <span  class="icon-address"><img  alt="Food Category" class="icon1" src="assets/images/tick.png" title="Food Category"></span>
                    <p  class="address_title">Halal meat</p>
                </div>
                <div  class="address">
                    <span  class="icon-address"><img  alt="Timing" class="icon1" src="assets/images/time.png" title="Timing"></span>
                    <p  class="address_title">1800 - 2200</p>
                    <div  itemprop="openingHoursSpecification" itemscope="" itemtype="http://schema.org/OpeningHoursSpecification">
                        <span  class="hidden" itemprop="opens" content="1800">1800</span>
                        <span  class="hidden" itemprop="closes" content="2200">2200</span>
                    </div>

                    <p  class="address_title">Closed on Mondays.</p>

                </div>
                <div  class="address">
                    <span  class="icon-address"><img  alt="Pricing" class="icon1" src="assets/images/tag.png" title="Pricing"></span>
                    <p  class="address_title" itemprop="priceRange">20-30 GBP</p>
                </div>                    
                <div  class="address">
                    <span  class="icon-address"><img  alt="Website" class="icon1" src="assets/images/website.png" title="Website"></span>
                    <p  class="address_title"><a  itemprop="url" target="_Blank" href="http://www.mysite.co.uk/">Visit website</a></p>
                </div>
                <div  class="address">
                    <span  class="icon-address"><img  alt="Location" class="icon1" src="assets/images/location.png" title="Location"></span>
                    <p  class="address_title " itemprop="address">11 Hercules St, London Borough of Islington, London</p>

                </div>
            </div>                        
        </div>           
    </div>

着火的小鸡
总结

项目描述

西方

清真肉类

1800-2200

1800 2200

周一休息

20-30英镑

伦敦伊斯灵顿区赫拉克勒斯街11号

谷歌测试工具结果

    <html>
    <head>
      <meta charset="utf-8">
      <base href="/planner/">
    <script>
      (function() {
        window['_app_base'] = '/' + window.location.pathname.split('/')[1];
      })();
    </script>
      <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="icon" type="image/x-icon" href="favicon.ico">
      <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');   
      ga('create', 'UA-5257', 'none');
      ga('send', 'pageview');
    </script>
    <link href="styles.dbb24ce5e4a005ec7903.bundle.css" rel="stylesheet"/></head>
    <body> 
      <my-app>Loading...</my-app>  
    <script type="text/javascript" src="inline.ca338d2ec972840d9759.bundle.js"></script><script type="text/javascript" src="polyfills.507dd0128897cd6bbb86.bundle.js"></script><script type="text/javascript" src="vendor.d72da31d6e50a2a57f34.bundle.js"></script><script type="text/javascript" src="main.6456ae999bcbe35f9e26.bundle.js"></script></body>
    </html>

(功能(){
window['''u app\u base']='/'+window.location.pathname.split('/')[1];
})();
(函数(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]| |函数(){
(i[r].q=i[r].q | |[]).push(参数)},i[r].l=1*新日期();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(窗口,文档,“脚本”,“www.google-analytics.com/analytics.js”,“ga”);
ga(“创建”、“UA-5257”、“无”);
ga(‘发送’、‘页面浏览’);
加载。。。

Angular2的好处在于,当启动时,根应用程序元素中的所有内容都会消失。这意味着你可以把任何你想要的东西放在那里,从你想要被爬虫抓取的服务器上

您可以在应用程序中使用服务器呈现的内容版本生成此内容,或者使用自定义逻辑

您可以在以下位置找到更多信息:


所以你想继续要求JavaScript来显示你的数据,但你正在寻找一种方法来在SDTT中测试它(即使谷歌机器人看不到)?@unor,如何继续要求JavaScript?我不明白你的意思。--换句话说:谷歌的SDTT不支持运行JavaScript解析微数据,而据我们所知,谷歌机器人也不支持它。那你现在想做什么?更改您的站点,使其不需要JavaScript,或者保持这样,但找到一种方法在SDTT中测试您的微数据(这对Googlebot没有帮助)?@unor,我想在SDTT中显示模式标记。它在PHP和wordpress网站上运行。@unor,我没有弄清楚你的意思。你能详细说明一下吗?