Как настроить микроразметку ImageObject?

Что такое микроразметка ImageObject?

ImageObject - это семантическая разметка для "Изображений" (картинок), которая позволяет передавать больше данных в поисковые системы и более корректно "сообщить" роботам, что есть что и где находится. Данная микроразметка позволяет в сниппете поисковой системы показывать расширенные результаты и более привлекательно оформить изображения с вашего сайта. Чем более красиво смотрится ваш материал в выдаче поисковика, тем больше шансов, что это привлечет потенциальных посетителей сделать клик и перейти на ваш сайт.

Чтобы понять как работает данная разметка, много примеров наводить не нужно, при поиске как в Яндексе так и в Google, думаю вы видели в сниппете справа рядом с описанием картинку с материала, вот это именно пример работы разметки ImageObject.

Как установить микроразметку ImageObject?

Для установки достаточно перейти в "Панель управления - Дизайн - Управление дизайном" - Страница материала и комментариев в модулях:

• Блог
• Новости
• Каталог файлов
• Каталог статей
• Каталог сайтов
• Каталог объявлений
• Онлайн игры
• Фотоальбомы

в шаблоне "Страница материала и комментариев к нему", перед закрывающим тегом </body> установить такой скрипт:

 <script type="application/ld+json">
{
 "@context": "http://schema.org",
 "@type": "ImageObject",
 "author": "$USER$",
 "contentLocation": "Ukraine",
 "contentUrl": "<?if($IMG_URL1$)?>$HOME_PAGE_LINK$<?substr($IMG_URL1$,1)?><?else?><?if($IMG_URL2$)?>$HOME_PAGE_LINK$<?substr($IMG_URL2$,1)?><?else?>$HOME_PAGE_LINK$<?substr($SOCIAL_IMAGE_SRC$,1)?><?endif?><?endif?>",
 "datePublished": "$ADD_DATE$",
 "description": "<?if($
IMG1_ALT$)?>Как настроить микроразметку ImageObject?<?else?><?if($SEO_DESCRIPTION$)?>$SEO_DESCRIPTION$<?else?>$SOCIAL_DESCRIPTION$<?endif?><?endif?>",
 "name": "<?if($IMG1_TITLE$)?>$IMG1_TITLE$<?else?><?if($MODULE_ID$='blog' or $MODULE_ID$='news')?><?$JSENCODE$($ENTRY_NAME$)?><?else?><?$JSENCODE$($ENTRY_TITLE$)?><?endif?><?endif?>"
}
</script> 

вот так просто все настраивается.

Как установить микроразметку ImageObject в модуле Фотоальбомы?

Для установки достаточно перейти в "Панель управления - Дизайн - Управление дизайном" - Фотоальбомы - Страница с полной фотографией и комментариями, перед закрывающим тегом </body> установить такой скрипт:

<script type="application/ld+json">
{
 "@context": "http://schema.org",
 "@type": "ImageObject",
 "author": "$USER$",
 "contentLocation": "Ukraine",
 "contentUrl": "<?if($FULL_PHOTO_DIRECT_URL$)?><?substr($HOME_PAGE_LINK$,0,-1)?><?substr($FULL_PHOTO_DIRECT_URL$,0,strpos($FULL_PHOTO_DIRECT_URL$,"?"))?><?else?>$HOME_PAGE_LINK$<?substr($FULL_PHOTO_URL$,1)?><?endif?>",
 "datePublished": "$ADD_DATE$",
 "description": "$PHOTO_DESCR$",
 "name": "<?$JSENCODE$($PHOTO_NAME$)?>"
}
</script> 

Как установить микроразметку ImageObject в модуле Интернет-магазин?

Для установки достаточно перейти в "Панель управления - Дизайн - Управление дизайном" - Интернет-магазин - Страница товара, перед закрывающим тегом </body> установить такой скрипт:

<script type="application/ld+json">
{
 "@context": "http://schema.org",
 "@type": "ImageObject",
 "author": "$ADD_USER$",
 "contentLocation": "Russia",
 "contentUrl": "<?if($PHOTO$)?><?substr($HOME_PAGE_LINK$,0,-1)?>$PHOTO$<?else?><?substr($HOME_PAGE_LINK$,0,-1)?>$PHOTO_1$<?endif?>",
 "datePublished": "$ADD_DATE$",
 "description": "$META_DESCRIPTION_RAW$",
 "name": "<?$JSENCODE$($ENTRY_TITLE$)?>"
}
</script>

сохранить и готово.

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

После установки нужно будет подождать несколько обновлений поисковых баз в Google или Yandex, чтобы разметка начала индексироваться и в дальнейшем ваши материалы начнут отображаться с расширенным сниппетом.

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