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,我没有弄清楚你的意思。你能详细说明一下吗?