Вебмайстер
Яндекс для вебмайстрів
Як Яндекс індексує сайти
Сайт на сторінці результатів пошуку
Сервіс «Яндекс.Вебмайстер»
Налаштування індексування
Вміст сайту
Сайт у результатах пошуку
Безпека сайтів
Сервіси Яндекса на вашому сайті

Правила обробки розмітки

Якщо ви хочете додати контактну інформацію, використовуйте форму «Адреси та організації», розділ «Географія сайту» сервісу Яндекс.Вебмайстер. Цей спосіб передачі контактної інформації не відрізняється за змістом від розмітки сторінок сайту мікроформатами. Дані, передані через форму Яндекс.Вебмайстра, також додаються в Довідник організацій та відображаються в різних сервісах Яндекса.

Обробка картки Яндексом здійснюється згідно з правилами, визначеними у специфікації формату.

Вимоги до структури даних

Класи, передбачені форматом 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: значенням властивості є значення цього атрибута.

    Приклад:

    <abbr class="tel" title="+380 (342) 55-66-77">55-66-77</abbr>
    У браузері відображається значення «55-66-77», а значенням властивості tel є «+380 (342) 55-66-77».
  • Елемент <a> з атрибутом href для URL-властивостей (тобто властивостей, значенням яких є URL, а саме властивостей url, email, logo і photo): значенням властивості є значення атрибута href.

    Приклад:

    <a class="fn org url" href="http://www.kafe.mykyta.com.ua">Кафе "У Лиса Микити"</a>

    Значенням властивості url є «http://www.kafe.mykyta.com.ua».

    Значенням властивості fn і властивості org, які не відносяться до URL-властивостей, є «Кафе "У Лиса Микити"».

  • Елемент <img> з атрибутом src для URL-властивостей: значенням властивості є значення атрибута src.

  • Елемент <img> з атрибутом alt для властивостей, що НЕ є URL-властивостями: значенням властивості є значення атрибута alt.

    Приклад:

    <img class="logo fn org" alt="Кафе "У Лиса Микити""src="images/logo.gif"></img>
    Значенням властивості logo є «images/logo.gif», значенням властивості fn і властивості org є «Кафе "У Лиса Микити"».

Крім того, можна спеціально позначити частину видимого тексту елементу як значення властивості. Для цього в елемент додається вкладений елемент з класом value.

Приклад:

<div class="tel">Довідкова: <span class="value">+380 (342) 55-66-77</span></div>
У цьому випадку значенням властивості tel є «+380 (342) 55-66-77».

Якщо потрібно зробити значення властивості невидимим для відвідувачів сайту (відображати на сторінці замість значення інший текст або взагалі нічого не відображати), можна використати вкладений елемент класу value-title з атрибутом title. У цьому випадку значенням властивості є значення атрибута title.

Приклади:

<div class="tel">
  <span class="value-title" title="+380 (342) 55-66-77">55-66-77</span>
</div>
<div class="tel">
  <span class="value-title" title="+380 (342) 55-66-77"> </span> 55-66-77</div>

В обох прикладах значенням властивості tel є «+380 (342) 55-66-77». Другий варіант дозволяє уникнути появи спливаючої підказки зі «справжнім» значенням властивості під час наведення покажчика миші на номер телефону.

Оцініть статтю
Дякуємо за ваш відгук!