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 的 结构化数据文档
-