Come aggiungere 'nome' e le proprietà 'URL' per lo stesso tag?

Question

sto aggiungendo il microdati schema.org al mio sito web.

Codice HTML Il mio è come questo:

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

Dato che il itemprop "url" e "nome" dell'Organizzazione sono tutti nel tag di ancoraggio. Come posso indicare il entrambi "url" e itemprop "nome" sulla stessa etichetta? Devo aggiungere tag span extra per questo scopo?

Ho provato a cercare alcuni esempi di codifica su questo, ma non riesco a trovare alcun esempio per mostrare l'utilizzo di itemprop multiple sullo stesso tag.

Alla fine, voglio avere Microdata in questo modo:

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

Answer 1

Devi farlo nidificazione due elementi. Ad esempio, è possibile nidificare un <span> all'interno del <a> e mettere il itemprop="name" su che:

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

I trovare questo sito a portata di mano per testare queste cose.

Answer 2

Non ci può essere un problema con Google. Il "rich snippet strumento di test" indica che quando si seleziona un tag di ancoraggio come un URL, il corpo del tag viene utilizzato come valore piuttosto che l'attributo href. Ma nessuno vuole visualizzare l'URL all'interno di un tag di ancoraggio.

Answer 3

Questo funziona anche e può sembrare un po 'più facile da mantenere:

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

Il supporto di Google per schema.org e il google dati strutturati tester hanno migliorato considerevolmente dal momento che la domanda iniziale è stata pubblicata. Il codice di cui sopra corretta convalida in esso.

Answer 4

codice originale del PO ora sembra funzionare bene. Come illustrato di seguito:

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>