如何在Webflow模板中添加含微数据的自定义代码？

一、先找到自定义代码块的位置 #

你之前没找到是因为Webflow的代码块分不同场景，对应不同入口：

1. 模板全局自定义代码（所有生成的文章都生效） #

• 进Webflow后台，打开你的文章模板页面（注意是模板本身，不是单篇生成的文章）
• 点顶部工具栏的齿轮「设置」图标
• 左侧菜单选「自定义代码」，这里有head、body开头、body结尾三个区域，适合加全局的微数据框架

2. 给单个元素加微数据属性 #

要是需要给文章标题、日期这种具体元素加微数据标记：

• 在模板编辑器里选中目标元素（比如文章标题）
• 打开右侧的齿轮「设置」面板
• 滚到最底部，找到「自定义属性」，点「添加自定义属性」
• 输入微数据属性，比如给标题加itemprop="headline"，属性值留空或者按需填写

3. 内嵌代码块（插入完整HTML结构） #

如果要插一整段带微数据的HTML结构：

• 在模板画布的目标位置，打开左侧加号「添加元素」面板
• 搜索「代码」，找到Code Block元素拖到对应位置
• 双击代码块，粘贴你的微数据代码，还能直接把Webflow的动态字段拖进去替换占位符

二、微数据添加示例（以Article类型为例） #

比如给文章容器加全局标记：

• 选中文章外层容器，添加两个自定义属性：
  • 属性名itemscope，值留空
  • 属性名itemtype，值填https://schema.org/Article
• 给标题元素加itemprop="headline"
• 给发布日期元素加itemprop="datePublished"，记得在Webflow动态字段设置里把日期改成ISO格式（YYYY-MM-DD）
• 给文章内容容器加itemprop="articleBody"

要是用代码块插入完整结构，示例代码（直接把动态字段拖进去替换占位符）：

<div itemscope itemtype="https://schema.org/Article">
  <h1 itemprop="headline">{{文章标题}}</h1>
  <p>发布时间：<time itemprop="datePublished" datetime="{{发布日期 | date: 'YYYY-MM-DD'}}">{{发布日期}}</time></p>
  <div itemprop="articleBody">{{文章内容}}</div>
</div>

三、验证微数据是否生效 #

发布网站后，用结构化数据测试工具（直接搜索即可）输入文章URL，检查微数据是否被正确识别

内容的提问来源于stack exchange，提问作者Sofia Svidchenko