云社区 博客 博客详情
云社区 博客 博客详情

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

华为云官网技术团队 发表于 2020-07-22 15:19:41 07-22 15:19
华为云官网技术团队 发表于 2020-07-22 15:19:41 2020/07/22
0
1

【摘要】 结构化数据(structured data)是一种提供网页相关信息并对网页内容进行分类的标准化格式,主要用来为Google等搜索引擎,更直接的解释网页上多媒体的内容,Google 搜索会利用结构化数据启用特殊的搜索结果功能和增强选项。

作者: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

image.png

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

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

image.png

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

image.png

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


登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:huaweicloud.bbs@huawei.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 1
点赞
分享文章到微博
分享文章到朋友圈

评论 (0)


0/1000
评论

登录后可评论,请 登录注册

评论

您没有权限执行当前操作

温馨提示

您确认删除评论吗?

确定
取消
温馨提示

您确认删除评论吗?

删除操作无法恢复,请谨慎操作。

确定
取消
温馨提示

您确认删除博客吗?

确定
取消

确认删除

您确认删除博客吗?

确认删除

您确认删除评论吗?

温馨提示

登录超时或用户已下线,请重新登录!!!

确定
取消