Comment ajouter « name » et propriétés « url » à la même balise?

Question

J'ajoute le microdonnées schema.org sur mon site.

Code HTML Mon est comme ceci:

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

Depuis la itemprop « url » et « nom » de l'Organisation sont tous dans la balise d'ancrage. Comment puis-je indiquer à la fois « url » et itemprop « name » sur la même étiquette? Dois-je ajouter un tag de span supplémentaire à cette fin?

Je l'ai essayé de chercher des exemples de codage sur cela, mais ne trouve aucun exemple pour montrer l'utilisation de plusieurs itemprop sur la même balise.

A la fin, je veux avoir des microdonnées comme ceci:

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

Answer 1

Vous devez le faire par emboîtement deux éléments. Par exemple, vous pouvez imbriquer un <span> à l'intérieur du <a> et mettre le itemprop="name" sur ce point:

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

Je trouve ce site pratique pour tester de telles choses.

Answer 2

Il peut y avoir un problème avec Google. Les « extraits riches outil de test » indique que lorsque vous marquez une balise d'ancrage comme une URL, le corps de la balise est utilisée comme valeur plutôt que l'attribut href. Mais personne ne veut afficher l'URL dans une balise d'ancrage.

Answer 3

Cela fonctionne aussi et peut paraître un peu plus facile à maintenir:

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

Le soutien de Google pour schema.org et testeur de données structurées google ont amélioré considérablement depuis la question initiale a été publiée. Le code ci-dessus correctement Valide en elle.

Answer 4

code original semble maintenant au travail ok du OP. Comme on le voit ici:

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>