Yoast SEO教程:自定义Open Graph与 X Card设置

在社交媒体营销中,页面被分享到 Facebook、Twitter、LinkedIn 等平台时,是否展示 吸引人的标题、描述与缩略图,直接决定点击率与品牌形象。Yoast SEO 提供了便捷的 Open Graph 和 X Card 设置功能,让你掌控页面在各大社交平台上的展示效果。

20250701141324441-image

1. 什么是 Open Graph 与 Twitter Card?为什么它重要?

1.1 Open Graph 定义

Open Graph(OG)协议由 Facebook 提出,用来定义网页被分享时的显示信息,包括:

  • og:title(标题)
  • og:description(描述)
  • og:image(缩略图)
  • og:url(页面URL)
  • og:type(类型,如 article、website)

几乎所有社交平台(Facebook、LinkedIn、WhatsApp)都会调用 OG 标签内容,统一展示格式。

1.2 X Card 定义

X Card 是 Twitter 的分享协议,主要有两种类型:

  • Summary Card(摘要卡片):显示标题、描述、缩略图
  • Summary Card with Large Image(大图摘要卡片):以大图形式突出视觉

1.3 为什么 Open Graph 与 X Card 重要?

  • 提升点击率

优化后的标题、描述和封面图能吸引用户点击,提高流量。

  • 统一品牌形象

通过自定义封面图,保持社交媒体分享时的品牌一致性。

  • 避免抓取错误内容

如果页面没有设置 OG 或 Twitter Card,平台会自动抓取页面内容,可能显示无关图片或默认标题,影响专业度。

2. 如何使用 Yoast SEO 启用 Open Graph 与 X Card

2.1 启用 Open Graph Data

  • 进入 WordPress 后台 > Yoast SEO > Settings > Site Features
20250701142452648-image
  • 找到 Open Graph data 功能模块
  • 点击 Enable feature(启用功能)
20250701143337315-image

说明:开启后,Facebook、LinkedIn、WhatsApp 等社交平台在分享你网站链接时,会调用 Open Graph 元数据,显示你设置的标题、描述和封面图。

2.2 启用 X Card Data(原 Twitter Card)

由于 Twitter 已更名为 X,Yoast SEO 也将该功能名称更新为 X card data,开启步骤如下:

  • Yoast SEO > Settings > Social sharing 页面
  • 找到 X card data 功能模块
  • 点击 Enable feature(启用功能)
20250701143354734-image

说明:
开启后,当你的网站链接被分享到 X(Twitter)平台时,会显示配置的标题、描述和图片摘要卡片,提升分享点击率。

2.3 Slack Sharing(可选)

如需优化 Slack 分享预览,可启用 Slack sharing 功能:

  • 同样在 Yoast SEO > Settings > Social sharing 页面
  • 找到 Slack sharing 功能模块
  • 点击 Enable feature(启用功能)
20250701143432223-image

该功能会在 Slack 分享时,显示作者名和阅读时间预估。

3. 如何自定义每篇文章的 Open Graph 与 X Card 信息

Yoast SEO 允许在每篇文章/页面中自定义社交分享信息。

3.1 进入文章编辑页面

  • 打开需要设置的文章或页面
  • 滚动至 Yoast SEO 面板
  • 点击 “社交” 标签
20250701144337240-image

3.2 自定义 Facebook(Open Graph)分享内容

Facebook 预览 下,填写:

  • 标题:可以不同于 SEO 标题,专为社交分享设计
  • 描述:简短有吸引力,突出卖点或引导用户点击
  • 图像:上传一张符合 Facebook 推荐尺寸的图片(1200×630px),比例16:9最佳
20250701144051441-image

3.3 自定义 X Card (Twitter Card)分享内容

X (Twitter) 预览 下,填写:

  • 标题:尽量控制在70字符以内
  • 描述:尽量控制在200字符以内
  • 图像:建议尺寸 1024×512px,同样使用16:9比例

如果没有设置 Twitter 图像,Twitter 默认抓取 Facebook OG 图像。

20250701144514988-image

3.4 保存更新

完成填写后,更新文章或页面就可以了。通过 Facebook Debugger 或 Twitter Card Validator 检查分享预览,确保配置正确。

4. Open Graph 与 X Card 设置最佳实践

  • 使用品牌专属封面模板

保持分享封面图风格一致,提升品牌识别度。

  • 标题与描述配合活动 CTA

例如“限时折扣 | 立即查看”可以有效提升点击率。

  • 避免重复图片内容

每篇文章设置对应主题封面,避免社交分享千篇一律。

  • 定期使用 Facebook Debugger 更新抓取缓存

当更换封面图后,使用 Facebook Debugger 更新缓存,确保及时生效。

总结

Yoast SEO 提供的 Open Graph 与 X Card 设置功能,是 WordPress 用户提升社交媒体分享效果不可或缺的工具。通过合理配置和自定义,每一次分享都能展现最佳视觉与内容,带来更多点击和流量。


了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读