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

配置您的網站的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的社交發佈工具會顯示警告,以協助您對圖片進行相應調整。

 

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

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助