在 Hugo 中使用 Open Graph 提升分享效果
💡
原文中文，约3200字，阅读约需8分钟。
📝
内容提要
为优化博客在社交平台的展示，可使用 Open Graph 的 meta 标签，基本标签包括标题、类型、图片和链接。修改页面模板后，卡片效果将显著提升。
🎯
关键要点
- 使用 Open Graph 的 meta 标签可以优化博客在社交平台的展示。
- 基本的 Open Graph 标签包括标题、类型、图片和链接。
- 在页面模板中需要修改 meta 标签以符合 Open Graph 的要求。
- 在 Hugo 中，meta 标签的修改需要在主题的某个 HTML 文件中进行。
- 只有在页面类型为 page 时才展示 Open Graph 标签，且需要加入 album 参数才能展示缩略图。
❓
延伸问答
如何使用 Open Graph 标签优化博客分享效果？
使用 Open Graph 的 meta 标签可以优化博客在社交平台的展示，基本标签包括标题、类型、图片和链接。
在 Hugo 中修改 Open Graph 标签需要在哪个文件进行？
在 Hugo 中，meta 标签的修改需要在主题的某个 HTML 文件中进行，通常在 themes/your-theme/layouts/ 下。
Open Graph 标签中必须包含哪些基本信息？
基本的 Open Graph 标签包括标题（og:title）、类型（og:type）、链接（og:url）和图片（og:image）。
在什么情况下 Open Graph 标签会被展示？
只有在页面类型为 page 时，Open Graph 标签才会展示，并且需要加入 album 参数才能展示缩略图。
如何在 Hugo 中添加 Open Graph 的描述和语言信息？
可以通过添加 <meta property='og:description' content='{{ .Params.Summary }}' /> 和 <meta property='og:locale' content='{{ .Site.LanguageCode }}' /> 来实现。
使用 Open Graph 标签后，博客在社交平台的展示效果如何？
使用 Open Graph 标签后，博客的分享效果将显著提升，能够展示成卡片而不仅仅是链接。
➡️
