知識庫

疑難排解社交貼文中的連結預覽

作者:HubSpot Support | Nov 21, 2022 12:26:06 PM

在HubSpot中新增社交貼文連結時,系統會顯示包含精選圖片、頁面標題和頁面描述的預覽。

社交預覽是基於頁面HTML < head >部分的元標籤。 這些標籤會告訴社交媒體網站平臺在建立共用連結預覽時要關注的內容。 基本的中繼標籤有:

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

系統會自動為部落格文章設定標題、中繼說明和精選圖片。 對於登陸頁面和網站頁面,雖然標題和元描述也會自動設置,但特色圖片必須手動設置。 

請注意: LinkedIn會在預覽卡中顯示您的精選圖片、頁面標題和網址,但不會包含您的中繼說明。

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

如果你的社交貼文預覽沒有顯示預期的精選圖片、頁面標題或頁面描述,你可以在HubSpot或使用外部偵錯工具進行疑難排解。

HubSpot內故障排除 

如果你要連結至HubSpot託管的網誌文章、登陸頁面或網站頁面,請確保在頁面文章設定中設定精選圖片。

您也可以手動設定og:image標籤以新增精選圖片: 

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
  • 按一下頁面名稱。
  • 在內容編輯器中,按一下「設定」選單,然後選取「按一下」。 
  • 在對話方塊中,將此程式碼片段貼到 Head HTML 欄位中:

 

  • 在右上角,按一下「發佈」或「更新」,即可設定變更內容。 

瀏覽器開發人員工具疑難排解

如果您要在社交貼文中分享外部頁面,可以使用Chrome開發人員工具等瀏覽器開發人員工具,確保頁面的中繼標記設定正確。 檢視頁面的來源,然後檢查並確認以下事項:

  • og:image和其他中繼標籤已正確顯示。 
  • 每個標籤的詳細資訊都正確無誤。 例如,檢查og:image標籤的特色圖片網址是否正確。
  • 每種類型的中繼標籤只出現一次。 如果同一個中繼標籤有多次出現,社交網絡在生成連結預覽時可能無法選擇正確的標籤。
  • 您的中繼標籤接近HTML的頂部。 如果您在meta標籤之前有額外的代碼或標記,社交網絡檢索器可能無法找到這些標籤。 

使用社羣網路偵錯工具進行疑難排解


如果您發現社交預覽與中繼標籤之間存在差異,則社交網絡可能需要重新檢索該頁面。 對每個社交網絡使用以下驗證工具,以顯示任何錯誤或觸發頁面重新爬網:

  • Facebook Sharing Debugger : Facebook每24小時會自動重新檢索分享的內容。 若要手動觸發重新編目,請在「共用除錯器」中按一下「再次抓取」。
  • X卡片驗證器: X在發佈帖子後7天內緩存內容。 輸入您的網址,然後在卡片驗證器中按一下預覽卡片,以觸發內容的重新檢索。
  • LinkedIn文章檢視器: LinkedIn會在發佈文章後7天內緩存內容。 在文章檢查器中按一下檢查,以觸發內容的重新編目。

一般而言,在重新檢索頁面之前發佈的任何文章仍會保留不正確的圖片。 如果尚未為頁面設置og:image標籤,社交網絡將掃描該頁面,以找到最適合包含在社交帖子中的圖片,這通常是它找到的第一張圖片。 如果使用robots.txt檔案或安全性軟體來防止網頁檢索,則連結預覽圖像可能根本不會出現。

精選圖片顯示問題 

如果你的社交帖子預覽顯示的是預期的精選圖片,但圖片顯示不正確,你可以檢查以下內容。 

圖片大小或比例不正確

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

針對每個網路上的特色圖片最佳化,建議使用以下尺寸:

  • Facebook: 1.91: 1
  • X: 16: 9適用於相片貼文, 1.91: 1適用於連結貼文中的特色圖片
  • INSTAGRAM (SQUARE): 1: 1
  • INSTAGRAM (肖像) : 4: 5
  • Instagram (橫向) : 1.91: 1
  • LinkedIn (橫向) : 1.91: 1

確保社交帖子中包含的任何媒體都遵循每個網絡的檔案大小指南。 如果HubSpot確定檔案太大,無法發佈到特定網路,建立社交貼文時會出現警告。 以下是每個社交網絡的最大檔案大小:

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

影像顏色的差異

嵌入式色彩設定檔可能會影響精選圖片在社交貼文中的顯示方式。 不同的系統以不同的方式處理不常見的色彩設定檔,這就是為什麼在檔案管理員中預覽影像時,顏色可能會看起來不同的原因。

您可以透過外部工具執行圖片網址,以查看圖片是否使用不常見的顏色設定檔。 如有必要,你可以在Photoshop等外部相片編輯工具中刪除幹擾的顏色設定檔,然後在發佈社交貼文之前重新發佈頁面。

影像清晰度的差異

HubSpot的檔案管理員會在JPEG和PNG上使用影像壓縮,協助優化HubSpot託管內容的載入速度。 社羣媒體網路也會在貼文中使用圖片壓縮,其品質可能會與你在HubSpot中看到的不同。

因此,建議為每個網路使用相對高解析度的圖片。 如果你的圖片不符合社交網絡的要求, HubSpot的社交發佈工具會顯示警告,協助你相應調整圖片。