Правила обработки разметки
Если вы хотите добавить контактную информацию, используйте в Вебмастере форму Яндекс Бизнес и отображаются в различных сервисах Яндекса.
. Этот способ передачи контактной информации не отличается по смыслу от разметки страниц сайта микроформатами. Данные, переданные через форму Вебмастера, также добавляются вОбработка карточки Яндексом осуществляется согласно правилам, определенным в спецификации формата.
Требования к структуре данных
Классы, предусмотренные форматом hCard, можно произвольным образом комбинировать с другими CSS-классами. Так, атрибут class
корневого элемента карточки может содержать, помимо имени класса vcard
, любой набор имен классов, не являющихся hCard-классами, например:
<div class="vcard footer">...</div>
То же самое относится к элементам, являющимся свойствами карточки.
При этом существуют ограничения на комбинирование hCard-классов между собой. Недопустимо помечать элемент класса vcard
другим hCard-классом. Настоятельно не рекомендуется также вкладывать одно свойство в другое, например помещать элемент с классом tel
внутрь элемента с классом adr
(такая конструкция может быть обработана некорректно). Исключением являются вложенные свойства, явно перечисленные в стандарте, такие как вложенные свойства country-name
, region
, locality
, street-address
, extended-address
, postal-code
для свойства adr
, вложенные свойства latitude
и longitude
для свойства geo
и др.
Правила извлечения значений
В большинстве случаев значением свойства является текст, содержащийся в элементе соответствующего класса и видимый посетителю сайта. Некоторые элементы являются исключениями:
- Элемент
<abbr>
с атрибутомtitle
: значением свойства является значение этого атрибута. Пример:
В браузере отображается значение «123-45-67», а значением свойства<abbr class="tel" title="+ 7 (890) 123-45-67">123-45-67</abbr>
tel
является «+ 7 (890) 123-45-67». Элемент
<a>
с атрибутомhref
для URL-свойств (то есть свойств, значением которых является URL, а именно свойствurl
,email
,logo
иphoto
): значением свойства является значение атрибутаhref
.Пример:
<a class="fn org url" href="http://www.cafe.com">Кафе Ромашка</a>
Значением свойства
url
является «http://www.cafe.com».Значением свойства
fn
и свойстваorg
, которые не относятся к URL-свойствам, является «Кафе Ромашка».Элемент
<img>
с атрибутомsrc
для URL-свойств: значением свойства является значение атрибутаsrc
.Элемент
<img>
с атрибутомalt
для свойств, НЕ являющихся URL-свойствами: значением свойства является значение атрибутаalt
.Пример:
Значением свойства<img class="logo fn org" alt="Кафе Ромашка" src="images/logo.gif">
logo
является «images/logo.gif», значением свойстваfn
и свойстваorg
является «Кафе Ромашка».
Кроме того, можно специально пометить часть видимого текста элемента как значение свойства. Для этого в элемент добавляется вложенный элемент с классом value
.
<div class="tel">Справочная: <span class="value">+7 (890) 123-45-67</span></div>
В этом случае значением свойства tel
является «+7 (890) 123-45-67».Если требуется сделать значение свойства невидимым для посетителей сайта (отображать на странице вместо значения другой текст или вообще ничего не отображать), можно использовать вложенный элемент класса value-title
с атрибутом title
. В этом случае значением свойства является значение атрибута title
.
Примеры:
<div class="tel">
<span class="value-title" title="+7 (890) 123-45-67">123-45-67</span>
</div>
<div class="tel">
<span class="value-title" title="+7 (890) 123-45-67"> </span> 123-45-67
</div>
В обоих примерах значением свойства tel
является «+7 (890) 123-45-67». Второй вариант позволяет избежать появления всплывающей подсказки с «настоящим» значением свойства при наведении указателя мыши на номер телефона.