Как добавить свойства «имя» и «URL» в тот же тег?

Question

Я добавляю на свой веб -сайт микродаты schema.org.

Мой HTML -код такой:

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

С itemprop «URL» и «Имя» организации - все в якоре. Как я могу указать как «URL», так и «имя» itemprop на том же теге? Должен ли я добавить дополнительно span тег для этой цели?

Я пытался найти некоторые примеры кодирования по этому itemprop на том же теге.

В конце я хочу иметь такие микродаты, как это:

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

Answer 1

Вы должны сделать это, гнездя два элемента. Например, вы можете гнездовать <span> внутри <a> и положить itemprop="name" на что:

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

я нахожу этот сайт удобно для проверки таких вещей.

Answer 2

Там может быть проблема с Google. «Инструмент тестирования богатых фрагментов» указывает на то, что при маркировке якорной метки в качестве URL тело используется в качестве значения, а не как атрибут href. Но никто не хочет отображать URL внутри якоря.

Answer 3

Это также работает и может выглядеть немного проще:

<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 Schema.org и Google Structuret Data Tester значительно улучшились с тех пор, как был опубликован первоначальный вопрос. Приведенный выше код проверяется в нем.

Answer 4

Оригинальный код OP теперь, кажется, работает нормально. Как показано здесь:

https://search.google.com/structured-data/testing-tool#url=http%3A%2F%2Fmercedes-benzhanoi.com.vn%2fmercedes--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>