指南/拓展讀者群/社群工具/控制網站的社群媒體預覽

控制網站的社群媒體預覽

當你將連結分享至 Facebook、LinkedIn 和 X (前身為 Twitter) 等社群網路時,社群媒體預覽會顯示網站相關資訊。閱讀這份指引,你會了解如何控制內容在分享至社群媒體的顯示方式。

了解預設社群預覽

WordPress.com 會自動將 Open Graph meta 標籤 (og:titleog:descriptionog:image) 新增至所有文章和頁面。當有人在社群媒體分享內容連結時,這些標籤會告訴社群網路要在預覽中顯示哪些圖片、標題和描述。

對於文章與頁面

分享個別文章或頁面時,WordPress.com 會使用此資訊建立預覽:

  • 標題:分享的頁面或文章標題。
  • 描述:為頁面或文章設定的內容摘要。如果未設定內容摘要,則為內容的前 195 個字元。
  • 圖片:為頁面或文章設定的精選圖片。如果未設定精選圖片,社群網路會依此順序尋找圖片:
    • 投影片中的圖片。
    • 圖庫中的圖片。
    • 網站上任何其他圖片
    • 從其他網站連結的圖片。
    • 個人檔案照片
    • 在頁面上找到的其他圖片,例如頁首、頁尾或側邊欄的圖片。

Jetpack 側邊欄的連結預覽區段可以讓你檢視文章連結在社群網路和 Google 搜尋結果中的顯示方式。此預覽會顯示各平台根據文章的 Open Graph 標籤顯示的標題、描述和圖片。

若要預覽連結外觀,請依照下列步驟操作:

  1. 瀏覽至儀表板中的文章,並建立或編輯文章。
  2. 按一下編輯器左上角的綠色「Jetpack」圖示。
  3. 向下捲動至「連結預覽」區段。
  4. 按一下「預覽」按鈕。
  5. 在「預覽」強制回應中,按一下每個平台 (Google、X、Facebook、Threads、LinkedIn、Nextdoor、Tumblr、Mastodon 或 Bluesky) 的圖示,以檢視連結在此顯示的方式。

如果預覽看起來不正確,請檢查下方的「修正預覽問題」區段。

針對你的首頁和封存頁面

分享網站首頁或封存頁面 (文章、分類等) 時,WordPress.com 會建立包含以下資訊的預覽:

使用 Jetpack Social 自訂社群預覽

本節指引適用於使用 WordPress.com 進階版、商用版和電子商務版方案的網站。若是免費網站和採用個人版方案的網站,只要升級方案即可存取此功能。

在分享文章之前,你可以控制文章在每個社群網路的顯示方式。編輯器中的 Jetpack Social 面板可讓你撰寫自訂訊息、選擇圖片,以及預覽社群文章,所有功能都集中在同一處。

預覽與自訂社群文章

預覽和自訂強制回應可讓你檢視文章在每個連結之社群網路的外觀,並在發表前進行變更。此功能適用於進階版、商用版和電子商務版方案。

若要預覽和自訂社群文章,請依照下列步驟操作:

  1. 瀏覽至儀表板中的文章,並建立或編輯文章。
  2. 按一下編輯器左上角的綠色「Jetpack」圖示。
The Jetpack icon to the right of the "Publish" button on a draft post.
  1. 在「分享至社群媒體」下,按一下「預覽與自訂」按鈕。
A box drawn around the Preview and customize button.
  1. 在開啟的強制回應中,在訊息欄位中撰寫自訂訊息。
  2. 在右側檢閱文章在選取的社群網路上出現的即時預覽。
  3. 切換每個帳號旁的分享開關,即可將該帳號納入或排除在分享範圍之外。
  4. 完成時按一下「關閉」按鈕。

即時預覽會在你進行變更時更新,如此你就能在文章上線前檢視讀者看到的確切內容。

自訂每個網路的文章

本節指引適用於使用 WordPress.com 商用版和電子商務版方案的網站。如果你有商用版方案,請務必啟用該方案。若是免費網站和採用個人版及進階版方案的網站,只要升級方案即可存取此功能。

你可以撰寫不同的訊息,並為每個連結的社群網路選擇不同的圖片,而不用到處分享相同的內容。

若要針對每個網路自訂文章,請依照下列步驟操作:

  1. 使用上方的步驟開啟「預覽與自訂」強制回應。
  2. 按一下強制回應頂端的「自訂每一項」分頁。
  3. 按一下頂端的社群網路圖示,以選取你要自訂的帳號。
  4. 針對該特定帳號,撰寫自訂訊息並選取媒體。
  5. 針對每個你想要自訂的網路重複此步驟。

選擇要發表社群文章的媒體

本節指引適用於使用 WordPress.com 商用版和電子商務版方案的網站。如果你有商用版方案,請務必啟用該方案。若是免費網站和採用個人版及進階版方案的網站,只要升級方案即可存取此功能。

預覽與自訂」強制回應中的「媒體」區段可讓你選擇在社群文章中顯示的圖片。此功能適用於商用版和電子商務版方案。按一下「選取」按鈕以檢視選項:

在「針對連結預覽:」下

  • 使用範本:使用社群圖片產生器建立圖片,並加上文章標題和範本版面配置。
  • 使用精選圖片:使用文章上設定的精選圖片。

在「針對附件:」下

  • 產生圖片:使用 Jetpack AI 產生圖片。
  • 從媒體庫:從媒體庫選取影像或影片,或上傳檔案。

如果你未選取任何媒體,社群網路將使用上方「了解預設社群預覽」區段中所述的預設值。

設定社群圖片產生器

本節指引適用於使用 WordPress.com 商用版和電子商務版方案的網站。如果你有商用版方案,請務必啟用該方案。若是免費網站和採用個人版及進階版方案的網站,只要升級方案即可存取此功能。

社群圖片產生器會為社群文章建立包含文字覆疊的圖片。此功能適用於商用版和電子商務版方案。在網站設定中開啟「社群網路圖片產生器」後,你才能在媒體挑選器中使用「使用範本」選項。

若要開啟社群圖片產生器,請依照下列步驟操作:

  1. 前往網站的儀表板
  2. 瀏覽至「Jetpack」→「社群」
  3. 請確認你至少已連結一個社群網路
  4. 將「社群圖片產生器」旁邊的設定切換為開啟。
The "Enable Social Image Generator" toggle set to the "ON' position.

進行預設社群圖片設定

你可以設定在所有文章套用的預設圖片範本和備用圖片。

若要進行預設社群圖片設定,請依照下列步驟操作:

  1. 前往網站的儀表板
  2. 瀏覽至「Jetpack」→「社群」
  3. 確認社群圖片產生器已開啟
  4. 按一下「變更預設值」按鈕。
  5. 選取預設範本,並新增預設圖片,以便在精選圖片不存在時用於所有文章。
  6. 按一下「儲存」按鈕,即可儲存變更。
The pop-up that appears after clicking the "Set Defaults" button under the Social Image Generator.

修正預覽問題

如果分享的連結未正確顯示,請嘗試清除快取的社群預覽,並確認圖片符合社群媒體規格。

清除快取的社群預覽

社群網路會快取社群預覽,這表示社群預覽會儲存先前版本的文章詳細資料,而且不會在你變更內容時立即更新最新詳細資料。若你已修改頁面或文章設定,則可以清除快取的社群預覽,要求社群網路再次檢查文章,以取得最新資訊。

Facebook 和 WhatsApp:

WhatsApp 使用 Facebook 的預覽系統,因此修正 Facebook 預覽也會修正 WhatsApp 預覽。依照下列步驟清除 Facebook 和 WhatsApp 的快取社群預覽:

  1. 前往 Facebook 的分享偵錯工具
  2. 在輸入欄位中貼上 URL。
  3. 按一下「偵錯」按鈕。
  4. 檢閱標籤和預覽資訊。
  5. 按一下「再次抓取」按鈕以重新整理 Facebook 的快取。

X (Twitter):

X (Twitter) 大約每七天會為頁面上的卡片標籤資訊重新編製索引。他們在疑難排解指引的「在推文中重新整理卡片」區段中,提供一些額外的建議。

LinkedIn:

  1. 前往 LinkedIn 的文章檢查工具
  2. 在輸入欄位中輸入 URL。
  3. 按一下「檢查」。

驗證圖片規格

選取用於社群預覽的圖片時,請遵循下列一般原則:

  • 建議大小:1200 × 630 px 在大多數社群網路中運作良好,可將裁切問題的風險降到最低。
  • 外觀比例:一般建議為 1.91:1。
  • 檔案類型:JPG 或 PNG。
  • 檔案大小上限:請保持在 5 MB 以下;雖然某些平台可能允許較大的檔案大小,但 5 MB 是最安全的標準。
  • 將重要內容置中:避免在較小的檢視區上裁切。

特定社群網路的詳細資訊:

Copied to clipboard!