title: Schema.org usage of WPHeader (or how to add structured data to ‘Hero’ images
body: <p>This question is related to this question: <a href="https://stackoverflow.com/q/47887409/5021680">Uniform way to add multiple descriptive properties in Schema.org</a></p>
  
  <p>Recently I found this code on <a href="https://ludwig.im/en/projects/html5-and-schema.org-seo-best-practices-for-microdata" rel="nofollow noreferrer">HTML5 &amp; Schema.org - Structured Microdata for SEO</a>, along with the statement that the Schema.org <code>WPHeader</code> type <strong>is a <code>WebPageElement</code> that can include markup from <code>CreativeWork</code> as well as <code>Thing</code></strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;header role="banner" itemscope itemtype="http://schema.org/WPHeader"&gt;
      &lt;meta itemprop="name" content="A name"&gt;
      &lt;meta itemprop="description" content="A description text"&gt;
      &lt;h1 itemprop="headline"&gt;A headline text&lt;/h1&gt;
      &lt;img itemprop="image" src="image.jpg"&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>If the above statement and usage of <code>WPHeader</code> is correct, I wonder if the code below whould make sense in terms of structured data for the sematic web. The reason behind my question is that I am looking for a solution in which I can use a banner/hero image for webpages presenting an <code>Event</code> (or other) type with typical <code>CreativeWork</code> properties such as <code>headine</code>, <code>creator</code> etc. </p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;article&gt;
           &lt;!-- Banner/hero image section for Event--&gt;
           &lt;header class="my_hero_class" role="banner" itemscope itemtype="http://schema.org/WPHeader"&gt;
              &lt;meta itemprop="name" content="My Event"&gt;
              &lt;meta itemprop="description" content="Description of My Event"&gt;
              &lt;meta itemprop="keywords" content="keyword1, keyword2, keyword3"&gt;
              &lt;h1 itemprop="headline"&gt;A headline text&lt;/h1&gt;
              &lt;p itemprop="alternateHeadline"&gt;Another headline text&lt;p&gt;
              &lt;p itemprop="creator"&gt;Artist name&lt;p&gt;
              &lt;img itemprop="image" src="hero_image.jpg"&gt;
          &lt;/header&gt;
          &lt;!-- Event section --&gt;
          &lt;section class="my_event_class" itemscope itemtype="http://schema.org/Event"&gt;
             &lt;h2 itemprop="name"&gt;Name of My Event&lt;/h2&gt;
             &lt;p itemprop="description"&gt;Description of My Event&lt;/p&gt;
             &lt;p itemprop="text"&gt;Text about My Event&lt;/p&gt;
             &lt;p itemprop="startDate" content="2016-04-21T20:00"&gt;Thu, 04/21/16 8:00 p.m.&lt;/p&gt;
  &lt;meta itemprop="startDate" content="2016-04-21T20:00"&gt;
             &lt;img itemprop="image" src="poster.jpg"&gt;
          &lt;/section&gt;
          &lt;!-- Event Artist section --&gt; 
          &lt;section class="my_person_class" itemscope itemtype="http://schema.org/Person"&gt;
             &lt;h2 itemprop="name"&gt;Name of Artist&lt;/h2&gt;
             &lt;p itemprop="description"&gt;Description of of Artist&lt;/p&gt;
             &lt;p itemprop="text"&gt;Text about of Artist&lt;/p&gt;
             &lt;img itemprop="image" src="artist.jpg"&gt;
          &lt;/section&gt;
      &lt;/article&gt;
  </code></pre>