配置网站的 robots.txt 和图像元标签,以便预览社交帖子链接
上次更新时间: 二月 12, 2025
除非另有说明,否则适用于以下任何订阅:
|
旧版 Marketing Hub Basic |
当您在 HubSpot 中创建并发布社交帖子时,相应的社交网络会尝试为您的帖子生成图片预览。根据您为帖子输入的链接,社交网络将扫描您网页源代码中的元标记,并抓取您网站的 robots.txt 文件。
如果您的网站是由 WordPress 等外部提供商托管的,而帖子的预览效果不尽如人意,请按照以下说明操作。
更新 robots.txt 文件
robots.txt 文件告知搜索引擎如何索引您的网站。如果您没有正确添加或配置 robots.txt 文件,社交网络将无法解析您的网页内容。Facebook和X都提供了您需要添加到 robots.txt 文件的用户代理字符串:
User-agent: facebookexternalhit
Disallow:
User-agent: Twitterbot
Disallow:
LinkedIn 没有提供有关其用户代理字符串的文档,但你可以使用LinkedIn post inspector来确认 LinkedIn 是否可以抓取你的网站内容。
在网站页面的 <head> 部分添加元标签
搜索引擎和社交网络会解析 HTML 的标题部分,查找生成页面预览所需的元数据。您应在主要元标签后 加入 Facebook 和X 的元数据:
<!-- Primary Meta Tags -->
<title>Meta Tags — Preview, Edit and Generate</title>
<meta name="title" content="Meta Tags — Preview, Edit and Generate">
<meta name="description" content="With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!">
<!-- Open Graph / Facebook -->
<meta property="og: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:card" 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 调试器工具、X 卡验证器和LinkedIn 帖子检查 器验证您的元标签。
特色图片的尺寸要求
如果您插入的链接的特色图片在社交预览中显示不正确(例如,图片被截断或比例不正确),您可能需要编辑图片,使其具有适合您发布到的社交网络的尺寸,然后重新发布页面。如果您要发布到 Facebook,您可以在他们的文档中了解更多关于特写图片的要求。
在每个网络上优化特色图片时,建议使用以下尺寸:
- Facebook:1.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 的社交发布工具会显示警告,帮助你相应调整图片。
如果你仍然遇到链接预览无法正常显示的问题,请查看我们的故障排除指南。