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