Wie Sie 'name' und 'url' Eigenschaften zu den gleichen tag?

Question

Ich bin hinzufügen schema.org Mikrodaten auf meiner website.

Mein HTML-code ist wie folgt:

<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>

Da die itemprop "url" und "name" des Unternehmens sind alle im Anker-tag.Wie kann ich geben die beiden "url" und "name" itemprop am gleichen tag?Muss ich hinzufügen extra span tag für diesen Zweck?

Ich habe versucht, auf der Suche einige Codierung Beispiele, auf diese aber nicht finden jedes Beispiel, zu zeigen die Verwendung von mehreren itemprop auf die gleiche tag.

Am Ende, ich will Mikrodaten wie diese:

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

Answer 1

Sie müssen es tun, indem Sie zwei Elemente nisten. Zum Beispiel können Sie a nisten <span> im Inneren <a> und setze das itemprop="name" auf diesem:

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

ich finde Diese Seite praktisch, um solche Dinge zu testen.

Answer 2

Es gibt möglicherweise ein problem mit google.Die "rich snippets testing tool" zeigt an, dass, wenn Sie daneben ein Anker-tag, als eine url, die den Körper an den tag verwendet, als Wert, anstatt das href-Attribut.Aber niemand will zur Anzeige der url innerhalb eines Anker-Tags.

Answer 3

Dies funktioniert auch und sieht möglicherweise ein bisschen einfacher aus:

<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>

Die Unterstützung von Google für schema.org und die Google Structured Data Tester haben sich seit der Veröffentlichung der ursprünglichen Frage erheblich verbessert. Der obige Code validiert korrekt darin.

Answer 4

Der ursprüngliche Code des OP scheint jetzt in Ordnung zu funktionieren. Wie hier gezeigt:

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>