html5 – 一个页面中的多个JSON-LD标签组

可以在同一页面中使用多个 JSON-LD组(使用Schema.org)吗?

如果我不能,怎么把它们结合在一起?我不太熟悉语法.

第1组:

<script type="application/ld+json">
{
  "@context": "http://schema.org","@type": "LocalBusiness","address": {
    "@type": "PostalAddress","streetAddress": "3102 Highway 98","addressRegion": "FL","addressLocality": "Mexico Beach","postalCode": "45252","addressCountry": "US",},"geo": {
    "@type": "GeoCoordinates","latitude": "40.75","longitude": "73.98"
  },"name": "Beachwalk Beachwear & Giftware","telephone": "850-648-4200","email": "admin@example.com","faxnumber": "860-562-4250",}
</script>

第2组:

<script type="application/ld+json">
{
    "@context": "http://schema.org","@type": "Organization","url": "http://example.com","name": "My Domain Title","logo": "http://example.com/wp-content/uploads/2015/08/abc.jpg","contactPoint": [
        {
            "@type": "ContactPoint","telephone": "0192-39192130","contactType": "customer service"
        },{
            "@type": "ContactPoint","telephone": "0182-239120398","contactType": "customer service"
        }
    ],"sameAs": [
        "http://facebook.com/myfbaccount","http://twitter.com/mytwitteraccount"
    ]
}
</script>

解决方法

您可以在页面上拥有多个脚本块,也可以将其组合到单个块中.将它们组合成单个块的最简单方法是使用@graph关键字,如下所示:
<script type="application/ld+json">
{
  "@graph": [
    { ... your first JSON-LD block ... },{ ... your second JSON-LD block ... }
  ]
}
</script>

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码