Yoast SEO教程:自定義Open Graph與 X Card設(shè)置

社交媒體營銷中,頁面被分享到 Facebook、Twitter、LinkedIn 等平臺時,是否展示 吸引人的標題、描述與縮略圖,直接決定點擊率與品牌形象。Yoast SEO 提供了便捷的 Open Graph 和 X Card 設(shè)置功能,讓你掌控頁面在各大社交平臺上的展示效果。

圖片[1]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置

1. 什么是 Open Graph 與 Twitter Card?為什么它重要?

1.1 Open Graph 定義

Open Graph(OG)協(xié)議由 Facebook 提出,用來定義網(wǎng)頁被分享時的顯示信息,包括:

  • og:title(標題)
  • og:description(描述)
  • og:image(縮略圖)
  • og:url(頁面URL
  • og:type(類型,如 article、website)

幾乎所有社交平臺(Facebook、LinkedIn、WhatsApp)都會調(diào)用 OG 標簽內(nèi)容,統(tǒng)一展示格式。

1.2 X Card 定義

X Card 是 Twitter 的分享協(xié)議,主要有兩種類型:

  • Summary Card(摘要卡片):顯示標題、描述、縮略圖
  • Summary Card with Large Image(大圖摘要卡片):以大圖形式突出視覺

1.3 為什么 Open Graph 與 X Card 重要?

  • 提升點擊率

優(yōu)化后的標題、描述和封面圖能吸引用戶點擊,提高流量。

  • 統(tǒng)一品牌形象

通過自定義封面圖,保持社交媒體分享時的品牌一致性。

  • 避免抓取錯誤內(nèi)容

如果頁面沒有設(shè)置 OG 或 Twitter Card,平臺會自動抓取頁面內(nèi)容,可能顯示無關(guān)圖片或默認標題,影響專業(yè)度。

2. 如何使用 Yoast SEO 啟用 Open Graph 與 X Card

2.1 啟用 Open Graph Data

  • 進入 WordPress 后臺 > Yoast SEO > Settings > Site Features
圖片[2]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置
  • 找到 Open Graph data 功能模塊
  • 點擊 Enable feature(啟用功能)
圖片[3]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置

說明:開啟后,F(xiàn)acebook、LinkedIn、WhatsApp 等社交平臺在分享你網(wǎng)站鏈接時,會調(diào)用 Open Graph 元數(shù)據(jù),顯示你設(shè)置的標題、描述和封面圖。

2.2 啟用 X Card Data(原 Twitter Card)

由于 Twitter 已更名為 X,Yoast SEO 也將該功能名稱更新為 X card data,開啟步驟如下:

  • Yoast SEO > Settings > Social sharing 頁面
  • 找到 X card data 功能模塊
  • 點擊 Enable feature(啟用功能)
圖片[4]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置

說明:
開啟后,當你的網(wǎng)站鏈接被分享到 X(Twitter)平臺時,會顯示配置的標題、描述和圖片摘要卡片,提升分享點擊率。

2.3 Slack Sharing(可選)

如需優(yōu)化 Slack 分享預(yù)覽,可啟用 Slack sharing 功能:

  • 同樣在 Yoast SEO > Settings > Social sharing 頁面
  • 找到 Slack sharing 功能模塊
  • 點擊 Enable feature(啟用功能)
圖片[5]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置

該功能會在 Slack 分享時,顯示作者名和閱讀時間預(yù)估。

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

Yoast SEO 允許在每篇文章/頁面中自定義社交分享信息。

3.1 進入文章編輯頁面

  • 打開需要設(shè)置的文章或頁面
  • 滾動至 Yoast SEO 面板
  • 點擊 “社交” 標簽
圖片[6]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置

3.2 自定義 Facebook(Open Graph)分享內(nèi)容

Facebook 預(yù)覽 下,填寫:

  • 標題:可以不同于 SEO 標題,專為社交分享設(shè)計
  • 描述:簡短有吸引力,突出賣點或引導用戶點擊
  • 圖像:上傳一張符合 Facebook 推薦尺寸的圖片(1200×630px),比例16:9最佳
圖片[7]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置

3.3 自定義 X Card (Twitter Card)分享內(nèi)容

X (Twitter) 預(yù)覽 下,填寫:

  • 標題:盡量控制在70字符以內(nèi)
  • 描述:盡量控制在200字符以內(nèi)
  • 圖像:建議尺寸 1024×512px,同樣使用16:9比例

如果沒有設(shè)置 Twitter 圖像,Twitter 默認抓取 Facebook OG 圖像。

圖片[8]-Yoast SEO教程:自定義Open Graph與 X Card 設(shè)置

3.4 保存更新

完成填寫后,更新文章或頁面就可以了。通過 Facebook Debugger 或 Twitter Card Validator 檢查分享預(yù)覽,確保配置正確。

4. Open Graph 與 X Card 設(shè)置最佳實踐

  • 使用品牌專屬封面模板

保持分享封面圖風格一致,提升品牌識別度。

  • 標題與描述配合活動 CTA

例如“限時折扣 | 立即查看”可以有效提升點擊率。

  • 避免重復圖片內(nèi)容

每篇文章設(shè)置對應(yīng)主題封面,避免社交分享千篇一律。

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

當更換封面圖后,使用 Facebook Debugger 更新緩存,確保及時生效。

總結(jié)

Yoast SEO 提供的 Open Graph 與 X Card 設(shè)置功能,是 WordPress 用戶提升社交媒體分享效果不可或缺的工具。通過合理配置和自定義,每一次分享都能展現(xiàn)最佳視覺與內(nèi)容,帶來更多點擊和流量。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉(zhuǎn)載聲明
本文作者:linxiulian
THE END
喜歡就支持一下吧
點贊614 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容