How to add 'name' and 'url' properties to the same tag?

Question

I'm adding the schema.org Microdata to my website.

My HTML code is like this:

<div itemscope itemtype="http://schema.org/Organization">
<span class="title">Name of the organization</span>
<a href="http://www.ABCCompany.com/">ABC Company</a>
</div>

Since the itemprop "url" and "name" of the Organization are all in the anchor tag. How can I indicate the both "url" and "name" itemprop on the same tag? Must I add extra span tag for this purpose?

I have tried searching some coding examples on this but cannot find any example to show the use of multiple itemprop on the same tag.

At the end, I want to have Microdata like this:

url="http://www.ABCCompany.com", name="ABC Company"

Knut asked to have his answer deleted as @cygri has provided the correct answer. You might wish to review this and select it if his answer helps. — , Jul 26 '11 at 12:44

score 32 · Accepted Answer · answered Jul 24 '11 at 13:45

32

You have to do it by nesting two elements. For example, you can nest a <span> inside the <a> and put the itemprop="name" on that:

<div itemscope itemtype="http://schema.org/Organization">
    <a itemprop="url" href="http://www.ABCCompany.com/">
        <span itemprop="name">ABC Company</span>
    </a>
</div>

I find this site handy for testing such things.

answered Jul 24 '11 at 13:45

cygri

9,412
1
25
47

2

Is it really legal to nest itemprops like that? Have you seen any examples on that in the spec? The only examples on nested itemprops I have seen is when one of the itemprops is an itemtype and it starts a new itemscope. – knut Jul 24 '11 at 18:16
3

Yes, of course it is legal. Why wouldn't it be? The algorithm in the spec recurses down into all sub-elements, except if there's an @itemscope on it. – cygri Jul 25 '11 at 10:43
3

@knut - An `itemprop` doesn't create a new scope like `itemscope` does. Each element type (``, ``, etc) determines what part is extracted as the value for an attached `itemprop` attribute. – David Harkness Jul 26 '11 at 20:59
2

It seems extra span tag is unavoidable to assign two itemprop from the anchor tag. – LazNiko Jul 27 '11 at 05:08

score 2 · Answer 2 · answered Dec 22 '11 at 13:59

2

There may be a problem with google. The "rich snippets testing tool" indicates that when you mark an anchor tag as a url, the body of the tag is used as value rather than the href attribute. But nobody wants to display the url inside an anchor tag.

answered Dec 22 '11 at 13:59

ole

21
1

2

If you use the rich snippets testing tool, and you have itemprop='name' on the anchor, it will show the text inside the href as a linked item, so it looks like that works, and it almost seems like you got 'url' and 'name' in one fell swoop. HOWEVER, if you look in Webmaster Tools, you will see that itemprop='name' is actually using the the URL for the name property. In my experience, you need to have itemprop='url' on the anchor, and then a span inside the anchor with itemprop='name' on it. The testing tool is really deceiving. – Petercopter Jul 29 '13 at 19:20

score 0 · Answer 3 · answered Sep 09 '15 at 01:20

This also works and may look a bit easier to maintain:

<div itemscope itemtype="http://schema.org/Organization">
<span class="title" itemprop="name"><a itemprop="url" href="http://www.ABCCompany.com/">ABC Company</span></a>
</div>

Google's support for schema.org and the google structured data tester have improved considerably since the original question was posted. The code above validates correctly in it.

score -1 · Answer 4 · edited Jan 07 '17 at 13:22

The OP's original code now seems to work ok. As shown here:

https://search.google.com/structured-data/testing-tool#url=http%3A%2F%2Fmercedes-benzhanoi.com.vn%2Fmercedes-ha-noi.auto%2Fgla-250-4matic.html

<div itemscope="" itemtype="http://schema.org/Organization"> <span class="title" itemprop="name"> <a itemprop="url" href="http://mercedes-benzhanoi.com.vn/mercedes-ha-noi.auto/gla-250-4matic.html">GLA 250 4MATIC</a></span> </div>

How to add 'name' and 'url' properties to the same tag?

4 Answers4