Schema.org combining different categories This is the follow up version of a previous question on combining different categories and their properties.

The home page contains the overarching company information.
The product page contains product information and links to the home page.

I do not get any error messages in Google testing tool. But I feel that the code is clunky. I am concerned that a lot of the information is hidden and that search prefer to index information that is also visible to the user.

Home page

&lt;body itemscope itemtype="http://schema.org/Organization"&gt;
&lt;a itemprop="url" href="http://www.example.com/"&gt;Organization&lt;/a&gt;
&lt;meta itemprop="name" content="Organizaton name" /&gt;
&lt;img itemprop="image" src="company-logo.jpg" alt="Image-alt-name"/&gt;
&lt;p itemprop="description"&gt;short description on home page&lt;/p&gt;
&lt;/body&gt;


Product page

&lt;body itemprop="branchOf" itemscope itemtype="http://schema.org/Organization" id="schema-organization"&gt;

&lt;div itemscope itemtype="http://schema.org/TravelAgency" itemref="schema-organization"&gt;
&lt;link itemprop="url" href="http://www.sub-company-url/"&gt;                
&lt;meta itemprop="name" content="Sub-company name" /&gt;


&lt;div itemscope itemtype="http://schema.org/Product"&gt;

&lt;span itemprop="name"&gt;NAME OF PRODUCT&lt;/span&gt;
The cost of
&lt;div itemprop="offers" itemscope itemtype="http://schema.org/Offer"&gt;
&lt;span itemprop="itemOffered"&gt;NAME OF PRODUCT&lt;/span&gt;
&lt;meta itemprop="priceCurrency" content="EUR"&gt;€&lt;/span&gt;&lt;span itemprop="price" content="600.00"&gt;600&lt;/span&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
Home page

The Microdata is fine. 

I don’t know if it’s possible with the design of your page, but typically you would link the name/logo (then you could omit the meta and you wouldn’t need alt content), so it could look like:

&lt;body itemscope itemtype="http://schema.org/Organization"&gt;
  &lt;a itemprop="url" href="http://www.example.com/"&gt;
    &lt;img itemprop="image" src="company-logo.jpg" alt="" /&gt; &lt;!-- empty alt because the 'name' already describes the link target --&gt;
    &lt;span itemprop="name"&gt;Organizaton&lt;/span&gt;
  &lt;/a&gt;
  &lt;p itemprop="description"&gt;short description on home page&lt;/p&gt;
&lt;/body&gt;


Product page


You are using the name property (from TravelAgency) on a meta element, but do you really have no visible name of the travel agency on your page (e.g., in the header)? If you have one, you could use that element instead of meta.
The itemOffered property expects a Product item as value, but you are using text. 

As you are already using Product → offers → Offer, there is no need for the reverse relation Offer → itemOffered → Product.

You probably want to use the name property instead, however, if the Product has the same name as the Offer, omit this property altogether.
If the only data about the Product is the name, consider omitting this item. You could use Offer directly (unless you have several offers for the same Product).
There is a superfluous &lt;/span&gt;.
Your span element has a content attribute, which is not allowed. Use a meta or data element (or in your specific case, just the content of the span.)