2015年5月22日星期五
原文:
Easier website development with Web Components and JSON-LD
作者: Ewa Gasperowicz , 开发者项目工程师, Mano Marks , 开发者推广小组, Pierre Far , 网站趋势分析师
作者: Ewa Gasperowicz , 开发者项目工程师, Mano Marks , 开发者推广小组, Pierre Far , 网站趋势分析师
J
SON-LD
是一种基于 JSON 的数据格式,可用于实施
结构化数据
,以便向 Google 和其他搜索引擎描述您网站上的内容。例如,如果您有一份包含活动、咖啡厅、人员等内容的列表,则可以利用以 JSON-LD 代码段的形式嵌入到网页中的
schema.org
词汇,以结构化方式将这些数据包含在您的网页中。结构化数据有助于 Google 更好地了解您的网页并在搜索功能中突出显示您的内容(例如
在知识图谱中显示您的活动
、显示
丰富网页摘要
)。
网络组件
是一组新兴技术,用于定义可重复使用的自定义界面小部件及其行为。任何网站开发者都可以构建网络组件。要构建网络组件,首先需要为界面的某个特定部分定义一个
模板
(该模板将
导入到您要使用网络组件的网页中
,然后使用
自定义元素
定义网络组件的行为。由于您将界面部分区域的显示和逻辑打包放入到网络组件中,因此您不仅可以在其他网页上重复使用该内容包,而且可以与其他开发者共享该内容包,从而简化网络开发过程。
JSON-LD 和网络组件可以完美地结合使用。自定义元素将作为展示层,JSON-LD 则作为自定义元素和搜索引擎所使用的数据层。这意味着您可以针对任何 schema.org 类型(例如
schema.org/Event
和
schema.org/LocalBusiness
)创建自定义元素。
具体架构是这样的:您的结构化数据(例如您连锁机构的店铺位置数据)会存储在您的数据库中。这些数据会以 JSON-LD 代码段的形式嵌入到您的网页中,这意味着自定义元素可使用这些数据以便向访问人员显示,并且 Googlebot 能够获取这些数据以便 Google 将其编入索引。
要详细了解并开始使用自定义元素,请参阅以下内容:
- *我们 在 webcomponents.org 上发布的最新文章 及 配套的代码示例 。
- * JSON-LD 网站 和 W3C 规范
- * 关于网络组件的维基百科页面 及 webcomponents.org 上的网络组件社区
- schema.org
- *Google 的 结构化数据文档
-