Machine readable metadata example

With description

How it looks (preview)

<script type="application/ld+json">
  {
  "@context": "http://schema.org",
  "@type": "Article",
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://www.gov.uk/foo"
  },
  "name": "A title",
  "datePublished": null,
  "dateModified": null,
  "text": "Some manually set description of the page",
  "publisher": {
    "@type": "Organization",
    "name": "GOV.UK",
    "url": "https://www.gov.uk",
    "logo": {
      "@type": "ImageObject",
      "url": "https://components.publishing.service.gov.uk/assets/govuk_publishing_components/govuk-logo-cd2553878f0ffe72d83fcf726c64e24b7ff55387f5ca07884c46d99f03c88326.png"
    }
  },
  "image": [
    "https://components.publishing.service.gov.uk/assets/govuk_publishing_components/govuk-schema-placeholder-1x1-24daf5394519f67a3754d5862296c19cbbdc81ac5e75aa5b38fc8378c30be4f9.png",
    "https://components.publishing.service.gov.uk/assets/govuk_publishing_components/govuk-schema-placeholder-4x3-98d0e6cb41aee8209a1ddbdc87ea3c0e25bdb8e3a6cb689c5af907d032262fb0.png",
    "https://components.publishing.service.gov.uk/assets/govuk_publishing_components/govuk-schema-placeholder-16x9-670665e6e8ef8e680ef5cb989d026f4e40932c8adc435c95655f339175867945.png"
  ],
  "headLine": "A title",
  "description": "Some manually set description of the page"
}
</script>

<link rel="canonical" href="https://www.gov.uk/foo" />

<meta property="og:site_name" content="GOV.UK" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.gov.uk/foo" />
<meta property="og:title" content="A title" />
<meta property="og:description" content="Some manually set description of the page" />

  <meta name="twitter:card" content="summary" />

How to call this example

<%= render "govuk_publishing_components/components/machine_readable_metadata", {
  content_item: {
    title: "A title",
    base_path: "/foo",
    details: {}
  },
  schema: "article",
  description: "Some manually set description of the page"
} %>