Markup processing rules
To add contact information, use the Yandex.Business and displayed in various Yandex services.form in Yandex.Webmaster. Submitting contact information through the form is the same as marking up the site pages. Data sent through the Yandex.Webmaster form is added to
Yandex processes cards according to the rules defined in the format specification.
Data structure requirements
The classes provided by hCard format can be combined with other CSS classes. For example, the
class attribute of the card's root element can contain, in addition to the
vcard class name, any set of non-hCard class names:
<div class="vcard footer">...</div>
The same applies to the elements that are card properties.
There are restrictions on combining hCard classes. It isn't allowed to mark a
vcard class element with another hCard class. Also, it isn't recommended to nest properties. For example, you can't place a
tel class element inside an
adr class element (this structure might be processed incorrectly). An exception is made for nested properties that are explicitly listed in the standard, such as
postal-code properties nested in the
longitude properties nested in the
geo property, and so on.
Rules for extracting values
In most cases, the property value is the text contained within the element of the corresponding class and visible to the users. Some elements are exceptions:
<abbr>element with the
titleattribute: the value of the property is the value of this attribute. Example:
The browser displays the value “123-45-67”, while the value of the
<abbr class="tel" title="+ 7 (890) 123-45-67">123-45-67</abbr>
telproperty is “+ 7 (890) 123-45-67”.
<a>element with the
hrefattribute for the URL properties (that is, properties that have a URL for the value, namely
photo): the value of the
hrefattribute is assigned as the value of the property.
<a class="fn org url" href="http://www.cafe.com">Cafe Chamomile</a>
urlproperty value is “http://www.cafe.com”.
orgproperties that are not URL properties, the value is “Camomile Cafe”.
<img>element with the
srcattribute for URL properties: the value of the
srcattribute is assigned as the value of the property.
<img>element with the
altattribute for non-URL properties: the value of the
altattribute is assigned as the value of the property.Example:
The value of the
<img class="logo fn org" alt="Кафе Ромашка" src="images/logo.gif">
logoproperty is “images/logo.gif”, and the value of the
orgproperties is “Camomile Cafe”.
In addition, you can mark part of the element's visible text as the value of the property. To do this, add a nested element with the
value class to this element.
In this case, the value of the
<div class="tel">Inquiry office: <span class="value">+7 (890) 123-45-67</span></div>
telproperty is “+7 (890) 123-45-67”.
To make a property value invisible to site visitors (display a different text on the page instead of it, or nothing at all), use a nested element of the
value-titleclass with the
titleattribute. In this case, the value of the
title attribute is assigned as the value of the property.
<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>
In both cases, the value of the
tel property is “+7 (890) 123-45-67”. The second option lets you avoid showing a pop-up with the“actual” value of the property whenever the user mouses over the phone number.