一文搞懂 <script type=”application/ld+json”>:网站结构化数据核心利器
做网站开发、SEO优化的朋友,大概率在网页源码里见过这段特殊的 script 代码:<script type="application/ld+json"></script>。
很多人只知道它和搜索引擎优化有关,却不清楚它到底是什么、有什么用、怎么写、放哪里。今天用通俗的语言+实战案例,彻底讲透这个网站结构化数据标配语法,新手也能一键看懂、直接上手。
一、到底什么是 application/ld+json?
简单来说,application/ld+json 是 W3C 官方标准的结构化数据格式(JSON-LD)专属 MIME 类型,全称是 JSON for Linked Data(关联数据JSON)。
它是一段嵌入在HTML页面中的纯JSON脚本,对用户完全不可见,仅对搜索引擎、爬虫、智能设备可读。不同于普通页面展示内容,它的核心作用是:给网页内容「打标签、做释义」,让机器读懂网页的真实含义。
我们可以拆解名称快速理解:
- application:属于应用级数据,而非网页展示内容
- ld:Linked Data 关联数据,用来定义数据之间的关系
- +json:基于JSON语法编写,简洁易读、兼容性极强
目前 Google、百度、Bing 等主流搜索引擎,均将 JSON-LD 作为首选结构化数据格式,优先于传统的微数据、RDFa 格式。
二、为什么一定要用它?核心价值是什么?
很多网站排名平平、没有精美搜索展示,核心原因就是机器读不懂页面内容。搜索引擎只能通过文字猜测页面主题,而 ld+json 可以直接告诉机器:这个页面是什么、内容是什么、作者是谁、属于什么类型。
1. 解锁搜索「富媒体展示」,大幅提升点击率
普通网页搜索结果只有标题+简介,而配置了 ld+json 结构化数据的页面,可以获得富摘要(富 snippet)展示:文章发布时间、作者、阅读量、商品价格、评分、活动时间、面包屑导航等。
差异化的搜索展示,能直接提升用户点击意愿,是低成本提SEO流量的关键手段。
2. 精准告诉爬虫页面属性,提升收录与排名
3. 适配智能设备与AI搜索
如今AI问答、语音搜索、智能助手都会抓取网页结构化数据,规范的 ld+json 数据,能让网站内容被更多智能场景收录和展示。
三、核心语法结构,一看就懂
ld+json 代码固定嵌套在 script 标签中,无需修改HTML页面结构,不影响页面样式,可放置在页面 head 或 body 任意位置。核心字段只有三个,通用性极强:
- @context:上下文词典,固定填写
https://schema.org,定义数据规范标准 - @type:页面内容类型(文章Article、商品Product、官网WebSite、博主Person等)
- 自定义字段:根据页面类型补充标题、作者、时间、简介、价格等详情
四、3个高频实战案例(直接复制可用)
分享网站最常用的3套 ld+json 模板,适配博客文章、网站首页、个人博主场景,直接替换内容即可使用。
案例1:博客文章结构化数据(Article)
适用于所有图文博客、资讯文章,可展示发布时间、作者、文章简介:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "文章标题",
"description": "文章简介描述",
"author": {
"@type": "Person",
"name": "作者名称"
},
"datePublished": "2026-09-17",
"dateModified": "2026-09-17"
}
</script>
案例2:网站首页结构化数据(WebSite)
适用于官网首页,定义网站名称、官网地址、搜索功能:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "网站名称",
"url": "https://www.xxx.com",
"potentialAction": {
"@type": "SearchAction",
"target": "https://www.xxx.com/search?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
案例3:个人自媒体博主(Person)
适用于个人博客、自媒体主页,标注作者信息、社交账号:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "博主名称",
"url": "个人主页地址",
"jobTitle": "技术博主/创作者",
"sameAs": [
"社交账号链接1",
"社交账号链接2"
]
}
</script>
五、JSON-LD 对比传统结构化数据的优势
很多老网站用微数据、RDFa 做结构化标注,相比之下,ld+json 优势碾压:
- 零侵入页面:独立脚本存在,无需修改HTML标签,不影响页面布局和样式
- 语法简洁:纯JSON格式,开发者易写、易改、易维护
- 官方推荐:谷歌、百度明确优先收录JSON-LD数据,容错率更高
- 适配性广:支持所有页面类型,适配PC、移动端、各类爬虫工具
六、使用避坑指南(新手必看)
- JSON格式必须规范:严格遵守JSON语法,不能有多余逗号、中文符号,否则爬虫无法识别
- 数据真实一致:标注的标题、时间、作者必须和页面实际内容匹配,虚假数据会被搜索引擎降权
- 按需选择类型:文章用Article、商品用Product、首页用WebSite,不要混用类型
- 无需重复添加:单个页面对应一套结构化数据即可,重复配置无收益
七、总结
application/ld+json 不是复杂的黑科技,而是网站低成本优化SEO、提升搜索展示效果的基础刚需配置。
它的核心逻辑很简单:用机器能看懂的标准化语言,告诉搜索引擎你的页面是什么、讲了什么。对于个人博客、企业官网、电商网站来说,正确配置结构化数据,是性价比极高的流量优化手段。
新手直接套用上面的模板,替换自己的站点信息,即可快速完成配置,轻松解锁搜索富展示效果!