【Chrome web.dev Live 2020总结】第1天第10集：使用JavaScript实现结构化数据

作者：Martin Splitt : Open Web Cheerleader?

结构化数据(structured data)是一种提供网页相关信息并对网页内容进行分类的标准化格式，主要用来为Google等搜索引擎，更直接的解释网页上多媒体的内容，Google 搜索会利用结构化数据启用特殊的搜索结果功能和增强选项。简单说，比如我们的网站上有一个讲解某一道食谱的视频，如果我们什么都不做，那Google无法理解这个视频是干什么的，也就很难被用户准确搜索到，现在我们可以在html中内嵌一段结构化数据（比如一段JSON），在数据中包含上视频的类型，食谱的食材、卡路里数、烹饪时长等条件，这样用户就更方便快速搜索到你网站上的这段视频。参考：https://developers.google.com/search/docs/guides/intro-structured-data?hl=zh-cn

具体结构化数据的参数接口，可以参考：https://developers.google.com/search/docs/guides/search-gallery

这篇Live推荐的结构化数据是JSON-LD，参考： http://www.ec-world.com/blog/json-ld

对应Live提供了3种实现，分别对应静态页面，动态页面，使用前端框架等情形，参考下图

实现完成之后，是否有效真实有用？对应Google提供了两种debug方法，参考下图：

更多参考：https://developers.google.com/search/docs/guides/generate-structured-data-with-javascript