TL; DR：社交共享图像问题与Beaver Builder本身不是。这是缺失的社会元数据。将Beaver Builder与SEO插件配对，设置自定义社交图像，并在Beaver Themer模板中选择显示特色图像，以控制您在社交媒体上的内容。

您是否曾经在Facebook上分享过博客文章或页面，只是看到预览中显示了错误的图像？

如果是这样，您并不孤单。

最近，一位用户在Beaver Builder Facebook组中问了这个问题：

“是否有人有一个对社交媒体交叉播放的海狸构建器友好的解决方案？

这是一个普遍的问题，值得庆幸的是，有一些可靠的解决方法（和主动解决方案）可以帮助您控制共享时的内容。

让我们介绍为什么会发生这种情况以及如何使用SEO插件，海狸主题模板以及一些优化最佳实践来解决它。

分享页面时如何修复显示错误的图像？

当您发布指向Facebook或其他社交平台的链接时，它们依靠开放的图形元标记来确定要显示的图像，标题和描述。如果这些标签未正确设置，则该平台可能只需抓住页面上找到的第一个图像 - 并且并非总是很漂亮。

Beaver Builder不处理社交元数据。但是，有了一些简单的选项，您可以在Beaver Builder和指南平台中修复社交图像问题，以确切显示您想要的内容：

1。使用SEO插件设置自定义社交图像

解决Beaver Builder中的社交共享图像问题的最有效方法是使用SEO插件。一些流行的选项包括：

• Yoast Seo
• 排名数学
• 一口气

这些插件可让您为每个帖子和页面与常规SEO标题或特色图像分开设置自定义社交媒体映像，标题和描述：

如何在Yoast SEO中设置社交形象：

• 在WordPress编辑器中打开您的帖子或页面。
• 单击顶部导航中的YOAST图标。
• 向下滚动并单击社交媒体外观按钮以打开社交设置。
• 上传您的自定义社交图像，并编写您首选的标题和描述。

这使您可以完全控制Facebook，LinkedIn，X（以前为Twitter）和其他人在预览中显示的内容。

Beaver Builder Pro的提示（请参见下面的＃5）：使用Facebook共享调试器测试您的页面的显示方式，并在更改后迫使Facebook重新覆盖它。

2。使用Beaver Themer输出特色图像

Beaver Builder Facebook组中用户建议的另一种方法是确保您的特色图像在页面上实际上可见。

为什么这种方法有效：

Beaver Builder模板通常替换默认主题输出。如果您没有明确将特色图像添加到您的布局中，则该页面的HTML可能不存在，并且社交平台将无法检测到它。

如果您要使用Beaver Themer构建自定义布局，则可以按照以下步骤设置特色图像：

1. 转到Beaver Builder>主题布局。
2. 编辑您的单数帖子模板或创建一个新模板。
3. 从Beaver Builder模块面板中添加特色图像模块（如果您看不到搜索栏，请尝试使用搜索栏搜索“特色图像模块”）。
4. 策略性地将其定位在页面顶部，或者使用CSS在视觉上隐藏。

除了社交共享之外，这种方法还可以在您的博客文章中创造视觉一致性。每个帖子都有适当尺寸，位置良好的特色图像，可增强读者体验。您还可以通过模块设置应用一致的样式，过滤器或叠加层，从而创建一个具有凝聚力的品牌美学。

3。设置默认的社交共享图像（作为备份）

即使您忘记设置自定义图像，您的SEO插件也可以为所有页面或帖子定义默认的社交图像。这样可以确保如果某些东西在裂缝中滑动，共享链接仍然看起来很干净且专业 - 不像放大徽标或随机图像。

为什么使用默认图像？

• 当未设置自定义图像时，可以用作安全网。
• 保持专业的品牌外观。
• 防止社交平台拉动无关或低质量的图像。

是什么使默认图像成为一个好的默认图像？

• 您的徽标在干净的品牌背景上
• 带有您的URL和品牌颜色的通用博客图形
• 尺寸：1200×630像素

大多数SEO插件允许您在其全局设置中上传默认图像。导航到插件设置的“社交媒体”部分，并查找“默认图像”或“后备图像”之类的选项。一些插件甚至让您为Facebook和Twitter设置不同的默认值。

定期查看您的默认图像，以确保它仍然与您当前的品牌保持一致，并且尚未过时。

4。社交共享的图像优化提示

要使您的共享图像发光，请遵循以下准则：

• 尺寸： 1200 x 630像素（非常适合Facebook和LinkedIn）
• 格式： JPG或PNG
• 纵横比： 1.91：1
• 较少的文本，更多的视觉效果：在某些平台上，文本较重的图像可能会更少。

技术规格深度潜水： 1200 x 630像素维度不是任意的；这是跨多个平台工作的甜蜜点。 Facebook建议使用这种尺寸，LinkedIn完美地显示出来，并适当地展示了Twitter作物。尽管Twitter的本地格式不同（1200 x 675），但1.91：1的纵横比可确保您的图像在任何地方都很好地显示。

文件大小也很重要。将图像保持在1MB以下，以使其更快地加载时间。 JPG最适合具有多种颜色的照片和复杂图像，而PNG非常适合具有文本，徽标或颜色较少的简单设计的图形。

5。刷新Facebook的缓存和共享调试器

如果您的页面在更新社交共享图像之前已在Facebook上共享，则Facebook仍可能显示旧的图像。发生这种情况是因为Facebook缓存了您页面的元数据（标题，描述和图像）。

迫使Facebook使用您的更新图像：

1. 访问Facebook共享调试器。
2. 输入您的页面URL，然后单击“调试” 。
3. 查看预览。如果看到错误的图像，请再次单击刮擦。
4. Facebook将通过您的最新设置刷新其缓存。

请注意，如果您连续进行多次更改，则可能需要在每次更新后再次刮擦。

您首选的解决方案是什么？

您是否有解决海狸建造者中社交共享图像问题的首选方法？

加入Facebook组的对话：您是否找到了一个聪明的海狸建造者特定的提示，我们很想听听！

愉快的建筑（和分享）！