在HubSpot中新增社交貼文連結時,系統會顯示包含精選圖片、頁面標題和頁面描述的預覽。
社交預覽是基於頁面HTML < head >部分的元標籤。 這些標籤會告訴社交媒體網站平臺在建立共用連結預覽時要關注的內容。 基本的中繼標籤有:
系統會自動為部落格文章設定標題、中繼說明和精選圖片。 對於登陸頁面和網站頁面,雖然標題和元描述也會自動設置,但特色圖片必須手動設置。
請注意: LinkedIn會在預覽卡中顯示您的精選圖片、頁面標題和網址,但不會包含您的中繼說明。
如果你的社交貼文預覽沒有顯示預期的精選圖片、頁面標題或頁面描述,你可以在HubSpot或使用外部偵錯工具進行疑難排解。
如果你要連結至HubSpot託管的網誌文章、登陸頁面或網站頁面,請確保在頁面或文章設定中設定精選圖片。
您也可以手動設定og:image
標籤以新增精選圖片:
前往你的內容:
如果您要在社交貼文中分享外部頁面,可以使用Chrome開發人員工具等瀏覽器開發人員工具,確保頁面的中繼標記設定正確。 檢視頁面的來源,然後檢查並確認以下事項:
og:image
和其他中繼標籤已正確顯示。 og:image
標籤的特色圖片網址是否正確。
如果您發現社交預覽與中繼標籤之間存在差異,則社交網絡可能需要重新檢索該頁面。 對每個社交網絡使用以下驗證工具,以顯示任何錯誤或觸發頁面重新爬網:
一般而言,在重新檢索頁面之前發佈的任何文章仍會保留不正確的圖片。 如果尚未為頁面設置og:image
標籤,社交網絡將掃描該頁面,以找到最適合包含在社交帖子中的圖片,這通常是它找到的第一張圖片。 如果使用robots.txt檔案或安全性軟體來防止網頁檢索,則連結預覽圖像可能根本不會出現。
如果你的社交帖子預覽顯示的是預期的精選圖片,但圖片顯示不正確,你可以檢查以下內容。
如果精選圖片在社交預覽中無法正確顯示(例如,圖片被切斷或比例不正確) ,你可能需要編輯圖片,使其具有適合你要發佈的社交網絡的尺寸,然後重新發佈頁面。
針對每個網路上的特色圖片最佳化,建議使用以下尺寸:
確保社交帖子中包含的任何媒體都遵循每個網絡的檔案大小指南。 如果HubSpot確定檔案太大,無法發佈到特定網路,建立社交貼文時會出現警告。 以下是每個社交網絡的最大檔案大小:
嵌入式色彩設定檔可能會影響精選圖片在社交貼文中的顯示方式。 不同的系統以不同的方式處理不常見的色彩設定檔,這就是為什麼在檔案管理員中預覽影像時,顏色可能會看起來不同的原因。
您可以透過外部工具執行圖片網址,以查看圖片是否使用不常見的顏色設定檔。 如有必要,你可以在Photoshop等外部相片編輯工具中刪除幹擾的顏色設定檔,然後在發佈社交貼文之前重新發佈頁面。
HubSpot的檔案管理員會在JPEG和PNG上使用影像壓縮,協助優化HubSpot託管內容的載入速度。 社羣媒體網路也會在貼文中使用圖片壓縮,其品質可能會與你在HubSpot中看到的不同。
因此,建議為每個網路使用相對高解析度的圖片。 如果你的圖片不符合社交網絡的要求, HubSpot的社交發佈工具會顯示警告,協助你相應調整圖片。