Как добавить свойства 'name' и 'url' в те же теги?

Я добавляю microadata schema.org на мой сайт.

Мой код HTML выглядит следующим образом:

<div itemscope itemtype="http://schema.org/Organization">
<span class="title">Name of the organization</span>
<a href="#" onclick="location.href='http://www.ABCCompany.com/'; return false;">ABC Company</a>
</div>

Так как itemprop "url" и "name" Организации все находятся в привязном теге. Как я могу указать оба "url" и "name" itemprop на одном и том же теге? Должен ли я добавить дополнительный тег span для этой цели?

Я попытался найти некоторые примеры кодирования, но не могу найти какой-либо пример, чтобы показать использование нескольких itemprop в том же теге.

В конце я хочу, чтобы Microdata выглядела так:

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

Ответы

Ответ 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>

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

Ответ 2

В Google может возникнуть проблема. "Инструмент тестирования расширенных отрывков" указывает, что когда вы отмечаете тег привязки как URL-адрес, тело тега используется как значение, а не атрибут href. Но никто не хочет отображать URL-адрес внутри тега привязки.

Ответ 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 структурированных тестеров данных значительно улучшилась с момента публикации исходного вопроса. Приведенный выше код корректно проверяет его.

Ответ 4

Оригинальный код 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="#" onclick="location.href='http://mercedes-benzhanoi.com.vn/mercedes-ha-noi.auto/gla-250-4matic.html'; return false;">GLA 250 4MATIC</a></span> </div>