Микроразметка - модный тренд по оформлению страниц сайта в удобном для поисковых систем виде. Наличие микроразметки всячески поощряется Поисковиками (Яндекс, Google) небольшими, но приятными плюшками вроде особого оформления сайта в результатах поисковой выдаче и намёком на улучшение позиций при прочих равных.
Оформление микроразметки на самом деле очень простое занятие, однако объём имеющихся материалов на данную тему сейчас так велик, что сложно понять с чего начать, а размеры схем такие большие, что банально страшно начать оформлять.
Именно поэтому я оформил для себя пару простых компонентов, которые просто оформляют массив данных из параметров компонента в виде готовой валидной микроразметки (и конечно выводят страшные шибки, если какие-то данные не заполнены).
Модуль доступен:
- в Маркетплейсе 1С-Битрикс - http://marketplace.1c-bitrix.ru/solutions/coffeediz.schema/
- в GitHub - https://github.com/lexnekr/coffeediz.schema
В дальнейшем планируется дополнять модуль новыми компонентами для новых видов микроразметки.
Навигационные цепочки или Хлебные крошки
Google даёт вполне чётки рекомендации на этот счёт - https://support.google.com/webmasters/answer/185417?hl=ru
Яндекс, к сожалению, пишет расплывчато, http://help.yandex.ru/webmaster/search-results/site-description.xml#nav-chains, но судя по другим источникам (рекомендациям в разделе Яндекс.Метрики) любые действия в этом направлении будут учтены как плюс.
Поскольку 1С-Битрикс уже имеет удобный компонент хлебных крошек и API методы для добавления в его цепочки элементов для других компонентов, то мы не будем городить велосипед, а просто воспользуемся bitrix:breadcrumb.
Достаточно добавить на страницу этот компонент и выбрать один из шаблонов, поставляющихся с модулем:
- coffeediz.data-vocabulary.org - схема http://www.data-vocabulary.org/Breadcrumb/ (рекомендуется Google)
- coffeediz.schema.org - схема https://schema.org/breadcrumb
Оба варианта проходят валидацию микроразметки Google/Яндекс.
При этом с дефолтными стилями цепочка навигации выглядит так:
Естественно вы можете самостоятельно кастомизировать стили в шаблоне компонента.
Однако на случай если необходимо создать цепочку навигации, но из эстетических соображений она не должна показываться пользователям, вы можете использовать компонент coffeediz:breadcrumb с теми же шаблонами, добавляющий возможность скрыть компонент:
Примеры микроразметки хлебных крошек:
схема data-vocabulary.org | схема schema.org |
<div class="bx_breadcrumbs">
| <div class="bx_breadcrumbs">
|
Адрес и Контакты места/организации
Описание поддерживаемых в рамках схемы полей Яндексом - http://help.yandex.ru/webmaster/supported-schemas/address-organization.xml
Как видим некоторые поля, поддерживаемые схемой не используются яндексом по состоянию на 24.10.2015, однако могут быть использованы в будущем. Так же эти поля могут использоваться Google.
Компонент поддерживает следующие поля (⊗ - обязателен к использованию, иначе схема не валидируется Яндекс/Google, ⊗ - поддерживается Яндекс как полноценное свойство):
- ⊗⊗Тип схемы (место, либо организация, а так же все типы мест/организаций по состоянию на 23.10.2015)
- ⊗⊗Название
- Краткое описание
- ⊗URL сайта
- Логотип (картинка)
- ⊗⊗Адрес
- ⊗Почтовый индекс
- ⊗Страна
- ⊗Город
- ⊗Регион
- ⊗Адрес (улица, дом, офис и т.п.)
- ⊗Факс
- ⊗⊗Телефон (несколько штук)
- E-mail (несколько штук)
- ИНН
- ⊗Время работы (только для типов "Бизнес" и "Административное Здание")
- Географические координаты (только для типа "Бизнес")
- Является свойством другого объекта Schema.org
- Полный набор свойств "Ретинг" с передачей массива параметров компоненту coffeediz:schema.org.AggregateRating
- Скрыть информации от пользователей (микроразметка видна только поисковикам, но не видна простым юзерам)
Компонент поддерживает 4 уровня типов организаций (начиная с базового Организация/Место), описанные в Schema.org. Рекомендуется выбирать максимально близкий к вашей специфике тип (если такого нет, то просто общий).
Пример микроразметки для организации типа "Веб-студия" (такого типа нет, поэтому будем использовать довольно общий тип "Бизнес" 2 уровня):
<div itemscope itemtype="http://schema.org/LocalBusiness">
|
Поскольку компонент является всего лишь оболочкой для оформления в виде микроразметки массива входных параметров, то вы всегда можете использовать его внутри своих компонентов с параметром "SHOW" => "Y" для скрытого отображения, чтобы микроразметку видели только поисковики.