社交媒体博客图片:让其在每个网络上都看起来美观

您听说过,在社交媒体上,视觉内容比单纯的文字更有效。那么,如何让博客图片在 Twitter、LinkedIn 和 Facebook 上看起来更美观呢?
每个内容营销人员都经历过这种情况。他们花几个小时写一篇博文。做研究。为每一个逗号而苦恼。寻找合适的图片来表达他们的观点。

然后他们将其发布并发布到社交媒体上

结果如何?

社交媒体上不良博客图片的示例
为什么裁剪不正确?他是个好孩子!他值得更好的裁剪!

这种情况是由于博客图片未针对社交媒体进行优化而导致的。在这篇文章中,我们将教您如何正确处理。

WordPress 精选图片:近乎通用的修复方法
稍后,我们将深入研究每个网络。但是,如果您使用 WordPress,并且对“足够好”感到满意,那么这里有一条黄金法则:

使用 1200x675px 的特色图片。

保存并上传至此处:

在 WordPress 上上传精选图片
真的。就这么简单。

1200x675px 是 16×9 的宽高比。这与 LinkedIn、Twitter 和 Facebook 所寻求的非常接近。他们会缩小尺寸并显示与您想要的非常接近的内容。

这三个网络上的图片尺寸都一样吗?不会。社交媒体图片尺寸各不相同。但如果您不想创建多张图片,那么这个就满足您的需求了。

精选图片并不是灵丹妙药。您不能随便将任何东西放在那里,然后让它看起来不错。上面的狗的遭遇几乎总是因为精选图片尺寸不合适。请记住:您要寻找的是 16×9 宽高比左右的图片。如果您输入 4×1,它将被裁剪成令人讨厌的大小。

以增长为导向的企业需要智能的、数据支持的战略,而 Ract Data 则提供了推动这种增长所需的洞察力。通过分析市场趋势、客户行 WhatsApp 号码数据 为和竞争对手活动,Ract Data 可帮助营销人员设计不仅相关而且有效的活动。利用 Ract Data 强大的智能释放您企业的全部潜力。

想要了解详情?下面深入探讨一下每个平台如何处理博客图片。

社交平台如何选择要显示的图像

LinkedIn、Twitter 和 Facebook 都有各自选择要显示的图片的方式。不过,它们之间有一个共同点。如果你不告诉平台你想在帖子中显示什么图片,你就只能听天由命了。

这不是你想听天由命的事情。看看前 适用于您的营销策略的社交网络类型 面几段的那只小狗。它没有吸引点击和参与。它不符合品牌形象,而且这是一个被浪费的机会,因为视觉效果在社交媒体上非常重要。

告诉 Twitter 使用哪个博客图片

Twitter 使用名为Twitter Cards 的元数据结构,让用户在其网站上构建丰富的内容。这种结构化标记可让您在博客上的四种帖子类型中进行选择:

摘要卡显示推文下方的图片和描述
带大图的摘要卡是一样的,但是…带大图
球员卡嵌入音频或视频文件
App Card包含应用程序下载部分
为了优化社交媒体图像,我们正在讨论摘要卡。

有两种方法可以将Twitter Card 标记添加到您的帖子中。

您可以手动添加 HTML。语法非常简单。例如,“twitter:image”用于告诉 Twitter 在卡片中使用哪张图片。(该网络还尊重 Open Graph 标记,我们稍后会讲到。)

不过,更常见的做法是让 CMS 添加 Twitter Card 代码。在 WordPress 中,最有效的方法是使用Yoast SEO Premium。此插件 电话号码ES 可让您即时创建 Twitter Cards,而无需触碰代码。此外,它还可以预览您的帖子在 Twitter 上的显示方式,而无需离开博客。

Twitter Cards 的 Yoast SEO Premium 控件
Yoast Twitter Card 界面非常简单。单击“社交”,然后打开“Twitter”。选择图片并(如果需要)修改标题和描述。

Twitter 卡片的图像大小和纵横比

Twitter Cards 支持 2:1 的宽高比,非常接近 16:9,因此您通常可以使用相同的图像。最小尺寸为 300x157px,最大尺寸为 4096×4096 像素。

Twitter Card 图片必须小于 5 MB。它仅支持 JPG、PNG、WEBP 和 GIF。动画 GIF 无法播放 – 只显示第一帧。抱歉,不支持 SVG。

告诉 Facebook 使用哪个博客图片
Facebook 使用Open Graph 标记来选择要随您的帖子显示的图像。(如果您曾经查看过源代码,就会发现 Open Graph 是以“og:”开头的元标记。)

为 Facebook 声明博客图像的标记是:

<meta 属性=”og:image” content=”图像 URL”>

您可以手动将 Open Graph 标记添加到 HTML 中。不过,更常见的做法是让您的 CMS 来做这件事。

有很多插件可以帮你实现这个功能。但就像 Twitter Cards一样,我们更喜欢 Yoast SEO Premium,因为它提供了实时预览。

Yoast SEO Premium 控件用于控制 Open Graph 标记 – 用于控制 Facebook 和 LinkedIn 上的社交媒体博客图片
Facebook 的图片尺寸和长宽比
Facebook 建议使用 1200x630px 的图片。这与 Twitter 的 2:1 宽高比略有不同,但足够接近,因此您可以使用相同的图片。其他帖子类型有一些变化,但这些变化很小。

告诉 LinkedIn 使用哪个博客图片

与 Facebook 一样,LinkedIn 会查找 Open Graph 标记来确定要使用的图像。代码相同:

<meta 属性=”og:image” content=”图像 URL”>

Yoast SEO Premium 不提供 LinkedIn 选项。相反,请使用 Facebook 编辑器;它们的标记相同。所有其他 Open Graph 插件也都可以使用。

请注意,LinkedIn 在查找和缓存图片方面非常积极。如果您不标记您的帖子,通常会看到它抓取错误的图片并且不放手。如果您将博客发布到 LinkedIn,请 100% 确保它已添加 Open Graph 标签。

LinkedIn 的图片大小和纵横比
LinkedIn建议使用 1200x627px 的图片。这与 Twitter 和 Facebook 略有不同,但足够接近,可以使用相同的图片。

社交媒体上的博客图片:tl;dr

您在那篇博文上花了很多时间。不要在图像方面偷懒。

如果您想要一个快速而简单的解决方案,只需在 WordPress 上使用 1200x675px 的特色图片。它将在所有网络上正常显示。

如果您想要更具体,请使用 Yoast SEO Premium 等插件创建 Twitter Card 和 Open Graph 标记。这样您就可以精确控制网络将为您显示的内容。

滚动至顶部