I am creating a web page, and currently I am adding Microdata markup to the code. Im using schema.orgs MusicGroup .
I have an index.html page where I would like to get the name and image properties for this group:
<div class="container" itemscope itemtype="http://schema.org/MusicGroup">
...
<a href="index.php"><img itemprop="image" src="img/logo.png" alt="logo" /></a>
<p>We are <span itemprop="name">NAME OF THE BAND</span>.</p>
...
</div>
However, there is a short description on the about_us.html page that I would also like to use:
<div class="container" itemscope itemtype="http://schema.org/MusicGroup">
...
<p itemprop="description">A description of the band.</p>
...
</div>
When I use this code, search queries (understandably) refer to them as two different MusicGroups:
MusicGroup 1:
Image: ... / img / logo.png
Name: GROUP NAME
MusicGroup 2:
Description: Description of the band.
How to connect these properties with one element?