0

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

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

  1. 画廊名称
  2. 画廊的描述
  3. 提交画廊的人的姓名、照片和个人资料链接
  4. 审查文本
  5. 审稿人的姓名、照片和个人资料链接
  6. 画廊发布日期
  7. 画廊的平均评分
  8. 画廊中的单个图像
  9. 画廊观众留下的个人评论

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

画廊中的单个图像

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

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

谢谢你。

4

1 回答 1

1

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

这个生成器会有所帮助，只需删除拍摄的部分。

存在https://schema.org/ImageGallery架构，其中将包含一个或多个图像（图像使用http://schema.org/ImageObjects）。来自照片滑动的示例，每个图像都包含指向更大图像的链接：

<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 属性：

  • 关于画廊的描述
  • aggregateRating平均评分，例如“3.5”
  • dateCreated画廊发布日期
  • 评论为每个人使用另一个事物（这将让您分别给出该人的姓名和其他详细信息 - 使用http://schema.org/Commentcomment ）或每条评论填写一行。画廊观众留下的个人评论

使用更多事物的复杂数据（更结构化的数据） -

  • 具有姓名、图片和个人资料链接的作者- 只需将链接添加到他们自己的页面或社交媒体个人资料，或使用http://schema.org/Person架构（名称、网址和图像属性），如下所示

<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模式

于 2015-08-16T15:21:40.497 回答