CINXE.COM

image - Schema.org Property

<!DOCTYPE html> <html lang="en"> <!-- Generated from TermPageEx.j2 --> <head> <title>image - Schema.org Property</title> <meta charset="utf-8" > <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Schema.org Property: image - An image of the item. This can be a &lt;a class=&#34;localLink&#34; href=&#34;/URL&#34;&gt;URL&lt;/a&gt; or a fully described &lt;a class=&#34;localLink&#34; href=&#34;/ImageObject&#34;&gt;ImageObject&lt;/a&gt;." /> <link rel="shortcut icon" type="image/png" href="/docs/favicon.ico"/> <link rel="stylesheet" type="text/css" href="/docs/schemaorg.css" /> <link rel="stylesheet" type="text/css" href="/docs/devnote.css" /> <link rel="stylesheet" type="text/css" href="/docs/prettify.css" /> <script src="/docs/prettify.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="/docs/schemaorg.js"></script> <!-- <script src="/docs/debugwindow/viewconsole.js"></script> --> <script src="/docs/sdotermpage.js"></script> <link rel="stylesheet" type="text/css" href="/docs/sdotermpage.css" /> <script src="/docs/pretty-markup/schemarama-parsing.bundle.min.js"></script> <script src="/docs/pretty-markup/layout.js"></script> <link rel="stylesheet" type="text/css" href="/docs/pretty-markup/style.css" /> <script src="/docs/clipboard/clipboard.min.js"></script> <link rel="canonical" href="https://schema.org/image" /> </head> <body> <!-- Header start from PageHeader.j2 --> <!-- Static Doc Insert PageHead --> <div class="devnote"><b>Note</b>: You are viewing the development version of <a href="https://schema.org">Schema.org</a>. See <a href="/docs/howwework.html">how we work</a> for more details. </div> <div id="container"> <div id="headerwrap"> <div id="pagehead1" class="mobnav"> <div class="header-block" id="pagehead-left"> <div id="sitename2"> <a href="/">Schema.org</a> </div> </div> <div class="header-block header-block-right mobnav" id="pagehead-mid"> <div id="selectionbar2"> <ul> <li> <a href="/docs/documents.html">Docs</a> </li> <li> <a href="/docs/schemas.html">Schemas</a> </li> <li> <a href="https://validator.schema.org">Validate</a> </li> <li> <a href="/docs/about.html">About</a> </li> </ul> </div> <!-- selectionbar --> </div> <div class="header-block header-block-right mobnav" id="pagehead-right"> <div id="cse-search-form2" class="live-only"> <div class="gcse-searchbox-only" data-resultsUrl="/docs/search_results.html"></div> </div> </div> <div class="header-block mobnav" id="navicon2"> <a href="javascript:void(0);" class="icon" onclick="navFunction()"> <svg id="open" width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_3560_173)"> <path d="M3 18V16H21V18H3ZM3 13V11H21V13H3ZM3 8V6H21V8H3Z" fill="#444746"/> </g> <defs> <clipPath id="clip0_3560_173"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> <svg id="close" width="24px" height="24px" viewBox="0 -960 960 960" fill="#444746" xmlns="http://www.w3.org/2000/svg"> <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/> </svg> </a> </div> </div> </div> <div class="header-bottom"></div> </div> <!-- Header end from PageHeader.j2 --> <div id="mainContent"> <div id="infoblock" class="jumptarget" title="Details"> <!-- Label / termType / canonical URI --> <div id="infohead"> <h1>image</h1> <div class="infotype">A Schema.org Property</div> <!-- Pending/retired/term in section --> </div> <!-- Breadcrumb display of term inheritance --> <div class="superPaths" itemscope itemtype="https://schema.org/BreadcrumbList"> <span itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem"> <meta itemprop="name" content="Thing" /> <meta itemprop="position" content="1" /> <a href="/Thing" itemprop="item" class="core" title="Thing">Thing</a> </span> &gt; <span itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem"> <meta itemprop="name" content="Property" /> <meta itemprop="position" content="2" /> <a href="/Property" itemprop="item" class="core" title="Property">Property</a> </span> :: <span itemscope itemprop="itemListElement" itemtype="https://schema.org/ListItem"> <meta itemprop="name" content="image" /> <meta itemprop="position" content="3" /> <a href="/image" itemprop="item" class="core" title="image">image</a> </span> <br/> </div> <!-- More Block --> <div> <div id='infobox' style='text-align: right; padding-right: 5px;' role="checkbox" aria-checked="false"> <label for="morecheck"><b><span style="cursor: pointer;">[more...]</span></b></label> </div> <input type='checkbox' checked="checked" style='display: none' id=morecheck><div id='infomsg' style='background-color: #EEEEEE; text-align: left; padding: 0.5em;'> <ul><li> <span class="canonicalUrl">Canonical URL: https://schema.org/image</span> </li> <!--<li><a href='https://docs.google.com/a/google.com/forms/d/1krxHlWJAO3JgvHRZV9Rugkr9VYnMdrI10xbGsWt733c/viewform?entry.1174568178&entry.41124795=https://schema.org/image&entry.882602760=Property'>Leave public feedback on this term &#128172;</a></li>--> <li><a href='https://github.com/schemaorg/schemaorg/issues?q=is%3Aissue+is%3Aopen+image'>Check for open issues.</a></li> </ul> </div> </div> <!-- Description of term --> <div class="description">An image of the item. This can be a <a class="localLink" href="/URL">URL</a> or a fully described <a class="localLink" href="/ImageObject">ImageObject</a>.</div> </div> <!-- infoblock --> <div class="jumptarget" id="values" title="Values"> <h3>Values expected to be one of these types</h3> <code><ul> <li> <a href="/ImageObject" class="core" title="ImageObject">ImageObject</a></li> <li> <a href="/URL" class="core" title="URL">URL</a></li> </code></ul> </div> <div class="jumptarget" id="types" title="Used on"> <h3>Used on these types</h3> <code><ul> <li> <a href="/Thing" class="core" title="Thing">Thing</a></li> </code></ul> </div> <!-- List subtypes/subproperties --> <!-- List subs (Subtypes/subproperties/enumeration members/etc.) for Term --> <br/> <div id="subtypes" title="Sub-properties" class="jumptarget" title="Value for"><h4>Sub-properties</h4></div> <ul> <li> <a href="/colorSwatch" class="ext ext-pending" title="colorSwatch">colorSwatch</a></li> <li> <a href="/layoutImage" class="ext ext-pending" title="layoutImage">layoutImage</a></li> <li> <a href="/logo" class="core" title="logo">logo</a></li> <li> <a href="/photo" class="core" title="photo">photo</a></li> </ul> <!-- list supersedes and superseded references --> <!-- list source references and acknowledgements --> <!-- list examples --> <!-- Examples block for term: image--> <div id="examplespannel" class="jumptarget" title="Examples"> <h3>Examples</h3> <div class="example-head"> <button class="clip clipbutton eg-0011" data-clipboard-target=".ds-tab.selected.eg-0011 .clipsource" title="Copy example to clipboard"> <img src="/docs/clipboard/clippy.svg" width="18" alt="Copy to clipboard" /> </button> <a id="eg-0011" title="Link: #eg-0011" href="#eg-0011" class="clickableAnchor" >Example 1</a> <div class="tooltip"> <span class="tooltiptext eg-0011">Copied</span> </div> </div> <div class='ds-selector-tabs ds-selector'> <div class='selectors'> <a data-selects='original_html' class='selected'>No Markup</a> <a data-selects='microdata' class=''>Microdata</a> <a data-selects='rdfa' class=''>RDFa</a> <a data-selects='jsonld' class=''>JSON-LD</a> <a data-selects='structure' class='extabs'>Structure</a> </div> <div class="ds-tab eg-0011 original_html selected"> <div class="ds-tab-note" >Example notes or example HTML without markup.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;img src=&#34;dell-30in-lcd.jpg&#34; alt=&#34;A Dell UltraSharp monitor&#34; /&gt; Dell UltraSharp 30&#34; LCD Monitor 87 out of 100 based on 24 user ratings $1250 to $1495 from 8 sellers Sellers: &lt;a href=&#34;save-a-lot-monitors.com/dell-30.html&#34;&gt; Save A Lot Monitors - $1250&lt;/a&gt; &lt;a href=&#34;jondoe-gadgets.com/dell-30.html&#34;&gt; Jon Doe&#39;s Gadgets - $1350&lt;/a&gt; ... </pre> </div> <div class="ds-tab eg-0011 microdata "> <div class="ds-tab-note" >Example encoded as <a class="ds-tab-note" href="https://en.wikipedia.org/wiki/Microdata_(HTML)">Microdata</a> embedded in HTML.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;div itemscope itemtype=&#34;https://schema.org/Product&#34;&gt; &lt;img itemprop=&#34;image&#34; src=&#34;dell-30in-lcd.jpg&#34; alt=&#34;A Dell UltraSharp monitor&#34;/&gt; &lt;span itemprop=&#34;name&#34;&gt;Dell UltraSharp 30&#34; LCD Monitor&lt;/span&gt; &lt;div itemprop=&#34;aggregateRating&#34; itemscope itemtype=&#34;https://schema.org/AggregateRating&#34;&gt; &lt;span itemprop=&#34;ratingValue&#34;&gt;87&lt;/span&gt; out of &lt;span itemprop=&#34;bestRating&#34;&gt;100&lt;/span&gt; based on &lt;span itemprop=&#34;ratingCount&#34;&gt;24&lt;/span&gt; user ratings &lt;/div&gt; &lt;div itemprop=&#34;offers&#34; itemscope itemtype=&#34;https://schema.org/AggregateOffer&#34;&gt; &lt;meta itemprop=&#34;priceCurrency&#34; content=&#34;USD&#34; /&gt; &lt;span itemprop=&#34;lowPrice&#34; content=&#34;1250&#34;&gt;$1250&lt;/span&gt; to &lt;span itemprop=&#34;highPrice&#34; content=&#34;1495&#34;&gt;$1495&lt;/span&gt; from &lt;span itemprop=&#34;offerCount&#34;&gt;8&lt;/span&gt; sellers Sellers: &lt;div itemprop=&#34;offers&#34; itemscope itemtype=&#34;https://schema.org/Offer&#34;&gt; &lt;a itemprop=&#34;url&#34; href=&#34;save-a-lot-monitors.com/dell-30.html&#34;&gt; Save A Lot Monitors - $1250&lt;/a&gt; &lt;/div&gt; &lt;div itemprop=&#34;offers&#34; itemscope itemtype=&#34;https://schema.org/Offer&#34;&gt; &lt;a itemprop=&#34;url&#34; href=&#34;jondoe-gadgets.com/dell-30.html&#34;&gt; Jon Doe&#39;s Gadgets - $1350&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; ... &lt;/div&gt; </pre> </div> <div class="ds-tab eg-0011 rdfa "> <div class="ds-tab-note" >Example encoded as <a class="ds-tab-note" href="https://en.wikipedia.org/wiki/RDFa">RDFa</a> embedded in HTML.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;div vocab=&#34;https://schema.org/&#34; typeof=&#34;Product&#34;&gt; &lt;img property=&#34;image&#34; src=&#34;dell-30in-lcd.jpg&#34; alt=&#34;A Dell UltraSharp monitor&#34;&gt; &lt;span property=&#34;name&#34;&gt;Dell UltraSharp 30&#34; LCD Monitor&lt;/span&gt; &lt;div property=&#34;aggregateRating&#34; typeof=&#34;AggregateRating&#34;&gt; &lt;span property=&#34;ratingValue&#34;&gt;87&lt;/span&gt; out of &lt;span property=&#34;bestRating&#34;&gt;100&lt;/span&gt; based on &lt;span property=&#34;ratingCount&#34;&gt;24&lt;/span&gt; user ratings &lt;/div&gt; &lt;div property=&#34;offers&#34; typeof=&#34;AggregateOffer&#34;&gt; &lt;meta property=&#34;priceCurrency&#34; content=&#34;USD&#34; /&gt; &lt;span property=&#34;lowPrice&#34; content=&#34;1250&#34;&gt;$1250&lt;/span&gt; to &lt;span property=&#34;highPrice&#34; content=&#34;1495&#34;&gt;$1495&lt;/span&gt; from &lt;span property=&#34;offerCount&#34;&gt;8&lt;/span&gt; sellers Sellers: &lt;div property=&#34;offers&#34; typeof=&#34;Offer&#34;&gt; &lt;a property=&#34;url&#34; href=&#34;save-a-lot-monitors.com/dell-30.html&#34;&gt;Save A Lot Monitors - $1250&lt;/a&gt; &lt;/div&gt; &lt;div property=&#34;offers&#34; typeof=&#34;Offer&#34;&gt; &lt;a property=&#34;url&#34; href=&#34;jondoe-gadgets.com/dell-30.html&#34;&gt;Jon Doe&#39;s Gadgets - $1350&lt;/a&gt; &lt;/div&gt; ... &lt;/div&gt; &lt;/div&gt; </pre> </div> <div class="ds-tab eg-0011 jsonld "> <div class="ds-tab-note" >Example encoded as <a class="ds-tab-note" href="https://en.wikipedia.org/wiki/JSON-LD">JSON-LD</a> in a HTML script tag.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;script type=&#34;application/ld+json&#34;&gt; { &#34;@context&#34;: &#34;https://schema.org&#34;, &#34;@type&#34;: &#34;Product&#34;, &#34;aggregateRating&#34;: { &#34;@type&#34;: &#34;AggregateRating&#34;, &#34;bestRating&#34;: &#34;100&#34;, &#34;ratingCount&#34;: &#34;24&#34;, &#34;ratingValue&#34;: &#34;87&#34; }, &#34;image&#34;: &#34;dell-30in-lcd.jpg&#34;, &#34;name&#34;: &#34;Dell UltraSharp 30\&#34; LCD Monitor&#34;, &#34;offers&#34;: { &#34;@type&#34;: &#34;AggregateOffer&#34;, &#34;priceCurrency&#34;: &#34;USD&#34;, &#34;highPrice&#34;: &#34;1495&#34;, &#34;lowPrice&#34;: &#34;1250&#34;, &#34;offerCount&#34;: &#34;8&#34;, &#34;offers&#34;: [ { &#34;@type&#34;: &#34;Offer&#34;, &#34;url&#34;: &#34;save-a-lot-monitors.com/dell-30.html&#34; }, { &#34;@type&#34;: &#34;Offer&#34;, &#34;url&#34;: &#34;jondoe-gadgets.com/dell-30.html&#34; } ] } } &lt;/script&gt; </pre> </div> <div class="ds-tab eg-0011 structure extabs" data-ex="eg-0011"> <div class="ds-tab-note" >Structured representation of the JSON-LD example.</div> <div class="ds-tab-content structureout extabs eg-0011" style="margin-left: 5px;"> </div> <div class="structuretext clipsource extabs eg-0011"></div> </div> <div class="payload eg-0011" style="display: none;">{ &#34;@context&#34;: &#34;https://schema.org&#34;, &#34;@type&#34;: &#34;Product&#34;, &#34;aggregateRating&#34;: { &#34;@type&#34;: &#34;AggregateRating&#34;, &#34;bestRating&#34;: &#34;100&#34;, &#34;ratingCount&#34;: &#34;24&#34;, &#34;ratingValue&#34;: &#34;87&#34; }, &#34;image&#34;: &#34;dell-30in-lcd.jpg&#34;, &#34;name&#34;: &#34;Dell UltraSharp 30\&#34; LCD Monitor&#34;, &#34;offers&#34;: { &#34;@type&#34;: &#34;AggregateOffer&#34;, &#34;priceCurrency&#34;: &#34;USD&#34;, &#34;highPrice&#34;: &#34;1495&#34;, &#34;lowPrice&#34;: &#34;1250&#34;, &#34;offerCount&#34;: &#34;8&#34;, &#34;offers&#34;: [ { &#34;@type&#34;: &#34;Offer&#34;, &#34;url&#34;: &#34;save-a-lot-monitors.com/dell-30.html&#34; }, { &#34;@type&#34;: &#34;Offer&#34;, &#34;url&#34;: &#34;jondoe-gadgets.com/dell-30.html&#34; } ] } }</div> </div> <div class="example-head"> <button class="clip clipbutton eg-0013" data-clipboard-target=".ds-tab.selected.eg-0013 .clipsource" title="Copy example to clipboard"> <img src="/docs/clipboard/clippy.svg" width="18" alt="Copy to clipboard" /> </button> <a id="eg-0013" title="Link: #eg-0013" href="#eg-0013" class="clickableAnchor" >Example 2</a> <div class="tooltip"> <span class="tooltiptext eg-0013">Copied</span> </div> </div> <div class='ds-selector-tabs ds-selector'> <div class='selectors'> <a data-selects='original_html' class='selected'>No Markup</a> <a data-selects='microdata' class=''>Microdata</a> <a data-selects='rdfa' class=''>RDFa</a> <a data-selects='jsonld' class=''>JSON-LD</a> <a data-selects='structure' class='extabs'>Structure</a> </div> <div class="ds-tab eg-0013 original_html selected"> <div class="ds-tab-note" >Example notes or example HTML without markup.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> Mom&#39;s World Famous Banana Bread By John Smith, May 8, 2009 &lt;img src=&#34;bananabread.jpg&#34; alt=&#34;Banana bread on a plate&#34; /&gt; This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread. Prep Time: 15 minutes Cook time: 1 hour Yield: 1 loaf Tags: Low fat Nutrition facts: 240 calories, 9 grams fat Ingredients: - 3 or 4 ripe bananas, smashed - 1 egg - 3/4 cup of sugar ... Instructions: Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour. 140 comments: From Janel, May 5 -- thank you, great recipe! ... </pre> </div> <div class="ds-tab eg-0013 microdata "> <div class="ds-tab-note" >Example encoded as <a class="ds-tab-note" href="https://en.wikipedia.org/wiki/Microdata_(HTML)">Microdata</a> embedded in HTML.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;div itemscope itemtype=&#34;https://schema.org/Recipe&#34;&gt; &lt;span itemprop=&#34;name&#34;&gt;Mom&#39;s World Famous Banana Bread&lt;/span&gt; By &lt;span itemprop=&#34;author&#34;&gt;John Smith&lt;/span&gt;, &lt;meta itemprop=&#34;datePublished&#34; content=&#34;2009-05-08&#34;&gt;May 8, 2009 &lt;img itemprop=&#34;image&#34; src=&#34;bananabread.jpg&#34; alt=&#34;Banana bread on a plate&#34; /&gt; &lt;span itemprop=&#34;description&#34;&gt;This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.&lt;/span&gt; Prep Time: &lt;meta itemprop=&#34;prepTime&#34; content=&#34;PT15M&#34;&gt;15 minutes Cook time: &lt;meta itemprop=&#34;cookTime&#34; content=&#34;PT1H&#34;&gt;1 hour Yield: &lt;span itemprop=&#34;recipeYield&#34;&gt;1 loaf&lt;/span&gt; Tags: &lt;link itemprop=&#34;suitableForDiet&#34; href=&#34;https://schema.org/LowFatDiet&#34; /&gt;Low fat &lt;div itemprop=&#34;nutrition&#34; itemscope itemtype=&#34;https://schema.org/NutritionInformation&#34;&gt; Nutrition facts: &lt;span itemprop=&#34;calories&#34;&gt;240 calories&lt;/span&gt;, &lt;span itemprop=&#34;fatContent&#34;&gt;9 grams fat&lt;/span&gt; &lt;/div&gt; Ingredients: - &lt;span itemprop=&#34;recipeIngredient&#34;&gt;3 or 4 ripe bananas, smashed&lt;/span&gt; - &lt;span itemprop=&#34;recipeIngredient&#34;&gt;1 egg&lt;/span&gt; - &lt;span itemprop=&#34;recipeIngredient&#34;&gt;3/4 cup of sugar&lt;/span&gt; ... Instructions: &lt;span itemprop=&#34;recipeInstructions&#34;&gt; Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour. &lt;/span&gt; 140 comments: &lt;div itemprop=&#34;interactionStatistic&#34; itemscope itemtype=&#34;https://schema.org/InteractionCounter&#34;&gt; &lt;meta itemprop=&#34;interactionType&#34; content=&#34;https://schema.org/CommentAction&#34; /&gt; &lt;meta itemprop=&#34;userInteractionCount&#34; content=&#34;140&#34; /&gt; &lt;/div&gt; From Janel, May 5 -- thank you, great recipe! ... &lt;/div&gt; </pre> </div> <div class="ds-tab eg-0013 rdfa "> <div class="ds-tab-note" >Example encoded as <a class="ds-tab-note" href="https://en.wikipedia.org/wiki/RDFa">RDFa</a> embedded in HTML.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;div vocab=&#34;https://schema.org/&#34; typeof=&#34;Recipe&#34;&gt; &lt;span property=&#34;name&#34;&gt;Mom&#39;s World Famous Banana Bread&lt;/span&gt; By &lt;span property=&#34;author&#34;&gt;John Smith&lt;/span&gt;, &lt;meta property=&#34;datePublished&#34; content=&#34;2009-05-08&#34;&gt;May 8, 2009 &lt;img property=&#34;image&#34; src=&#34;bananabread.jpg&#34; alt=&#34;Banana bread on a plate&#34; /&gt; &lt;span property=&#34;description&#34;&gt;This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.&lt;/span&gt; Prep Time: &lt;meta property=&#34;prepTime&#34; content=&#34;PT15M&#34;&gt;15 minutes Cook time: &lt;meta property=&#34;cookTime&#34; content=&#34;PT1H&#34;&gt;1 hour Yield: &lt;span property=&#34;recipeYield&#34;&gt;1 loaf&lt;/span&gt; Tags: &lt;link property=&#34;suitableForDiet&#34; href=&#34;https://schema.org/LowFatDiet&#34; /&gt;Low Fat &lt;div property=&#34;nutrition&#34; typeof=&#34;NutritionInformation&#34;&gt; Nutrition facts: &lt;span property=&#34;calories&#34;&gt;240 calories&lt;/span&gt;, &lt;span property=&#34;fatContent&#34;&gt;9 grams fat&lt;/span&gt; &lt;/div&gt; Ingredients: - &lt;span property=&#34;recipeIngredient&#34;&gt;3 or 4 ripe bananas, smashed&lt;/span&gt; - &lt;span property=&#34;recipeIngredient&#34;&gt;1 egg&lt;/span&gt; - &lt;span property=&#34;recipeIngredient&#34;&gt;3/4 cup of sugar&lt;/span&gt; ... Instructions: &lt;span property=&#34;recipeInstructions&#34;&gt; Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour. &lt;/span&gt; 140 comments: &lt;div property=&#34;interactionStatistic&#34; typeof=&#34;InteractionCounter&#34;&gt; &lt;meta property=&#34;interactionType&#34; content=&#34;https://schema.org/CommentAction&#34; /&gt; &lt;meta property=&#34;userInteractionCount&#34; content=&#34;140&#34; /&gt; &lt;/div&gt; From Janel, May 5 -- thank you, great recipe! ... &lt;/div&gt; </pre> </div> <div class="ds-tab eg-0013 jsonld "> <div class="ds-tab-note" >Example encoded as <a class="ds-tab-note" href="https://en.wikipedia.org/wiki/JSON-LD">JSON-LD</a> in a HTML script tag.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;script type=&#34;application/ld+json&#34;&gt; { &#34;@context&#34;: &#34;https://schema.org&#34;, &#34;@type&#34;: &#34;Recipe&#34;, &#34;author&#34;: &#34;John Smith&#34;, &#34;cookTime&#34;: &#34;PT1H&#34;, &#34;datePublished&#34;: &#34;2009-05-08&#34;, &#34;description&#34;: &#34;This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.&#34;, &#34;image&#34;: &#34;bananabread.jpg&#34;, &#34;recipeIngredient&#34;: [ &#34;3 or 4 ripe bananas, smashed&#34;, &#34;1 egg&#34;, &#34;3/4 cup of sugar&#34; ], &#34;interactionStatistic&#34;: { &#34;@type&#34;: &#34;InteractionCounter&#34;, &#34;interactionType&#34;: &#34;https://schema.org/Comment&#34;, &#34;userInteractionCount&#34;: &#34;140&#34; }, &#34;name&#34;: &#34;Mom&#39;s World Famous Banana Bread&#34;, &#34;nutrition&#34;: { &#34;@type&#34;: &#34;NutritionInformation&#34;, &#34;calories&#34;: &#34;240 calories&#34;, &#34;fatContent&#34;: &#34;9 grams fat&#34; }, &#34;prepTime&#34;: &#34;PT15M&#34;, &#34;recipeInstructions&#34;: &#34;Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour.&#34;, &#34;recipeYield&#34;: &#34;1 loaf&#34;, &#34;suitableForDiet&#34;: &#34;https://schema.org/LowFatDiet&#34; } &lt;/script&gt; </pre> </div> <div class="ds-tab eg-0013 structure extabs" data-ex="eg-0013"> <div class="ds-tab-note" >Structured representation of the JSON-LD example.</div> <div class="ds-tab-content structureout extabs eg-0013" style="margin-left: 5px;"> </div> <div class="structuretext clipsource extabs eg-0013"></div> </div> <div class="payload eg-0013" style="display: none;">{ &#34;@context&#34;: &#34;https://schema.org&#34;, &#34;@type&#34;: &#34;Recipe&#34;, &#34;author&#34;: &#34;John Smith&#34;, &#34;cookTime&#34;: &#34;PT1H&#34;, &#34;datePublished&#34;: &#34;2009-05-08&#34;, &#34;description&#34;: &#34;This classic banana bread recipe comes from my mom -- the walnuts add a nice texture and flavor to the banana bread.&#34;, &#34;image&#34;: &#34;bananabread.jpg&#34;, &#34;recipeIngredient&#34;: [ &#34;3 or 4 ripe bananas, smashed&#34;, &#34;1 egg&#34;, &#34;3/4 cup of sugar&#34; ], &#34;interactionStatistic&#34;: { &#34;@type&#34;: &#34;InteractionCounter&#34;, &#34;interactionType&#34;: &#34;https://schema.org/Comment&#34;, &#34;userInteractionCount&#34;: &#34;140&#34; }, &#34;name&#34;: &#34;Mom&#39;s World Famous Banana Bread&#34;, &#34;nutrition&#34;: { &#34;@type&#34;: &#34;NutritionInformation&#34;, &#34;calories&#34;: &#34;240 calories&#34;, &#34;fatContent&#34;: &#34;9 grams fat&#34; }, &#34;prepTime&#34;: &#34;PT15M&#34;, &#34;recipeInstructions&#34;: &#34;Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add the flour last. Pour the mixture into a loaf pan and bake for one hour.&#34;, &#34;recipeYield&#34;: &#34;1 loaf&#34;, &#34;suitableForDiet&#34;: &#34;https://schema.org/LowFatDiet&#34; }</div> </div> <div class="example-head"> <button class="clip clipbutton eg-0361" data-clipboard-target=".ds-tab.selected.eg-0361 .clipsource" title="Copy example to clipboard"> <img src="/docs/clipboard/clippy.svg" width="18" alt="Copy to clipboard" /> </button> <a id="eg-0361" title="Link: #eg-0361" href="#eg-0361" class="clickableAnchor" >Example 3</a> <div class="tooltip"> <span class="tooltiptext eg-0361">Copied</span> </div> </div> <div class='ds-selector-tabs ds-selector'> <div class='selectors'> <a data-selects='original_html' class='selected'>No Markup</a> <a data-selects='microdata' class=''>Microdata</a> </div> <div class="ds-tab eg-0361 original_html selected"> <div class="ds-tab-note" >Example notes or example HTML without markup.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;h1&gt;ACME Hotel Innsbruck&lt;/h1&gt; &lt;img src=&#34;../media/logo.png&#34; alt=&#34;hotel logo&#34; /&gt; &lt;span&gt;A beautifully located business hotel right in the heart of the alps. Watch the sun rise over the scenic Inn valley while enjoying your morning coffee.&lt;/span&gt; &lt;img src=&#34;../media/hotel_front.png&#34; alt=&#34;Front view of the hotel&#34; /&gt; &lt;/div&gt; </pre> </div> <div class="ds-tab eg-0361 microdata "> <div class="ds-tab-note" >Example encoded as <a class="ds-tab-note" href="https://en.wikipedia.org/wiki/Microdata_(HTML)">Microdata</a> embedded in HTML.</div> <pre class="ds-tab-content prettyprint lang-html linenums clipsource "> &lt;div itemscope itemtype=&#34;https://schema.org/Hotel&#34;&gt; &lt;h1&gt;&lt;span itemprop=&#34;name&#34;&gt;ACME Hotel Innsbruck&lt;/span&gt;&lt;/h1&gt; &lt;img itemprop=&#34;logo&#34; src=&#34;../media/logo.png&#34; alt=&#34;hotel logo&#34; /&gt; &lt;span itemprop=&#34;description&#34;&gt;A beautifully located business hotel right in the heart of the alps. Watch the sun rise over the scenic Inn valley while enjoying your morning coffee.&lt;/span&gt; &lt;img itemprop=&#34;photo&#34; src=&#34;../media/hotel_front.png&#34; alt=&#34;Front view of the hotel&#34; /&gt; &lt;/div&gt; </pre> </div> <div class="payload eg-0361" style="display: none;">This example is in microdata only.</div> </div> </div> </div> <!-- mainContent --> <!-- Footer start from PageFooter.j2 --> <div id="footer"> <p><a href="/docs/terms.html">Terms and conditions</a></p> <div id="versioninfo"> <span class="sep">•</span> Schema.org <span class="sep">•</span> V28.1 <span class="sep">|</span> 2024-11-22 </div> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-52672119-1', 'auto'); ga('send', 'pageview'); </script> <!-- Footer end from PageFooter.j2 --> <script type="application/ld+json"> { "@context": { "brick": "https://brickschema.org/schema/Brick#", "csvw": "http://www.w3.org/ns/csvw#", "dc": "http://purl.org/dc/elements/1.1/", "dcam": "http://purl.org/dc/dcam/", "dcat": "http://www.w3.org/ns/dcat#", "dcmitype": "http://purl.org/dc/dcmitype/", "dcterms": "http://purl.org/dc/terms/", "doap": "http://usefulinc.com/ns/doap#", "foaf": "http://xmlns.com/foaf/0.1/", "odrl": "http://www.w3.org/ns/odrl/2/", "org": "http://www.w3.org/ns/org#", "owl": "http://www.w3.org/2002/07/owl#", "prof": "http://www.w3.org/ns/dx/prof/", "prov": "http://www.w3.org/ns/prov#", "qb": "http://purl.org/linked-data/cube#", "rdf": "http://www.w3.org/1999/02/22-rdf-syntax-ns#", "rdfs": "http://www.w3.org/2000/01/rdf-schema#", "schema": "https://schema.org/", "sh": "http://www.w3.org/ns/shacl#", "skos": "http://www.w3.org/2004/02/skos/core#", "sosa": "http://www.w3.org/ns/sosa/", "ssn": "http://www.w3.org/ns/ssn/", "time": "http://www.w3.org/2006/time#", "vann": "http://purl.org/vocab/vann/", "void": "http://rdfs.org/ns/void#", "xsd": "http://www.w3.org/2001/XMLSchema#" }, "@id": "schema:image", "@type": "rdf:Property", "rdfs:comment": "An image of the item. This can be a [[URL]] or a fully described [[ImageObject]].", "rdfs:label": "image", "schema:domainIncludes": { "@id": "schema:Thing" }, "schema:rangeIncludes": [ { "@id": "schema:URL" }, { "@id": "schema:ImageObject" } ] } </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10