Machine readable metadata example
A guide
How it looks (preview)
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "FAQPage",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.gov.uk/how-to-train-your-dragon"
},
"name": "How to train your dragon",
"datePublished": null,
"dateModified": null,
"text": null,
"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"
],
"mainEntity": [
{
"@type": "Question",
"name": "How to train your dragon",
"url": "https://www.gov.uk/how-to-train-your-dragon",
"acceptedAnswer": {
"@type": "Answer",
"url": "https://www.gov.uk/how-to-train-your-dragon",
"text": "\u003cp\u003eTraining scaly beasts can be tricky\u003c/p\u003e "
}
},
{
"@type": "Question",
"name": "Preparation",
"url": "https://www.gov.uk/how-to-train-your-dragon#preparation",
"acceptedAnswer": {
"@type": "Answer",
"url": "https://www.gov.uk/how-to-train-your-dragon#preparation",
"text": " \u003cp\u003ePrepare by meditating and writing a will\u003c/p\u003e "
}
},
{
"@type": "Question",
"name": "Afterwards ",
"url": "https://www.gov.uk/how-to-train-your-dragon#afterwards",
"acceptedAnswer": {
"@type": "Answer",
"url": "https://www.gov.uk/how-to-train-your-dragon#afterwards",
"text": "\u003cp\u003eYour next of kin may need a strong stomach\u003c/p\u003e\n"
}
}
]
}
</script>
<link rel="canonical" href="https://www.gov.uk/how-to-train-your-dragon" />
<meta property="og:site_name" content="GOV.UK" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.gov.uk/how-to-train-your-dragon" />
<meta property="og:title" content="How to train your dragon" />
<meta property="og:description" content="" />
<meta name="twitter:card" content="summary" />
How to call this example
<%= render "govuk_publishing_components/components/machine_readable_metadata", {
content_item: {
title: "How to train your dragon",
base_path: "/how-to-train-your-dragon",
details: {
parts: [
{
slug: "overview",
body: "A thing on how to train scaly beasts",
title: "Overview"
},
{
slug: "treating-injuries",
body: "Get to know a good blacksmith",
title: "Treating injuries"
}
]
}
},
body: sanitize("<p>Training scaly beasts can be tricky</p> <h2 id='preparation'>Preparation</h2> <p>Prepare by meditating and writing a will</p> <h2 id='afterwards'>Afterwards<h2> <p>Your next of kin may need a strong stomach</p>
"),
schema: "faq",
canonical_url: "https://www.gov.uk/how-to-train-your-dragon"
} %>