Как добавить свойства name и 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» и «name» 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

Может быть проблема с гуглом.«Инструмент тестирования rich snippets» указывает, что когда вы помечаете тег привязки как URL, тело тега используется как значение, а не атрибут href.Но никто не хочет отображать URL внутри тега привязки.

Answer 3

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

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>

Answer 4

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

<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 tester значительно улучшились, так как первоначальный вопрос былвывешенный.Код выше подтверждает правильно в нем.