схема / структурированные данные

Это сложный вопрос, поскольку он предполагает использование нескольких типов определений структурированных данных. Google рекомендует использовать микроданные или rdf. Начните с основ и добавляйте другие элементы, когда они у вас работают. Инструмент тестирования Google и анализатор структурированных данных проверит их за вас.

Этот генератор поможет, просто удалите сфотографированное по частям.

Существует схема https://schema.org/ImageGallery, которая будет содержать одно или несколько изображений (изображения используют http://schema.org/ImageObjects). Пример из photoswipe с изображениями, каждое из которых содержит ссылку на более крупное изображение:

<div itemscope itemtype="http://schema.org/ImageGallery">

<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
    <a href="large-image.jpg" itemprop="contentUrl">
        <img src="small-image.jpg" itemprop="thumbnail" alt="Image description" />
    </a>

    <!-- optionally use this method to store image dimensions for PhotoSwipe -->
    <meta itemprop="width" content="300">
    <meta itemprop="height" content="600">

    <figcaption itemprop="caption description">
        Long image description

        <!-- optionally define copyright -->
        <span itemprop="copyrightHolder">Photo: AP</span>
    </figcaption>
</figure>

<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject">
    <a href="large-image.jpg" itemprop="contentUrl">
        <img src="small-image.jpg" itemprop="thumbnail" alt="Image description" />
    </a>
    <figcaption itemprop="caption description">Long image description</figcaption>
 </figure>

 ...

</div>

Каждое из следующих элементов является свойствами ImageObject, поэтому поместите их там, где они находятся в коде, например для Заголовка галереи используйте свойство headline следующим образом:

<span itemprop="headline">My trip to Paris</span>

Свойства ImageGallery, которые вы можете использовать:

• about Описание галереи
• Средняя оценка aggregateRating, например "3,5".
• dateCreated Дата публикации галереи
• комментарий, используйте для каждой другой Вещь (что позволит вам указать имя человека и другие детали отдельно - с помощью http://schema.org/Comment) или заполняйте одну comment строку в комментарии. Отдельные комментарии, оставленные зрителями галереи

Сложные, использующие больше вещей (более структурированные данные) -

• автор с именем, изображением и ссылкой на профиль - либо просто добавьте ссылку на его собственную страницу или профиль в социальной сети, либо используйте http://schema.org/Person схема (имя, URL-адрес и свойства изображения), как показано ниже.

<span itemprop="author" itemscope itemtype="http://schema.org/Person">

<span itemprop="name">Joe bloggs</span>

&nbsp;<img src="joebloggs.png" itemprop="image" />&nbsp

<a itemprop="url" href="http://yourwebsite.com/joeblogs.html">View Profile</a>

</span>

Просмотр TextName, изображение и ссылка на профиль рецензента.

Это можно сделать так же, как указано выше, но с использованием схемы http://schema.org/Review.