如何生成 Open Graph 元标签

先了解工具会生成什么

Open Graph 元标签用于向页面共享场景提供页面标题、描述及其他元数据。这个工具会根据你填写的页面信息生成经过 HTML 转义的 Open Graph 标记，适合在发布网页前整理共享元数据。标题是生成结果的前提；图片、页面地址和站点名称则按需填写，不需要为了生成基础标记而全部提供。

按字段生成 Open Graph 标记

1. 准备页面信息。填写页面标题和描述；标题应使用非空文本。根据页面需要，再填写图片地址、页面地址、站点名称、类型和语言区域。它们都是可选文本输入，类型默认采用 website，语言区域默认采用 en_US。

2. 检查标题。标题为空、未提供或属于无效的空值时，工具可以正常结束，但不会生成标记。因此，若结果为空，先确认标题字段确实包含内容。

3. 生成标记。提交已填写的信息后，工具会按输入内容组装 Open Graph 元标签。标题和描述会出现在生成结果中；只有提供图片地址时，才会加入图片元素，只有提供页面地址时，才会加入页面地址元素，站点名称也遵循同样的条件。

4. 检查输出内容。确认标题与描述存在，并查看类型和语言区域是否符合页面需要。若没有填写这两项，生成结果中的默认值分别是 website 和 en_US。输入值写入标记时会进行 HTML 转义，因此应按页面实际内容填写，不要把转义后的字符串当作新的输入。

如何读取结果及其边界

有非空标题时，生成结果至少包含标题元素和描述元素；如果填写了图片地址、页面地址或站点名称，结果会分别按条件包含对应元素。类型和语言区域在未填写时使用默认值 website 与 en_US。标题为空时没有生成标记，不应把这种结果理解为字段被自动补全。

这个工具负责根据页面元数据组装并转义标记。结果本身不表示页面地址或图片资源已经通过验证，也不表示某个平台会如何展示页面。使用不同语言区域时，应在输入中明确填写所需值，并在接入页面前检查输出文本是否符合页面设置。

使用示例

你正在发布一个春季办公用品促销页面，希望先整理其用于页面共享的 Open Graph 元数据。

为一个春季促销页面填写标题“春季办公用品优惠”、页面描述，并加入图片地址、页面地址和站点名称；提交这些页面信息后查看生成结果的元素组成。

结果包含标题元素和描述元素；由于提供了图片地址、页面地址与站点名称，还会按条件包含对应元素。若未填写类型和语言区域，则可看到 website 与 en_US 默认值。

使用限制

• 工具负责根据输入的页面元数据组装经过 HTML 转义的标记，不表示页面地址或图片资源已被验证，也不表示特定平台会如何展示这些标记。

常见错误

• 没有生成任何标记：通常是标题未提供或为空。请先填写非空标题，再重新提交；仅填写描述、图片地址或页面地址不能替代标题条件。

常见问题

只填写描述，不填写标题，可以生成 Open Graph 标记吗？

不行，标题必须包含有效的非空值。标题为空时，工具不会生成标记；标题有效时，结果包含标题和描述元素。

图片、页面地址和站点名称是必填项吗？

不是必填项。只有提供图片地址时才会加入图片元素，页面地址和站点名称也分别按是否提供对应值来加入。

不填写类型和语言区域时会使用什么值？

未填写时，类型使用 website，语言区域使用 en_US。如果页面需要其他值，应在相应输入中明确填写。