跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

解決社交文章中連結預覽的問題

上次更新時間: 2025年9月4日

可搭配下列任何訂閱使用,除非另有註明:

當您在 HubSpot 中加入社交文章的連結時,將會顯示預覽,包括特色圖片、頁面標題和頁面描述。

社交預覽是基於頁面 HTML<head> 部分的meta 標籤。這些標籤會告訴社交媒體網站平台,在建立分享連結的預覽時,應該著重哪些內容。基本的元標籤有

  • og:title:內容的標題。
  • og:type:內容的類型,例如影片或網頁。
  • og:image: 代表您內容的圖片 URL。
  • og:url:內容的唯一 URL,將作為其永久 ID。
  • og:description:總結圖片描述。

標題、元描述和特色圖片會自動設定為部落格文章。對於登陸頁面和網站頁面,標題和元描述會自動設定,但特色圖片必須手動設定

請注意:LinkedIn 會在預覽卡片中顯示您的特色圖片、頁面標題和 URL,但不會包含您的元描述。

特色圖片、頁面標題或頁面描述未顯示在文章預覽中

如果您的社交文章預覽沒有顯示預期的特色圖片、頁面標題或頁面描述,您可以在 HubSpot 或使用外部除錯工具排除故障。

在 HubSpot 中排除故障

如果您要連結至 HubSpot 網站託管的部落格文章、登陸頁面或網站頁面,請確定頁面文章的設定中已設定特色圖片。

您也可以手動設定 og:image標籤來新增特色圖片:

  1. 導覽到您的內容:

    • 網站頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「網站頁面」。
    • 登陸頁面:在你的 HubSpot 帳戶中,瀏覽「內容」>「登陸頁面」。
  2. 按一下您的頁面名稱
  3. 在內容編輯器中,按一下設定 功能表,然後選擇按一下。
  4. 在對話方塊中,將此程式碼片段貼入Head HTML 欄位

 <meta property="og:image" content="IMG URL">

  1. IMG URL改為圖片檔案的 URL
  2. 若要針對 X 進一步優化 圖片 ,請在Head HTML 欄位中輸入此附加程式碼片段:

<meta name="twitter:card" content="summary_large_image">

  1. 在右上方,按一下「發佈」「更新」 以設定變更生效。

使用瀏覽器開發工具排除故障

如果您在社交文章中分享外部頁面,您可以使用瀏覽器開發工具,例如Chrome 開發工具 ,以確保頁面的 meta 標籤設定正確。查看頁面來源,然後檢查並確認以下內容:

  • og:image和其他元標籤已正確顯示。
  • 每個標籤的詳細資訊都正確。例如,檢查 og:image標籤是否正確。
  • 每種 meta 標籤只出現一次。如果相同的 meta 標籤出現多次,社交網路在產生連結預覽時可能無法選擇正確的標籤。
  • 您的 meta 標籤靠近 HTML 的頂端。如果您在元標籤之前有額外的程式碼或標記,社交網路爬蟲可能無法找到這些標籤。

ogimageconsole


使用社交網路除錯工具排除故障

如果您看到社交預覽與 meta 標籤之間有差異,社交網路可能需要重新抓取該頁面。針對每個社交網路使用下列驗證工具,以顯示任何錯誤或觸發網頁重新抓取:

  • Facebook 分享調試器Facebook 每 24 小時自動重新抓取共用內容。若要手動觸發重新抓取,請在分享調試器中按一下再次抓取。
  • X Card Validator發表文章後,X 會將內容快取七天。在卡片驗證器中輸入您的URL並按一下預覽卡片,即可觸發內容的重新抓取。
  • LinkedIn Post InspectorLinkedIn 會在發表文章後快取內容七天。按一下「貼文檢查員」中的「檢查」以觸發內容的重新抓取。

一般而言,在重新抓取頁面前發表的任何文章仍會保留不正確的圖片。如果未為頁面設定og:image 標籤,社交網路會掃描頁面,找出最適合包含在社交文章中的圖片,這通常是它找到的第一張圖片。如果使用 robots.txt 檔案或安全軟體防止頁面抓取,連結預覽圖片可能完全不會顯示。

精選圖片顯示問題

如果您的社交文章預覽顯示預期的特色圖片,但圖片顯示不正確,您可以檢查下列情況。

圖片大小或比例不正確

如果專題圖片無法正確顯示在社交預覽中(例如,圖片被切掉或比例不正確),您可能需要編輯圖片,使其具有適合您發佈到的社交網路的正確尺寸,然後再重新發佈頁面。

以下是每個網路的特色圖片最佳化建議尺寸:

  • Facebook:1.91:1
  • X: 照片貼文為 16:9,連結貼文中的專題圖片為 1.91:1
  • Instagram(正方形):1:1
  • Instagram (縱向):4:5
  • Instagram (橫向):1.91:1
  • LinkedIn (橫向):1.91:1

確保社交文章中包含的任何媒體遵循每個網路的檔案大小指引。如果 HubSpot 判定檔案過大,無法發佈到特定網路,則在建立社群文章時會出現警告。以下是每個社交網路的最大檔案大小:

  • Facebook:8 MB (PNG 檔案建議小於 1 MB 以避免像素化)
  • Instagram:8 MB
  • X:5 MB(GIF 為 15 MB)
  • LinkedIn:10 MB

圖片顏色的差異

內嵌的色彩配置文件可能會影響您的特色圖片在社交文章中的顯示效果。不同的系統以不同的方式處理不常用的色彩設定檔,這就是為什麼在檔案管理員中預覽圖片時,色彩看起來可能會有所不同。

您可以透過外部工具 執行您的圖片 URL,看看它是否使用不常用的色彩設定檔。如有必要,您可以在外部照片編輯工具(如 Photoshop)中移除干擾的色彩設定檔,然後在發表社交文章之前重新發表頁面。

影像清晰度的差異

HubSpot 的檔案管理員 對 JPEG 和 PNG 使用影像壓縮,以協助優化 HubSpot 架設內容的載入速度。社交媒體網路也會在文章中使用圖片壓縮,這可能與您在 HubSpot 中看到的品質不同。

因此,建議每個網路使用相對高解析度的圖片。如果您的圖片不符合社交網路的要求,HubSpot 的社交發布工具中會出現警告,以幫助相應調整您的圖片。

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助