title: Best JSON-LD practices: using multiple <script> elements?
body: <p>I'm curious about the best practice for applying JSON-LD onto a site for schema.org.</p>
  
  <p>If I have a page with an <code>Article</code> and I also want to define <code>WebSite</code> on my page, I would have this:</p>
  
  <pre><code>&lt;script type="application/ld+json"&gt;
  {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "url": "http://www.example.com/",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "http://www.example.com/search?&amp;q={query}",
        "query-input": "required"
      }
  }
  &lt;/script&gt;
  
  &lt;!- … --&gt;
  
  &lt;script type="application/ld+json"&gt;
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "author": "John Doe",
    "interactionCount": [
      "UserTweets:1203",
      "UserComments:78"
    ],
    "name": "How to Tie a Reef Knot"
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Is this correct or wrong? Is there any benefit or need to merge these into the same script or array of items?</p>