模式/结构化数据

Question

我正在尝试找出在两种类型的页面上使用架构/结构化数据的最佳方式。一个是图片库，一个是视频页面。

以下是每种类型页面上的数据：

图库标题
图库描述
画廊提交人的姓名、照片和简介link
评论文本
评论者的姓名、照片和简介link
图库发布日期
画廊的平均评分
图库中的单张图片
画廊观众留下的个人评论

视频页面有几乎相同的信息减去：

图库中的单张图片

相反，它有视频、视频缩略图和视频时长

我是使用结构化数据的新手，我希望如果我能掌握一种模式，我就能将它应用到我网站的其他区域，如论坛、博客等

谢谢。

Answer 1

这是一个复杂的问题，因为它涉及使用多种类型的结构化数据定义。 google 推荐 microdata 或 rdf。从基础开始，一旦你让它们工作，就添加其他元素。 Google 的测试工具和 Structured data linter 将为您检查它们。

这个generator会有帮助，把拍下的部分去掉就行了。

https://schema.org/ImageGallery schema exists, which will contain one or more images (images use http://schema.org/ImageObjects). Example from photoswipe每张图片都包含一张link一张大图：

<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 的 properties，因此将它们放在代码中的位置，例如图库标题 使用属性 headline 如下：

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

您可以使用的 ImageGallery 属性：

关于画廊的描述
aggregateRating 平均评分，例如“3.5”
创建日期 画廊发布日期
评论为每个使用另一个事物（这样你就可以分别给出此人的姓名和其他详细信息 - 使用 http://schema.org/Comment）或填写一个 comment 每条评论行。画廊观众留下的个人评论

复杂的使用更多的东西（更多的结构化数据）-

author with Name, picture and profile link - 只需将 link 添加到他们自己的页面或社交媒体资料，或使用 http://schema.org/Person 架构（名称、url 和图像属性）如下

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

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

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

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

</span>

评论评论者的文字姓名、图片和简介link

这可以像上面的作者一样完成，但是使用 http://schema.org/Review 模式

模式/结构化数据

schema / structured data

structured-data

microdata

schema.org