![](/img/trans.png)
[英]Getting a JSON-LD Syntax error: value, object or array expected.in the Structured Data Testing Tool
[英]Accessing JSON-LD objects creates error is Google structure data testing tool
我正在迭代 JSON-LD 對象以創建用戶評論列表,這在 JSFiddle 中有效( https://jsfiddle.net/vmgn1ykb/ )但是當我使用任一示例將其添加到我的頁面並在 Google 上進行測試時結構化數據測試工具我收到錯誤“JSON-LD 語法錯誤:值、object 或預期數組”。 並且代碼沒有運行。 請幫我理解為什么。
我試圖改變
var arrayLength = jsonld['review'].length;
類似於
JSON.parse(document.querySelector('script[type="application/ld+json"]').innerText)
和
JSON.parse(document.querySelector('script[id="jsonData"]').innerText)
但是代碼仍然無法運行,並且 GSDTT 中的錯誤仍然存在。 請幫助理解我做錯了什么。
這行得通,
var jsonld = {
"@context": "http://schema.org",
"@type": "Product",
"image": "https://www.myurl.com/media/db3e3b23f81585_M.jpg",
"name": "Test name",
"description": "Test review desc.",
"offers": {
"@type": "AggregateOffer",
"availability": "http://schema.org/InStock",
"highPrice": "5195.00",
"lowPrice": "2595.00",
"offerCount": "1",
"priceCurrency": "ZAR",
"priceValidUntil": "2020-09-30",
"url": "https://www.myurl.com/"
}
,
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"reviewCount": "2"
},
"review": [
{
"@type": "Review",
"author": " Meagen",
"description": "Test review desc",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "5",
"worstRating": "1"
}},
{
"@type": "Review",
"author": " Ericka",
"description": "Test review desc",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "5",
"worstRating": "1"
}}
]}
var arrayLength = jsonld['review'].length;
outline = document.createElement('div');
outline.className = 'outline';
document.getElementsByTagName('body')[0].appendChild(outline);
for (i = 0; i < arrayLength; i++) {
inside = document.createElement('div');
inside.className = 'inside';
document.getElementsByClassName('outline')[0].appendChild(inside);
//desc
desc = document.createElement('div');
desc.className = 'desc';
desc.innerHTML = JSON.stringify(jsonld.review[i].description);
document.getElementsByClassName('inside')[i].appendChild(desc);
//auth
auth = document.createElement('p');
auth.className = 'author';
auth.innerHTML = jsonld.review[i].author + " rated this tour " + jsonld.review[i].reviewRating.ratingValue + " out of 5";
document.getElementsByClassName('inside')[i].appendChild(auth);
//score
score = document.createElement('p');
score.className = 'score';
score.innerHTML = jsonld.review[i].reviewRating.ratingValue + " out of 5";
document.getElementsByClassName('inside')[i].appendChild(score);
}
但是當我使用腳本標簽 type="application/ld+json 將它添加到我的頁面時,這不會,
<script id="jsonData" type="application/ld+json">
var jsonld = {
"@context": "http://schema.org",
"@type": "Product",
"image": "https://www.myurl.com/media/db3e3b23f81585_M.jpg",
"name": "Test name",
"description": "Test review desc.",
"offers": {
"@type": "AggregateOffer",
"availability": "http://schema.org/InStock",
"highPrice": "5195.00",
"lowPrice": "2595.00",
"offerCount": "1",
"priceCurrency": "ZAR",
"priceValidUntil": "2020-09-30",
"url": "https://www.myurl.com/"
}
,
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"reviewCount": "2"
},
"review": [
{
"@type": "Review",
"author": " Meagen",
"description": "Test review desc",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "5",
"worstRating": "1"
}},
{
"@type": "Review",
"author": " Ericka",
"description": "Test review desc",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "5",
"worstRating": "1"
}}
]}
</script>
<script type="text/javascript">
var arrayLength = jsonld['review'].length;
outline = document.createElement('div');
outline.className = 'outline';
document.getElementsByTagName('body')[0].appendChild(outline);
for (i = 0; i < arrayLength; i++) {
inside = document.createElement('div');
inside.className = 'inside';
document.getElementsByClassName('outline')[0].appendChild(inside);
//desc
desc = document.createElement('div');
desc.className = 'desc';
desc.innerHTML = JSON.stringify(jsonld.review[i].description);
document.getElementsByClassName('inside')[i].appendChild(desc);
//auth
auth = document.createElement('p');
auth.className = 'author';
auth.innerHTML = jsonld.review[i].author + " rated this tour " + jsonld.review[i].reviewRating.ratingValue + " out of 5";
document.getElementsByClassName('inside')[i].appendChild(auth);
//score
score = document.createElement('p');
score.className = 'score';
score.innerHTML = jsonld.review[i].reviewRating.ratingValue + " out of 5";
document.getElementsByClassName('inside')[i].appendChild(score);
}
</script>
這就是我最終做的事情,現在效果很好。 還有一個問題是'rev'沒有引用正確的容器,duh ..更改為getElementsByClassName並修復。
document.getElementsByClassName('rev')[0].appendChild(outline);
完整代碼..
<script id="jsonData" type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Product",
"image": "https://www.myurl.com/media/k2/items/cache/3899dfe821813b23f81585_M.jpg",
"name": "prod name",
"description": "prod desc",
"offers": {
"@type": "AggregateOffer",
"availability": "http://schema.org/InStock",
"highPrice": "5195.00",
"lowPrice": "2595.00",
"offerCount": "1",
"priceCurrency": "ZAR",
"priceValidUntil": "2020-09-30",
"url": "https://www.myurl.com/url"
}
,
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"reviewCount": "2"
},
"review": [
{
"@type": "Review",
"author": " Mea",
"description": "Test desc",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "5",
"worstRating": "1"
}},
{
"@type": "Review",
"author": " Eric",
"description": "Test desc",
"reviewRating": {
"@type": "Rating",
"bestRating": "5",
"ratingValue": "5",
"worstRating": "1"
}}
]
}
</script>
<div class="rev">
</div>
<script type="text/javascript">
var jsonld = JSON.parse(document.querySelector("#jsonData").innerText);
var arrayLength = JSON.parse(jsonld['aggregateRating'].reviewCount);
outline = document.createElement('div');
outline.className = 'outline';
document.getElementsByClassName('rev')[0].appendChild(outline);
for (i = 0; i < arrayLength; i++) {
inside = document.createElement('div');
inside.className = 'inside';
document.getElementsByClassName('outline')[0].appendChild(inside);
//desc
desc = document.createElement('div');
desc.className = 'desc';
desc.innerHTML = JSON.stringify(jsonld.review[i].description);
document.getElementsByClassName('inside')[i].appendChild(desc);
//auth
auth = document.createElement('p');
auth.className = 'author';
auth.innerHTML = jsonld.review[i].author + " rated this tour " + jsonld.review[i].reviewRating.ratingValue + " out of 5";
document.getElementsByClassName('inside')[i].appendChild(auth);
//score
score = document.createElement('p');
score.className = 'score';
score.innerHTML = jsonld.review[i].reviewRating.ratingValue + " out of 5";
document.getElementsByClassName('inside')[i].appendChild(score);
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.