
<!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 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 id="navicon2">
          <a href="javascript:void(0);" class="icon" onclick="navFunction()"><img height="40" src="/docs/menu-bar-icon-white.png"></a>
        </div>
      </div>
      <div  class="header-block header-block-right mobnav" id="pagehead-mid">
        <div id="selectionbar2">
          <ul>
            <li>
              <a href="/docs/documents.html">Documentation</a>
            </li>
            <li>
              <a href="/docs/schemas.html">Schemas</a>
            </li>
            <li>
              <a href="/docs/about.html">About</a>
            </li>
          <!--
             <li>
              <a href="/">Home</a>
            </li>
          -->
          </ul>
        </div> <!-- selectionbar -->
      </div>
      <div  class="header-block header-block-right mobnav" id="pagehead-right">
        <div id="cse-search-form2">
            <div class="gcse-searchbox-only" data-resultsUrl="/docs/search_results.html"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="devnote"><b>Note</b>: you are viewing the
    <!-- <a href="http://webschemas.org/">webschemas.org</a>--> development
    version of <a href="schema.org">schema.org</a>.
    See <a href="/docs/howwework.html">How we work</a> for more details.
  </div>
</div>
  
 
<!-- Header end from PageHeader.j2 -->
    <div id="mainContent">
	    
<div id="infoblock">
	<!-- Label /  termType  / canonical URI -->
    <div id="infohead">
        <h1>image</h1>
        <em>A Schema.org Property</em>
        <br/>
        <!-- Pending/retired -->
        
        
        
    </div>
	<!-- Breadcrumb display of term inheritance -->
    <div class="superPaths">
    
         
					
					
    
    
    <a href="/Thing"  
        class="core" title="Thing">Thing</a>  > 
					
					
    
    
    <a href="/Property"  
        class="core" title="Property">Property</a> 
					 > 
					
    
    
    <a href="/image"  
        class="core" title="image">image</a>
        <br/>
    
    </div>
    <!-- More Block -->
    <div>
            <div id='infobox' style='text-align: right;' 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: http://schema.org/image</span> </li>
            
                <li><a href='https://docs.google.com/a/google.com/forms/d/1krxHlWJAO3JgvHRZV9Rugkr9VYnMdrI10xbGsWt733c/viewform?entry.1174568178&entry.41124795=http://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 -->
		
		
        
        
            
            
            <table class="definition-table">
                <thead><tr><th>Values expected to be one of these types</th></tr></thead>
                <tr><td><code>
                
                    
                        
    
    
    <a href="/ImageObject"  
        class="core" title="ImageObject">ImageObject</a><br/>
                    
                
                    
                        
    
    
    <a href="/URL"  
        class="core" title="URL">URL</a>
                    
                
                </td></code></tr>
            </table>
            <table class="definition-table">
                <thead><tr><th>Used on these types</th></tr></thead>
                <tr><td><code>
                
                    
                        
    
    
    <a href="/Thing"  
        class="core" title="Thing">Thing</a>
                    
                
                </td></code></tr>
            </table>
        
        	
		

		
        <!-- List subtypes/subproperties -->
        
            
            
    	    
    	    	<!-- List subs (Subtypes/subproperties/enumeration members/etc.) for Term -->


    
     <br/><b><a  id="subtypes" title="Link: #subtypes" href="#subtypes" class="clickableAnchor" >Sub-properties</a></b><ul>
    
	<li>
    
    
    <a href="/layoutImage"  
        class="core" 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" style="width:auto; overflow-x: auto;">

<b><a  id="examples" title="Link: #examples" href="#examples" class="clickableAnchor"  >Examples</a></b><br/><br/>

<div class="example-head">
        <a  id="eg-0011" title="Link: #eg-0011" href="#eg-0011" class="clickableAnchor" >Example 1</a>			<div class="tooltip">	
				<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="13" alt="Copy to clipboard">
				</button>
				<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;span itemprop=&#34;lowPrice&#34;&gt;$1250&lt;/span&gt;
    to &lt;span itemprop=&#34;highPrice&#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;span property=&#34;lowPrice&#34;&gt;$1250&lt;/span&gt; to
        &lt;span property=&#34;highPrice&#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;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;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">
        <a  id="eg-0013" title="Link: #eg-0013" href="#eg-0013" class="clickableAnchor" >Example 2</a>			<div class="tooltip">	
				<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="13" alt="Copy to clipboard">
				</button>
				<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">
        <a  id="eg-0361" title="Link: #eg-0361" href="#eg-0361" class="clickableAnchor" >Example 3</a>			<div class="tooltip">	
				<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="13" alt="Copy to clipboard">
				</button>
				<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>
    <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-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="ds-tab eg-0361 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 ">
This example is in microdata only.
</pre>
</div>

<div class="ds-tab eg-0361 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 ">
This example is in microdata only.
</pre>
</div>

<div class="ds-tab eg-0361 structure extabs" data-ex="eg-0361">
  <div class="ds-tab-note" >Structured representation of the JSON-LD example.</div>
  <div class="ds-tab-content structureout extabs eg-0361" style="margin-left: 5px;"> </div>
  <div class="structuretext clipsource extabs eg-0361"></div>
</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>
      <div id="versioninfo">
          V11.0<br/>
          2020-11-30
      </div>
      <a href="/docs/terms.html">Terms and conditions</a>
    </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": {
    "rdf": "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
    "rdfs": "http://www.w3.org/2000/01/rdf-schema#",
    "schema": "http://schema.org/",
    "xsd": "http://www.w3.org/2001/XMLSchema#"
  },
  "@id": "schema:image",
  "@type": "rdf:Property",
  "rdfs:comment": "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>.",
  "rdfs:label": "image",
  "schema:domainIncludes": {
    "@id": "schema:Thing"
  },
  "schema:rangeIncludes": [
    {
      "@id": "schema:URL"
    },
    {
      "@id": "schema:ImageObject"
    }
  ]
}
</script>
    

</body>
</html>