首页
|
新闻
|
新品
|
文库
|
方案
|
视频
|
下载
|
商城
|
开发板
|
数据中心
|
座谈新版
|
培训
|
工具
|
博客
|
论坛
|
百科
|
GEC
|
活动
|
主题月
|
电子展
注册
登录
论坛
博客
搜索
帮助
导航
默认风格
uchome
discuz6
GreenM
»
MCU 单片机技术
»
PowerPC
» 结合使用 Drupal、HTML5 和微数据(2)
返回列表
回复
发帖
发新话题
发布投票
发布悬赏
发布辩论
发布活动
发布视频
发布商品
结合使用 Drupal、HTML5 和微数据(2)
发短消息
加为好友
look_w
当前离线
UID
1066743
帖子
8283
精华
0
积分
4142
阅读权限
90
在线时间
233 小时
注册时间
2017-6-23
最后登录
2019-5-18
论坛元老
UID
1066743
1
#
打印
字体大小:
t
T
look_w
发表于 2018-10-18 16:32
|
只看该作者
结合使用 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
收藏
分享
评分
回复
引用
订阅
TOP
返回列表
电商论坛
Pine A64
资料下载
方案分享
FAQ
行业应用
消费电子
便携式设备
医疗电子
汽车电子
工业控制
热门技术
智能可穿戴
3D打印
智能家居
综合设计
示波器技术
存储器
电子制造
计算机和外设
软件开发
分立器件
传感器技术
无源元件
资料共享
PCB综合技术
综合技术交流
EDA
MCU 单片机技术
ST MCU
Freescale MCU
NXP MCU
新唐 MCU
MIPS
X86
ARM
PowerPC
DSP技术
嵌入式技术
FPGA/CPLD可编程逻辑
模拟电路
数字电路
富士通半导体FRAM 铁电存储器“免费样片”使用心得
电源与功率管理
LED技术
测试测量
通信技术
3G
无线技术
微波在线
综合交流区
职场驿站
活动专区
在线座谈交流区
紧缺人才培训课程交流区
意见和建议