如何解决动态设置营养信息架构
我正在尝试为营养信息页面动态设置 Google Rich Snippets。基本上采用每个表格单元格并将它们与各自的属性值(卡路里、fatContent 等)相关联。这是页面:https://www.pizzerialocale.com/nutrition
以下是我试图将其与各自属性值相关联的一些营养信息的简短片段:
jQuery(function($) {
var servingsizeClass = 'servingsize';
var descriptionClass = 'description';
var fibercontentClass = 'fibercontent';
var logOutput = false;
(function(){
// Build Data
var servingsize = Array.from(document.getElementsByClassName(servingsizeClass)).map(function(e){return e.textContent});
var name = "Nutrition";
var description = Array.from(document.getElementsByClassName(descriptionClass)).map(function(e){return e.textContent});
var fibercontent = Array.from(document.getElementsByClassName(fibercontentClass)).map(function(e){return e.textContent});
if (servingsize.length && description.length) {
var data = {
"@context": "https://schema.org","@type": "NutritionInformation","mainEntity": []
};
buildItem = (s,d) => {
var item = {
"servingSize": null,"name": null,"description": null,"fiberContent": null,"@id": "http://schemaapp.com/db/Winston#NutritionInformation1"
};
item['servingSize'] = s;
item['name'] = n;
item['description'] = d;
item['fiberContent'] = f;
return item;
}
data['mainEntity'] = servingSize.map(function(s,i){return buildItem(s,answers[i])});
var script = document.createElement('script');
script.type = "application/ld+json";
script.innerHTML = JSON.stringify(data);
document.getElementsByTagName('head')[0].appendChild(script);
if (logOutput){
console.log(script.outerHTML);
}
}
})(document);
});
问题是,一旦我通过 Rich Results Test 访问页面,它就无法获取theservingSize、名称、描述和 fiberContent 属性。任何有关如何让 Google 读取这些属性的帮助将不胜感激。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。