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

配置您的網站的robots.txt和圖片元標籤以供社交帖子連結預覽

上次更新時間: 一月 20, 2023

套用至:

行銷 Hub Professional, Enterprise
舊版 Marketing Hub Basic

當您在HubSpot中建立並發佈社交文章時,相應的社交網路會嘗試為您的文章產生圖片預覽。 根據您為文章輸入的連結,社交網路會掃描您網頁的源代碼中的中繼標籤,並爬取您網站的robots.txt檔案。

如果你的網站由WordPress等外部供應商託管,而你的文章的預覽並不如預期顯示,請按照以下說明操作。

更新您的robots.txt

Robots.txt文件告知搜索引擎如何索引您的網站。 如果您尚未正確新增或配置robots.txt檔案,社交網路將無法解析您的網頁內容。 FacebookTwitter都提供您需要添加到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的社交發佈工具會顯示警告,以協助您對圖片進行相應調整。

 

如果你在連結預覽未正確顯示時仍遇到問題,請參閱我們的故障排除指南

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