Schema.org Organizational markup Issue

Question

I was trying to implement this for my website:

http://googlewebmastercentral.blogspot.in/2013/05/using-schemaorg-markup-for-organization.html

I have a quick

Answer 1

Instead of hiding an element, you could simply use link (for URIs) or meta (for text) elements. They are typically hidden by default. If used for Microdata, link and meta are allowed in body.

Assuming that you want to visually hide the URL as well as the logo:

<div itemscope itemtype="http://schema.org/Organization">
 <link itemprop="url" href="http://example.com/">
 <link itemprop="logo" href="http://example.com/logo.png">
</div>

If this is considered by parsers (like search engines) is up to them. It’s valid HTML + Microdata.

Answer 2

This question is more than one year old, but since I found it via Google, I figured it will keep popping up in the future - so here's my update of the existing answers:

You don't need to worry about visible elements anymore, you can simply use this instead:

<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Organization",
"url": "http://www.example.com/",
"logo": "http://www.example.com/logo.png"
}
</script>

As far as my understanding goes, you only need to add this code to the homepage.

(This information was added to the OP's article on 21 October 2014.)