如何在网站的主页上使用schema.org和JSON-LD标记数据

时间:2015-10-31 15:59:13

标签: html5 schema.org json-ld

最近我读了很多关于使用schema.org标记结构化数据的内容,第一个问题是,是否建议使用json-ld?因为它似乎是新的,尚未完全支持。 我的第二个问题是在主页或存档页面(通常是我们在其中有超过1篇文章或产品或博客文章的页面)我如何使用schema.org?例如,对于这样的页面:

<!DOCTYPE html>
<html>
    <head>
        <title>Blog Home Page</title>
    </head>

    <body>
        <h1>Blog title</h1>


        <!-- this needs schema.org -->
        <article>
            <h2>Article title</h2>
            Writtem by <span>Authorname</span> on <time datetime="">21 april</time>

            <p>
                Some text
            </p>

            Rated : 
            <div class="star-rate">
                <span class="star full">
                <span class="star full">
                <span class="star full">
                <span class="star half">
                <span class="star empty">
            </div>

            By <span>5</span> users.
        </article>

        <article>
            <h2>Article title</h2>
            Writtem by <span>Authorname</span> on <time datetime="">21 april</time>

            <p>
                Some text
            </p>

            Rated : 
            <div class="star-rate">
                <span class="star full">
                <span class="star full">
                <span class="star full">
                <span class="star half">
                <span class="star empty">
            </div>

            By <span>5</span> users.
        </article>
        <!-- and more articles to go -->
    </body>
</html>

如何使用josn-ld标记结构化数据以及如何将json对象与<article>标记相关联。

1 个答案:

答案 0 :(得分:4)

有些消费者支持JSON-LD,有些则不支持。对此没有一般性的答案,这取决于您想要支持的消费者/功能。例如,消费者Google recommends JSON-LD用于部分功能,但doesn’t support用于其他功能。

如果页面上有多个实体(如示例中的两篇文章),则只需提供多个节点即可。有多种方法可以实现这一目标:

  • 您可以为每个节点提供separate script元素:

    <script type="application/ld+json">
    {
      "@context": "http://schema.org/",
      "@type": "CreativeWork"
    }
    </script>
    
    <script type="application/ld+json">
    {
      "@context": "http://schema.org/",
      "@type": "CreativeWork"
    }
    </script>
    
  • 您可以提供一个script元素并使用数组作为@graph的值(为所有节点共享@context):

    <script type="application/ld+json">
    {
      "@context": "http://schema.org/",
      "@graph": 
      [
        {
           "@type": "CreativeWork"
        },
        {
           "@type": "CreativeWork"
        }
      ]
    }
    </script>
    

要允许其他人区分节点(并对其进行自己的陈述),您可以为每个节点提供一个带有@id keyword的URI。