Микроразметка с помощью модуля coffeediz.schema для 1С-Битрикс часть 2: Рейтинг, Изображения, Программы


Микроразметка Schema.org - готовый модуль для 1С-Битрикс

Недавние обновления модуля coffeediz.schema принесли пользователям 3 новых компонента:

  • schema.org.AggregateRating - рейтинг (v.1.0.1)
  • schema.org.ImageObject - Изображение (v.1.0.2)
  • schema.org.SoftwareApplication - Программы (v.1.0.4)

В данной статье мы опишем как ими пользоваться.


Как и другие компоненты, эти доступны после установки и инсталляции модуля в списке компонентов "Кофе-Дизайн" (подраздела Schema.org) визуального редактора:

Размещение компонентов для микроразметки с помощью визуального редактора 1С-Битрикс

Опытные пользователи могут размещать компоненты с помощью исходного кода, в том числе использовать в собственных шаблонах компонентов и шаблонах сайтов.


schema.org - Рейтинг

пример рейтинга в поисковой выдаче Google

Данный компонент не рекомендуется к самостоятельному использованию на странице. Компонент предназначен в первую очередь для использования как свойство "рейтинг" других схем микроразметки, в частности, он уже используется в компонентах: Адрес и контакты организации/места, Изображение, Программы. (причина - не прохождение валидации отдельной микроразметки рейтинга на странице Google)

Компонент поддерживает следующие поля ( - обязателен к использованию, иначе схема не валидируется Яндекс/Google,  - поддерживается Яндекс как полноценное свойство):

  • "Не отображать на сайте" (микроразметка видна только поисковикам, но не видна простым юзерам)
  • "Значение рейтинга"
  • "Количество голосов"
  • "Количество отзывов"
  • "Максимальное значение рейтинга"
  • "Минимальное значение рейтинга"
  • "Является свойством другого объекта Schema.org"
  • "Объект рейтингования" (пока поддерживает только 1 тип - Место/Организация, НЕ РЕКОМЕНДУЕТСЯ к использованию). Данное поле НЕ заполняется, если рейтинг является свойством другой схемы. Свойство предназначено только для самостоятельного использования компонента рейтинга!

Параметры компонента 1С-Битрикс микроразметки Рейтинга

Компонент снабжён 2 шаблонами:

  • .default - минималистичный, содержит только микроразметку. Идеально подходит для скрытого размещения (с параметром "не отображать на сайте") или для разработки собственных шаблонов.
  • example - пример того как может выглядеть рейтинг, оформленный для людей, снабжённый микроразметкой для поисковых машин:

рейтинг на странице

Статический пример микроразметки

Важно! Компонент выдаст ошибку, если не заполнено поле с арейтингом. Яндекс и Google не считают валидной микроразметку рейтинга, если там нет значения рейтинга.


schema.org - Изображение

Данные из микроразметки используются для улучшения результатов поисковой выдаче по Яндекс.Картинкам.

Так же компонент может быть использован в качестве одного из свойств типа "изображение" для других схем (например, в качестве Логотипа).

Картинка и метаданные, заданные микроразметкой

Компонент поддерживает следующие поля ( - обязателен к использованию, иначе схема не валидируется Яндекс/Google,  - поддерживается Яндекс как полноценное свойство):

  • Скрыть информации от пользователей (микроразметка видна только поисковикам, но не видна простым юзерам)
  • "Ссылка на изображение"
  • "Название картинки"
  • "Подпись к картинке"
  • "Описание изображения"
  • "Высота изображения (px)"
  • "Ширина изображения (px)"
  • "Ссылка на миниатюру"
  • "Является миниатюрой"
  • "Изображение описывает контент страницы"
  • Полный набор свойств "Ретинг" с передачей массива параметров компоненту coffeediz:schema.org.AggregateRating

Компонент умеет работать в 3 режимах:

  • Отобразить всё
  • Отобразить только изображение (вся микроразметка будет скрыта от пользователей, но будет прочитана поисковиками, подходит для использования в кастомных шаблонах)
  • Скрыть всё (Пользователи не увидят ничего, поисковики смогут получить и проиндексировать информацию (идеально для логотипов и других случаев, когда изображение является частью другой схемы и не должно был показано)

Важно! Компонент выдаст ошибку, если не заполнено поле с адресом изображения, либо адресом миниатюры. Яндекс не считает валидной микроразметку картинки, если там нет ни одного изображения.

Пример статической микроразметки, пример статической микроразметки с рейтингом


schema.org - Программы

Одна из самых новых схем, поддерживаемых Яндекс.

пример Программы в поисковой выдаче Яндекс (при оформлении микроразметки)

В рамках компонента можно использовать 1 из 4 типов ПО:

  • SoftwareApplication - наиболее общий, родительский тип ПО (Рекомендуется к использованию, если вы не уверены к какому из типов относится ваша программа)
  • MobileApplication - Мобильное Приложение (Содержит 1 дополнительный параметр)
  • WebApplication - Веб Приложение (Содержит 1 дополнительный параметр)
  • VideoGame - Видео и Компьютерные Игры (Может содержать ряд дополнительных параметров, пока не реализованных в рамках компонента coffeediz:schema.org.SoftwareApplication)

Компонент поддерживает следующие поля ( - обязателен к использованию, иначе схема не валидируется Яндекс/Google,  - поддерживается Яндекс как полноценное свойство):

  • НЕ отображать на сайте
  • Тип ПО
  • Название
  • Краткое и содержательное описание программного продукта 
  • Категория программы (Желательное для валидации Google)
  • Подкатегория программы (В поле могут быть указаны несколько слов, в сниппете будут использоваться первые несколько значений так, чтобы их общая длина не превышала 24 символов)
  • Размер и Единица измерения размера дистрибутива
  • Количество скачиваний
  • Операционная система (Версии одной операционной системы перечисляются через запятую, разные операционные системы перечисляются с помощью разделителя "|")
  • Цена (Если значение равно 0, то в сниппете поисковой системы будет выведено "Бесплатно")
  • Валюта (Валюта задаётся в ISO 4217)
  • Полный набор свойств "Ретинг" с передачей массива параметров компоненту coffeediz:schema.org.AggregateRating
  • Для Мобильных приложений - Особые требования (Сеть, другие приложения и т.п.)
  • Для Веб приложений - Требования к Браузеру

Пример статической микроразметки, пример статической микроразметки с рейтингом


Напоминаем, поскольку все компоненты является всего лишь оболочкой для оформления в виде микроразметки массива входных параметров, то вы всегда можете использовать их внутри своих компонентов с параметром "SHOW" => "Y" для скрытого отображения, чтобы микроразметку видели только поисковики.

Задойный А.В.


jet clipart airforce on SaurabhSharma

Микроразметка с помощью модуля coffeediz.schema для 1С-Битрикс часть 2: Рейтинг, Изображения, Программы

<p style="text-align: center;"> <img width="599" alt="Микроразметка Schema.org - готовый модуль для 1С-Битрикс" src="/upload/medialibrary/e8f/e8f2833e90db465dae6837e51092bcb6.png" height="126" title="Микроразметка Schema.org - готовый модуль для 1С-Битрикс"><br> </p> <p style="text-align: left;"> Недавние обновления модуля coffeediz.schema принесли пользователям 3 новых компонента: </p> <ul style="text-align: left;"> <li>schema.org.AggregateRating - рейтинг (v.1.0.1) </li> <li>schema.org.ImageObject - Изображение (v.1.0.2) </li> <li>schema.org.SoftwareApplication - Программы (v.1.0.4)</li> </ul> <p style="text-align: left;"> В данной статье мы опишем как ими пользоваться. </p> <p style="text-align: left;"> <br> </p> <p style="text-align: left;"> Как и другие компоненты, эти доступны после установки и инсталляции модуля в списке компонентов "Кофе-Дизайн" (подраздела Schema.org) визуального редактора: </p> <p style="text-align: left;"> <img width="812" alt="Размещение компонентов для микроразметки с помощью визуального редактора 1С-Битрикс" src="/upload/medialibrary/f32/f32a5e990f3b1b1207a3ae8135842590.jpg" height="576" title="Размещение компонентов для микроразметки с помощью визуального редактора 1С-Битрикс"><br> </p> <p style="text-align: left;"> Опытные пользователи могут размещать компоненты с помощью исходного кода, в том числе использовать в собственных шаблонах компонентов и шаблонах сайтов. </p> <p style="text-align: left;"> <br> </p> <a name="AggregateRating"></a> <h2 style="text-align: left;"> schema.org - Рейтинг </h2> <p style="text-align: left;"> <img width="694" alt="пример рейтинга в поисковой выдаче Google" src="/upload/medialibrary/6ef/6efc06365d011a5ed60fc4b7c2cd2c90.png" height="132" title="пример рейтинга в поисковой выдаче Google"><br> </p> <p style="text-align: left;"> Данный компонент не рекомендуется к самостоятельному использованию на странице. <b>Компонент предназначен в первую очередь для использования как свойство "рейтинг" других схем микроразметки</b>, в частности, он уже используется в компонентах: <!--noindex--><a href="/information/about_microcathode_say_a_word_how_to_implement_microcathode_module_coffeediz_schema_on_the_website_u/#OrganizationAndPlace">Адрес и контакты организации/места</a><!--/noindex-->, <!--noindex--><a href="#ImageObject">Изображение</a><!--/noindex-->, <!--noindex--><a href="#SoftwareApplication">Программы</a><!--/noindex-->. (<i>причина - не прохождение валидации отдельной микроразметки рейтинга на странице Google</i>) </p> <p style="text-align: left;"> Компонент поддерживает следующие поля (<b><span style="color: #ff0000;">⊗</span></b> - обязателен к использованию, иначе схема не валидируется Яндекс/Google, <b><span style="color: #00a650;">⊗</span></b> - поддерживается Яндекс как полноценное свойство): </p> <ul style="text-align: left;"> <li><i>"Не отображать на сайте"</i> <em>(микроразметка видна только поисковикам, но не видна простым юзерам)</em></li> <li><b><span style="color: #ff0000;">⊗</span></b>"Значение рейтинга"</li> <li>"Количество голосов"</li> <li>"Количество отзывов"</li> <li>"Максимальное значение рейтинга"</li> <li>"Минимальное значение рейтинга"</li> <li>"Является свойством другого объекта Schema.org"</li> <li>"Объект рейтингования" (пока поддерживает только 1 тип - Место/Организация, НЕ РЕКОМЕНДУЕТСЯ к использованию). <i><u>Данное поле НЕ заполняется, если рейтинг является свойством другой схемы</u>. Свойство предназначено только для самостоятельного использования компонента рейтинга!</i></li> </ul> <p style="text-align: left;"> <img width="510" alt="Параметры компонента 1С-Битрикс микроразметки Рейтинга" src="/upload/medialibrary/613/61397a2942e2cdd7826e93d25d145af6.png" height="580" title="Параметры компонента 1С-Битрикс микроразметки Рейтинга"><br> </p> <p style="text-align: left;"> Компонент снабжён 2 шаблонами: </p> <p style="text-align: left;"> </p> <ul style="text-align: left;"> <li> .default - минималистичный, содержит только микроразметку. Идеально подходит для скрытого размещения (с параметром "не отображать на сайте") или для разработки собственных шаблонов. </li> <li> example - пример того как может выглядеть рейтинг, оформленный для людей, снабжённый микроразметкой для поисковых машин: </li> </ul> <p style="text-align: left;"> </p> <p style="text-align: left;"> <img width="164" alt="рейтинг на странице" src="/upload/medialibrary/65b/65bb5df2587472c628dc37b4d24689e8.png" height="77" title="рейтинг на странице"><br> </p> <p style="text-align: left;"> <b> <!--noindex--><a rel="nofollow" target="_blank" href="http://lexnekr.github.io/coffeediz.schema/examples/schema.org.AggregateRating.html">Статический пример микроразметки</a><!--/noindex--></b> </p> <p style="text-align: left;"> <span style="color: #ff0000;"><b>Важно!</b></span> Компонент выдаст ошибку, если не заполнено поле с арейтингом. Яндекс и Google не считают валидной микроразметку рейтинга, если там нет значения рейтинга.<br> </p> <p style="text-align: left;"> <br> </p> <a name="ImageObject"></a> <h2 style="text-align: left;"> schema.org - Изображение </h2> <p style="text-align: left;"> Данные из микроразметки используются для улучшения результатов поисковой выдаче по Яндекс.Картинкам. </p> <p style="text-align: left;"> Так же компонент может быть использован в качестве одного из свойств типа "изображение" для других схем (например, в качестве Логотипа). </p> <p style="text-align: left;"> <img width="422" alt="Картинка и метаданные, заданные микроразметкой" src="/upload/medialibrary/756/756368ddd1cb82a700e907e781dd7256.png" height="209" title="Картинка и метаданные, заданные микроразметкой"><br> </p> <p style="text-align: left;"> Компонент поддерживает следующие поля (<b><span style="color: #ff0000;">⊗</span></b> - обязателен к использованию, иначе схема не валидируется Яндекс/Google, <b><span style="color: #00a650;">⊗</span></b> - поддерживается Яндекс как полноценное свойство):<br> </p> <ul style="text-align: left;"> <li><em>Скрыть информации от пользователей (микроразметка видна только поисковикам, но не видна простым юзерам)</em></li> <li><b><span style="color: #ff0000;">⊗</span></b><b><span style="color: #00a650;">⊗</span></b>"Ссылка на изображение"</li> <li><b><span style="color: #00a650;">⊗</span></b>"Название картинки"</li> <li><b><span style="color: #00a650;">⊗</span></b>"Подпись к картинке"</li> <li><b><span style="color: #00a650;">⊗</span></b>"Описание изображения"</li> <li><b><span style="color: #00a650;">⊗</span></b>"Высота изображения (px)"</li> <li><b><span style="color: #00a650;">⊗</span></b>"Ширина изображения (px)"</li> <li><b><span style="color: #00a650;">⊗</span></b>"Ссылка на миниатюру"</li> <li><b><span style="color: #00a650;">⊗</span></b>"Является миниатюрой"</li> <li>"Изображение описывает контент страницы"</li> <li>Полный набор свойств "Ретинг" с передачей массива параметров компоненту coffeediz:schema.org.AggregateRating</li> </ul> <p style="text-align: left;"> Компонент умеет работать в 3 режимах: </p> <ul style="text-align: left;"> <li>Отобразить всё</li> <li>Отобразить только изображение (<i>вся микроразметка будет скрыта от пользователей, но будет прочитана поисковиками, подходит для использования в кастомных шаблонах</i>)</li> <li>Скрыть всё (<i>Пользователи не увидят ничего, поисковики смогут получить и проиндексировать информацию (идеально для логотипов и других случаев, когда изображение является частью другой схемы и не должно был показано</i>)</li> </ul> <p style="text-align: left;"> <span style="color: #ff0000;"><b>Важно!</b></span> Компонент выдаст ошибку, если не заполнено поле с адресом изображения, либо адресом миниатюры. Яндекс не считает валидной микроразметку картинки, если там нет ни одного изображения. </p> <p style="text-align: left;"> <b> <!--noindex--><a rel="nofollow" target="_blank" href="http://lexnekr.github.io/coffeediz.schema/examples/schema.org.ImageObject.html">Пример статической микроразметки</a><!--/noindex-->, <a rel="nofollow" target="_blank" href="http://lexnekr.github.io/coffeediz.schema/examples/schema.org.ImageObject+Rating.html">пример статической микроразметки с рейтингом</a></b> </p> <p style="text-align: left;"> <br> </p> <a name="SoftwareApplication"></a> <h2 style="text-align: left;">schema.org - Программы </h2> <p style="text-align: left;"> Одна из самых новых схем, поддерживаемых Яндекс. </p> <p style="text-align: left;"> <img width="535" alt="пример Программы в поисковой выдаче Яндекс (при оформлении микроразметки)" src="/upload/medialibrary/66b/66bbadd714531d6767b4dfda2932acc3.png" height="91" title="пример Программы в поисковой выдаче Яндекс (при оформлении микроразметки)"><br> </p> <p style="text-align: left;"> В рамках компонента можно использовать 1 из 4 типов ПО: </p> <ul style="text-align: left;"> <li><b>SoftwareApplication</b> - наиболее общий, родительский тип ПО (<u>Рекомендуется к использованию, если вы не уверены к какому из типов относится ваша программа</u>)</li> <li><b>MobileApplication</b> - Мобильное Приложение (<u>Содержит 1 дополнительный параметр</u>)</li> <li><b>WebApplication</b> - Веб Приложение (<u>Содержит 1 дополнительный параметр</u>)</li> <li><b>VideoGame</b> - Видео и Компьютерные Игры (<i>Может содержать ряд дополнительных параметров, пока не реализованных в рамках компонента coffeediz:schema.org.SoftwareApplication</i>)</li> </ul> <p style="text-align: left;"> Компонент поддерживает следующие поля (<b><span style="color: #ff0000;">⊗</span></b> - обязателен к использованию, иначе схема не валидируется Яндекс/Google, <b><span style="color: #00a650;">⊗</span></b> - поддерживается Яндекс как полноценное свойство):<br> </p> <ul style="text-align: left;"> <li><i>НЕ отображать на сайте</i></li> <li>Тип ПО</li> <li>Название</li> <li><b><span style="color: #ff0000;">⊗</span></b><b><span style="color: #00a650;">⊗</span></b>Краткое и содержательное описание программного продукта </li> <li>Категория программы (Желательное для валидации Google)</li> <li><b><span style="color: #00a650;">⊗</span></b>Подкатегория программы (В поле могут быть указаны несколько слов, в сниппете будут использоваться первые несколько значений так, чтобы их общая длина не превышала 24 символов)</li> <li><b><span style="color: #00a650;">⊗</span></b>Размер и Единица измерения размера дистрибутива</li> <li><b><span style="color: #00a650;">⊗</span></b>Количество скачиваний</li> <li><b><span style="color: #00a650;">⊗</span></b>Операционная система (Версии одной операционной системы перечисляются через запятую, разные операционные системы перечисляются с помощью разделителя "|")</li> <li><b><span style="color: #00a650;">⊗</span></b>Цена (Если значение равно 0, то в сниппете поисковой системы будет выведено "Бесплатно")</li> <li><b><span style="color: #00a650;">⊗</span></b>Валюта (Валюта задаётся в ISO 4217)</li> <li>Полный набор свойств "Ретинг" с передачей массива параметров компоненту coffeediz:schema.org.AggregateRating</li> <li><i><b>Для Мобильных приложений</b></i> - Особые требования (Сеть, другие приложения и т.п.)</li> <li><i><b>Для Веб приложений</b></i> - Требования к Браузеру</li> </ul> <p style="text-align: left;"> <b><a rel="nofollow" target="_blank" href="http://lexnekr.github.io/coffeediz.schema/examples/schema.org.SoftwareApplication.html">Пример статической микроразметки</a>, <a rel="nofollow" target="_blank" href="http://lexnekr.github.io/coffeediz.schema/examples/schema.org.SoftwareApplication+Rating.html">пример статической микроразметки с рейтингом</a></b> </p> <p> <br> </p> <p> <b><span style="color: #ff0000;">Напоминаем</span></b>, поскольку все компоненты является всего лишь оболочкой для оформления в виде микроразметки массива входных параметров, то вы всегда можете использовать их внутри своих компонентов с параметром "SHOW" =&gt; "Y" для скрытого отображения, чтобы микроразметку видели только поисковики. </p> <p style="text-align: right;"> <a href="http://plus.google.com/+АлексейЗадойный?rel=author" target="_blank">Задойный А.В.</a> </p>

Возврат к списку

Яндекс.Метрика