Rich snippets: Microdata object from itemtype property?

Question

Recently, I decided to update the website by adding rich snippets - microdata. The fact is that I am new to such things, and I have a small question about this.

I am trying to define an Organization, as you can see from the code below:

<div class="block-content" itemscope itemtype="http://schema.org/Organization">
<p itemprop="name">SOME ORGANIZATION</p>
<p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Manufacture Street no 4</span>, 
<span itemprop="PostalCode">4556210</span><br />
<span itemprop="addressLocality">CityVille</span>, 
<span itemprop="addressCountry">SnippetsLand</span></p>
<hr>
<p itemprop="telephone">0444 330 226</p>
<hr>
<p><a href="mailto:[e-mail]" itemprop="email">[e-mail]</a></p>
</div>

Now my problems are this: I would also like to tag LOGO to create a full organization profile, but the logo is in the title of my page, and the div that I posted above is in the footer, and the style / layout of the page does not allow me to add the logo is here, and also make it visible.

So how can I solve this problem? What is the best solution?

Thanks.

Answer 1

, :

<img itemprop="logo" src="http://www.example.com/logo.png" />

, :

<div class="block-content" itemscope itemtype="http://schema.org/Organization">
<p itemprop="name">SOME ORGANIZATION</p>
<img itemprop="logo" src="http://www.example.com/logo.png" />
<p itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Manufacture Street no 4</span>, 
<span itemprop="PostalCode">4556210</span><br />
<span itemprop="addressLocality">CityVille</span>, 
<span itemprop="addressCountry">SnippetsLand</span></p>
<hr>
<p itemprop="telephone">0444 330 226</p>
<hr>
<p><a href="mailto:[e-mail]" itemprop="email">[e-mail]</a></p>
</div>

, , , . , .

Answer 2

itemref.

id itemprop:

<img src="acme-logo.png" alt="ACME Inc." itemprop="logo" id="logo" />

itemref="logo" div :

<div class="block-content" itemscope itemtype="http://schema.org/Organization" itemref="logo">
  …
</div>

---

, "" , div, . Microdata meta link body . link, http://schema.org/Organization URL logo . ( meta ImageObject).

<div class="block-content" itemscope itemtype="http://schema.org/Organization">
  …
  <link itemprop="logo" src="logo.png" />
  …
</div>

---

: , hr element . , CSS (, border-top p).