Микроформат hCardУрок №65

Сегодняшний урок будет полезен для тех, что имеет коммерческий сайт или интернет магазин. Речь пойдёт о правильном оформлении страницы «контакты» с использованием микроформата hCard. Это момент стоит учесть каждому веб-мастеру, который собирается в дальнейшем продвигать чужие проекты.

Микроформат hCard

Что же это такое? Вот что нам об этом говорит википедия: hCard (сокращение для HTML vCard) — микроформат для публикации контактной информации людей, компаний, организаций и мест в (X) HTML, Atom, RSS или произвольном XML. hCard является представлением один к одному параметров и значений формата vCard.

Почти для всех это плохо понятная информация, объясню понятными словами. По большому счёту, это информация которую вы размещаете специальным образом, чтобы сделать их понятными не только людям, но и роботам. Рассмотрим конкретный пример, предположим вот так выглядят наши контакты:

Кафе Ромашка
г. Солнечный, просп. Романтиков, д. 21
Телефон: +7 (890) 123-45-67
Мы работаем ежедневно с 11:00 до 24:00

Для того что бы правильно передать информацию поисковым роботам, мы используем микроразметку hcard:

<div class="vcard">
<div>
<span class="category">Кафе</span>
<span class="fn org">Ромашка</span>
</div>
<div class="adr">
<span class="locality">г. Солнечный</span>,
<span class="street-address">просп. Романтиков, д. 21</span>
</div>
<div>Телефон: <span class="tel">+7 (890) 123-45-67</span></div>
<div>Мы работаем <span class="workhours">ежедневно с 11:00 до 24:00</span>
<span class="url">
<span class="value-title" title="http://www.romashka-cafe.ru"> </span>
</span>
</div>
</div>

С помощью hCard вы сообщаете Яндексу адрес, телефон и другие сведения о своей организации, просто разместив на своем сайте карточку в формате hCard. Теперь при отображении ваших данных в поисковой системе, Yandex точно будет знать какую информацию выводить:

hCard YandexХотелось бы напомнить, что поисковые системы любят когда делают технические моменты специально для них. Это увеличивает доверие к сайту, а значит и улучшает продвижение.

В данную форму можно вписывать любую информацию и делать любой вид отображения, главное что бы всё это дело было обрамлено в <div class="vcard">ваши данные</div>

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *