解决社交帖子中链接预览的问题
上次更新时间: 二月 12, 2025
除非另有说明,否则适用于以下任何订阅:
|
旧版 Marketing Hub Basic |
在 HubSpot 中添加社交帖子链接时,会显示一个预览,其中包括特色图片、页面标题和页面描述。
社交预览基于页面 HTML<head>部分的元标签。这些标签告诉社交媒体网站平台,在创建共享链接预览时应关注哪些内容。基本的元标签有
- og:title:内容的标题。
- og:type:内容类型,如视频或网页。
- og:image: 代表内容的图片的 URL。
- og:url:内容的唯一 URL,将用作永久 ID。
- og:description:概括图片 的 描述。
博客文章会自动设置标题、元描述和特色图片。对于登陆页面和网站页面,虽然标题和元描述也是自动设置的,但特色图片必须手动设置。
请注意:LinkedIn 会在预览卡中显示您的特色图片、页面标题和 URL,但不会包含您的元描述。
精选图片、页面标题或页面描述未显示在帖子预览中
如果你的社交帖子预览没有显示预期的特色图片、页面标题或页面描述,你可以在 HubSpot 或使用外部调试工具排除故障。
在 HubSpot 中排除故障
如果你链接的是 HubSpot 托管的博客文章、登陆页面或网站页面,请确保在页面或文章的设置中设置了特色图片。
您也可以手动设置 og:image
标签来添加特色图片:
-
导航至内容:
- 网站页面:在 HubSpot 帐户中,导航到内容 > 网站页面。
- 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面。
- 单击页面名称。
- 在内容编辑器中,单击 "设置 "菜单并选择 "单击"。
- 在对话框中,将此代码段粘贴到头部 HTML 字段 :
<meta property="og:image" content="IMG URL">
- 要进一步优化 X 图像,请在标题 HTML 字段中输入以下代码片段 :
<meta name="twitter:card" content="summary_large_image">
- 在右上角单击 "发布 "或"更新" ,设置更改生效。
使用浏览器开发工具排除故障
如果在社交文章中共享外部页面,可以使用浏览器开发工具(如Chrome 浏览器开发工具 )来确保页面的元标记设置正确。查看页面的源代码,然后检查并确认以下内容:
- 元标签
og:image
和其他元标记显示正确。 - 每个标签的详细信息都正确。例如,检查
og:image
标签的特写图片 URL 是否正确。 - 每种元标签只出现一次。如果同一元标签出现多次,社交网络在生成链接预览时可能无法选择正确的标签。
- 您的元标签位于 HTML 顶部附近。如果在元标记之前有额外的代码或标记,社交网络爬虫可能无法找到这些标记。
使用社交网络调试工具排除故障
如果社交网络预览与元标记之间存在差异,社交网络可能需要重新抓取该页面。使用以下针对每个社交网络的验证工具来显示任何错误或触发页面重新抓取:
- Facebook 共享调试器:Facebook 每 24 小时自动重新抓取共享内容。要手动触发重新抓取,请单击 "共享调试器 "中的 "再次抓取"。
- X 卡验证器:X 在发布文章后会缓存内容 7 天。输入 URL 并单击 "卡片验证器 "中的"预览卡片",即可触发对内容的重新抓取。
- LinkedIn Post Inspector: LinkedIn 会在发布文章后缓存内容 7 天。单击 "帖子检查器 "中的 "检查"触发对内容的重新抓取。
一般来说,在重新抓取页面之前发布的任何帖子仍会保留不正确的图片。如果没有为页面设置og:image
标签,社交网络会扫描页面以找到最适合包含在社交帖子中的图片,这通常是它找到的第一张图片。如果使用 robots.txt 文件或安全软件阻止页面抓取,链接预览图片可能根本不会出现。
精选图片显示问题
如果社交文章预览显示了预期的精选图片,但图片显示不正确,可以检查以下问题。
图片大小或比例不正确
如果特写图片没有正确显示在社交预览中(例如,图片被截断或比例不正确),您可能需要编辑图片,使其具有适合您发布到的社交网络的尺寸,然后重新发布页面。
在每个网络上优化特色图片时,建议使用以下尺寸:
- Facebook1.91:1
- X:照片帖子为 16:9,链接帖子中的特色图片为 1.91:1
- Instagram(正方形):1:1
- Instagram(纵向):1:14:5
- Instagram(横向):1.91:11.91:1
- LinkedIn(横向):1.91:11.91:1
确保社交帖子中包含的任何媒体都符合每个网络的文件大小指南。如果 HubSpot 认为文件过大,无法发布到特定网络,则在创建社交帖子时会出现警告。以下是每个社交网络的最大文件大小:
- Facebook:8MB(建议 PNG 文件小于 1MB,以避免像素化)
- Instagram8MB
- X:5MB(GIF 为 15MB)
- LinkedIn10MB
图片颜色的差异
嵌入的色彩配置文件可能会影响您的特色图片在社交帖子中的显示效果。不同系统处理不常用颜色配置文件的方式不同,因此在文件管理器中预览图片时,颜色可能会有所不同。
您可以通过外部工具 运行图片 URL,查看它是否使用了不常用的色彩配置文件。如有必要,您可以在 Photoshop 等外部图片编辑工具中移除干扰的色彩配置文件,然后在发布社交帖子之前重新发布页面。
图像清晰度的差异
HubSpot 的文件管理器 会对 JPEG 和 PNG 进行图像压缩,以帮助优化 HubSpot 托管内容的加载速度。社交媒体网络也会在帖子中使用图像压缩技术,因此质量可能与您在 HubSpot 中看到的不同。
因此,建议在每个网络中使用相对高分辨率的图片。如果你的图片不符合社交网络的要求,HubSpot 的社交发布工具会出现警告,帮助你相应调整图片。