當您在HubSpot中建立並發佈社交文章時，相應的社交網路會嘗試為您的文章產生圖片預覽。 根據您為文章輸入的連結，社交網路會掃描您網頁的源代碼中的中繼標籤，並爬取您網站的robots.txt檔案。
如果你的網站由WordPress等外部供應商託管，而你的文章的預覽並不如預期顯示，請按照以下說明操作。
更新您的robots.txt
Robots.txt文件告知搜索引擎如何索引您的網站。 如果您尚未正確新增或配置robots.txt檔案，社交網路將無法解析您的網頁內容。 Facebook和Twitter都提供您需要添加到robots.txt文件的用戶代理字符串：
用戶代理: facebookexternalhit
禁止:
用戶代理: Twitterbot
禁止:
LinkedIn不提供其用戶代理字符串的文件，但您可以使用LinkedIn帖子檢查器確認LinkedIn是否可以爬取您的網站內容。
將元標籤添加到網站頁面的< head >部分
搜尋引擎和社交網絡將解析HTML的頁首部分，以尋找產生網頁預覽所需的中繼資料。 您應該在主中繼標籤之後包含Facebook和Twitter的中繼資料：
<! --主要元標籤-- >
< title >元標籤—預覽、編輯和產生</title >
< meta name = "title" content = "元標籤—預覽、編輯和產生" >
< meta name = "description" content = "使用元標籤，您可以編輯和實驗您的內容，然後預
覽您的網頁在Google、Facebook、Twitter等上的外觀！"
>-- Open Graph/Facebook -- >
< meta property = "type" content = "website" >
< meta property = "og: url" content = "https://example.com" >
< meta property = "og: title" content = "title of your Website Page" >
< meta property = "og: description" content = "description of your Website Page" >
< meta property = "og: image" content = "https://example.com/image.png" >
<!-- Twitter-- >
< meta property = "twitter" content = "summary_large_image" >
< meta property = "twitter: url" content = "https://example.com/" >
< meta property = "twitter: title" content = "Title of your Website Page" >
< meta property = "twitter: description" content = "Description of your Website Page" >
< meta property = "twitter: image" content = "https://example.com/image.png" >
填寫上面的每個元標籤的內容屬性與頁面的相應值。 您可以使用Facebook調節器工具、Twitter卡驗證器和LinkedIn文章檢查器來驗證您的元標籤。
特色圖像的大小要求
如果插入的連結的特色圖片未在社交預覽中正確顯示（例如，圖片被剪切或比率不正確） ，您可能需要編輯圖片，以便其具備 適合您要發佈的社交網路尺寸，然後重新發佈頁面。 如果你要發佈至Facebook ，你可以在他們的文件中了解更多關於他們特色圖片的要求。
建議在每個網路上進行以下尺寸的特色圖片優化：
- 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的社交發佈工具會顯示警告，以協助您對圖片進行相應調整。
如果你在連結預覽未正確顯示時仍遇到問題，請參閱我們的故障排除指南。
Social
