首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

结合使用 Drupal、HTML5 和微数据(2)

结合使用 Drupal、HTML5 和微数据(2)

使用 Drupal 向页面添加微数据Drupal 是一个内容管理系统,其 Web 占有率估计约为 2%。通过 Drupal 的用户界面,站点管理员可以创建表单,从用户那里收集内容。接着 Drupal 会在数据库中为表单数据自动创建正确的表与字段,并以一种可配置的方式来处理数据显示。
Drupal 特别适用于输出结构化数据,因为它处理内容的方式很特别,它将内容作为拥有字段值形式的属性的独立内容(称为实体)。在 Drupal 7 中,使用 RDFa 向 HTML 添加结构化数据的功能被整合到了 Drupal 核心中。
由于 schema.org 是在 2011 年 6 月 2 日宣布成立的,它向微数据输出也添加了同样的支持。微数据模块仍然在开发中,尚不能用在正在运行的站点上。要在测试站点上进行试验,您可以使用微数据模块为字段生成微数据,并基于这些微数据测试 Rich Snippet 显示。
让我们从使用 Drupal 重新创建上面的示例开始。参见 ,下载并启用以下模块的最新版本:
  • Microdata
  • Entity API
  • CTools
标记内容类型内容类型 允许用户定义将为实体收集并存储的字段值。例如,您可以创建一个产品内容类型,并让它拥有收集以下信息的表单字段:价格、可用颜色、尺寸与制造商的型号,这些信息可以让维护库存变得更轻松。
在这次练习中,您将创建一个电影内容类型。打开 Structure > ContentTypes,单击 Add Content type 链接,然后输入以下信息。
  • 名称:Movie
  • 描述: 一个描述电影的页面
  • 评论设置:选择 Closed。该页面上不需要评论功能。
  • 微数据设置:添加 itemtype http://schema.org/Movie。    标题是一种特殊类型的字段,没有自己的编辑画面,因此还需要在这里添加标题。请使用 name        属性来标记标题。
您可以创建一个新的 Movie 内容项,用它来测试这个例子是否能正确工作。打开 Add    content 来创建 Movie。创建完毕之后,使用 Rich Snippet 测试工具确定是否能够从该页面提取数据。您应该看到一个内容项,其类型为 http://schema.org/movie,而        名称为 Cool Hand Luke,如  中所示。
图 2. 映射内容类型和标题之后提取出的微数据内容类型被识别为一个带有标题的 Movie,但还有关于这部电影的更多信息。
标记文本字段内容类型上附加了一些字段,以便收集关于内容的其他信息。在这个例子中,添加了电影风格作为内容类型的字段。
要将风格添加到内容类型,请打开 Structure > Content types,然后单击该电影内容类型的 Manage fields。您将使用一个文本字段来收集电影风格。然后输入以下信息。
  • Label: Genre
  • Field name: genre
  • Field type: Text
  • Field widget: Text field
在下一个页面上单击 Save field settings。在字段实例配置表单的底部,您会看到 Genre Microdata    Mapping,如 中所示。将字段属性设置为 genre,然后单击  Save
图 3. 映射文本字段的界面编辑您的内容部分并添加电影风格。然后刷新 Rich Snippet。风格信息上立刻显示了类型和名称。
标记图像字段这个例子没有演示图像,您可以向内容类型添加一个图像,比如电影海报。然后在 Rich Snippet 中显示图像的缩略图。
要向内容类型添加图像,请打开 Structure > Content types 并单击 Manage fields
  • Label: Poster
  • Field name: poster
  • Field type: Image
  • Field widget: Image
对海报使用 image schema.org 属性。在字段属性字段中,请输入 image,如  中所示。
图 4. 映射图像字段的界面保存并编辑电影,以便添加一个图像。重新测试 Rich Snippet,您应该看到    image 属性及其 URL:http://lin-clark.com/sites/default/files/cool-hand-luke.jpg,如 中所示。这个内容项还包含类型 http://schema.org/movie、名称 Cool Hand Luke 以及摘要 prison drama。
图 5. 从文本与图像字段提取出的微数据您还可以看到显示海报缩略图的 Rich Snippet,如  中所示。Google 的测试工具正在积极开发之中,随着时间的推移,用于相同标记的 Rich Snippet 显示可能会发生变化。以下这个 Rich Snippet 是在 9 月 14 日捕捉到的,但它显示截止 9 月 19 日的已发生的变化。
图 6. 为电影而显示的 Rich Snippet
返回列表