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

社交帖子中連結預覽的疑難解答

上次更新時間: 十一月 21, 2022

套用至:

行銷 Hub Professional, Enterprise
舊版 Marketing Hub Basic

在HubSpot中新增社交文章連結時,您會看到包含特色圖片、頁面標題和頁面描述的預覽。 如果圖片、標題或說明沒有出現,或您發現特色圖片有問題,請按照以下步驟進行故障排除。

社交預覽是根據網頁HTML < head >部分的元標籤這些標籤告訴社交媒體網站(如Facebook、LinkedIn和Twitter )在建立分享連結的預覽時需要關注的內容。 基本的元標籤是:

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

標題、元描述和精選圖片會自動設定為網誌文章。 對於登陸頁面和網站頁面,雖然標題和元描述也會自動設定,但特色圖片必須手動設定。 

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

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

如果你的社交帖子預覽沒有顯示所需的特色圖片、頁面標題或頁面描述,你可以在HubSpot或使用外部調整工具進行故障排除。

HubSpot中的故障排除 

如果你連結至HubSpot託管的網誌文章、登陸頁面或網站頁面,請務必在頁面帖子的設定中設定特色圖片。

您也可以手動設定og: image標籤以新增特色影像: 

  • 在您的HubSpot帳戶中,瀏覽至您的登陸頁面或網站頁面。

  • 將滑鼠停留在頁面上,然後按一下[編輯]。 
  • 在內容編輯器中,按一下[設定]標籤,然後按一下[進階選項]。 
  • 在「 其他代碼片段」 部分,在「標題HTML」欄位中輸入此代碼片段:     

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

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

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

瀏覽器開發工具的故障排除

如果你在社交文章中分享外部網頁,可以使用瀏覽器開發工具(如Chrome開發工具)確保該網頁的元標記設定正確。 查看網頁的來源,然後檢查並確認以下內容:

  • Og: image和其他元標籤正確顯示。 
  • 每個標籤的詳細資料都正確無誤。 例如,檢查og: image標籤的特色圖片網址是否正確。
  • 每種類型的元標籤只發生一次。 如果同一個中繼標籤有多個發生,社交網路在生成連結預覽時可能無法選擇正確的連結。
  • 您的元標籤靠近HTML的頂部。 如果你的元標籤之前有額外的代碼或標記,社交網路爬行器可能無法找到這些標籤。
inspect-for-featured-image

社交網路調整工具的故障排除


如果你看到社交預覽與中繼標籤之間有出入,社交網絡可能需要重新爬取該網頁。 使用以下每個社交網路的驗證工具來顯示任何錯誤或觸發網頁重新爬取:

  • Facebook Sharing Debugger Facebook每24小時會自動重新爬取共享內容。 若要手動觸發重新爬網,請在「共享調節器」中按一下再次刮除。
  • Twitter卡驗證器發佈文章後, Twitter會將內容儲存7天。 在卡片驗證器中按一下預覽卡片,以觸發重新爬取內容。
  • LinkedIn Post InspectorLinkedIn發佈文章後,將內容緩存7天。 按一下帖子檢查器中的檢查,以觸發重新爬取內容。

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

特色圖片顯示問題 

如果您的社交帖子預覽顯示的是預期的特色圖片,但圖片顯示不正確,您可以查看以下內容。 

影像大小或比率不正確

如果特色圖片在社交預覽中出現不正確(例如,圖片被剪切或比率不正確) ,您可能需要編輯圖片,以便其具備適合您要發佈的社交網路尺寸,然後重新發佈頁面。 

建議在每個網路上進行以下尺寸的特色圖片優化:

  • Facebook: 1.91: 1
  • Twitter :照片帖子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
  • Twitter : 5MB ( GIF爲15MB )
  • LinkedIn : 10MB

圖像顏色的差異

嵌入式顏色配置文件可能會影響您的特色圖片在社交文章中的顯示方式。 不同系統以不同的方式處理罕見的色彩配置文件,因此在檔案管理器中預覽影像時,色彩可能會看起來不同。

您可以透過外部工具執行圖片網址,以查看它是否使用了罕見的色彩配置文件。 如有必要,您可以在Photoshop等外部相片編輯工具中移除幹擾色彩的個人資料,然後重新發佈頁面,然後再發佈社交文章。

影像清晰度的差異

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

因此,建議每個網路使用相對高分辨率的影像。 如果您的圖片不符合社交網路的要求, HubSpot的社交發佈工具會顯示警告,以協助您對圖片進行相應調整。

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.