如何保证您的博客文章在社交媒体上看起来很棒

已发表: 2020-04-15

你刚刚花了五个小时写了一篇史诗般的博客文章。

恭喜!

现在,是时候与世界分享您的杰作了。

像社交媒体忍者一样移动,您可以快速为 Twitter、Instagram、LinkedIn 和 - 只是为了更好地衡量 - Pinterest 编写更新。

这将是巨大的——也许它甚至会像病毒一样传播开来。

然后它发生了。 啊!

你查看最近的社交帖子,发现拉错了图片。
或者更糟……根本没有照片。

当您在社交媒体帖子中投入大量工作时,您希望图像正确拉出

我们都知道,带有图像的社交媒体更新会被更多人看到,获得更多的喜欢和分享,并且更有可能为您的网站吸引流量。 Facebook 帖子上的照片获得的点赞数比普通帖子多 53%。

简而言之,照片可以吸引我们的注意力并推动行为。

一直在转换

在我们深入了解有关图像的详细信息并为每篇博客文章获得最佳结果之前……让我们先谈谈 ABC。

不,不是拼写 ABC's – 我说的是Always Be Converting (向电影 Glengarry Glen Ross 中的 Alec Baldwin 的角色道歉)

您的博客文章的目的是吸引您的理想客户,影响他们并邀请他们采取某种行动。 最终,将它们转化为销售。

当然,你喜欢让更多的读者和更多的人喜欢和分享你在社交上的更新,但这并不能支付账单。 您需要始终在转换

在 BlogWorks,我们帮助专家将他们的解决方案转化为 SEO 丰富的博客文章,这些文章 24/7 全天候工作,将业务带到他们家门口。 了解我们如何更新旧博客文章并获得 200% 的流量增长。

为你的博客写原创内容已经够难了,没有那些不符合你想要的图像的麻烦(学习如何获得看起来不像股票图像的免费图像。)

这就是我们编写本指南的原因——教您如何控制博客帖子的社交分享图片,使它们每次看起来都很棒(并且您可以获得最大的参与度)。

好消息是,一旦您进行了这些更改,您的图像将被自动拉出,您无需担心一件事。

让我们开始吧。

(如果这一切听起来很复杂,请不要担心——我将在下面向您展示一种超级简单、非技术性的方法。)

使用社交网络故障排除工具检查您的工作

幸运的是,您可以使用 Facebook、Twitter 和 LinkedIn 的免费调试工具检查您的工作。 这是查看您的社交更新是否会显示您想要的方式以及如果没有,如何处理它的超快速方法。

  • Facebook :Facebook 共享调试器会提醒您元标记的任何警告或错误。
  • Twitter :Twitter Card Validator 将显示您的帖子将如何被查看并列出任何警告或错误。
  • LinkedIn :LinkedIn Card Inspector 为您提供每个帖子的元数据(搜索引擎将显示的内容)。
如何控制博客文章的社交分享形象

使用免费工具来调试如何从博客文章中提取图像

使用 Open Graph 更改您的社交共享图像

当帖子在 Facebook、Twitter 和 Linkedin 上共享时,一个名为 Open Graph 的过程用于从您的博客帖子中提取信息,以创建一个特殊的社交共享链接。 此链接包括文章标题、图片、URL 和说明。

这有点像 Google 如何提取您的元数据以在搜索结果中显示您的博客文章。

协议如何知道如何找到此信息?

信息通过您网站代码的 <head> 中的元标记发送到 Open Graph。 如果没有重定向,开放图形协议将使用在您网站网页的元标记中找到的信息,就像 Google 所做的那样。

因此,为确保您的博客帖子使用正确的标题、照片、URL 和描述,您需要针对社交媒体优化您的帖子。

BlogWorks惊人的标题分析器将很快为您的标题提供评级和反馈。 立即尝试!

以下是更改内容共享图像的三种方法:

#1 添加开放图标签

当 Open Graph Protocol 标签位于正确的位置时,社交网络可以提取您的社交帖子所需的信息。

如果您的网站没有插件(例如 Yoast SEO)来自动执行此过程,您将不得不手动将 OG 标签添加到您的网站。

需要将元数据添加到博客文章的头部。 就是这样:

第 1 步:将此代码添加到网页的 head 部分:

<元属性=“og:image” 内容=“http://example.com/picture.jpg” />

<元属性=”og:image:width” 内容=”180″ />

<元属性=”og:image:height” 内容=”110″ />

请务必将“http://example.com/picture.jpg”替换为您的图片 URL,并将宽度和高度更改为正确的数字,如下所示。

第 2 步:添加图片的 URL。

添加照片时,请务必遵循 Facebook 的指南。

至于尺寸,照片应至少为470 x 246 像素。 但是,为了获得最佳分辨率,照片应为1200 x 627 像素

对于所有 Facebook 图像尺寸,请查看此帖子。

第 3 步:将生成的代码段添加到页面的 HTML 头部部分。

手动添加元标记可能需要一些时间来适应,但是一旦您设置了一些博客帖子,您就可以轻松地将元标记添加到您以后的所有帖子中。

#2 使用 Twitter 卡片

如果您的网站没有使用 WordPress,那么 Twitter 卡片可能是您社交分享的绝佳选择。

虽然您可以使用 Yoast for WordPress 设置 Twitter 卡片(下面的选项 #3),但您也可以使用元标记设置您的卡片。

此元标记将描述您的内容,包括图像、视频或摘要:

<meta name=”twitter:card” content=”你的总结在这里”>

此元标记是您与 Twitter 共享的页面:

<元名称=”twitter:url” 内容=”您的网址”>

您还需要使用此标签为您的 Twitter 卡选择一个值得分享的引人注目的标题:

<meta name=”twitter:title” content=”你的标题”>

然后,您要创建一个少于 200 个字符的描述:

<元名称=”推特:描述”内容=”您在这里的描述”>

最后,也是最重要的,您将添加您的图像:

<meta name=”twitter:image” content=”你的图片网址在这里”>

在您遵循指南并将标签应用到您的网站后,您必须申请 Twitter 的卡片计划。 一旦获得 Twitter Card 计划的批准,Twitter 卡片就会添加到您的所有 Twitter 帖子中。

查看 Twitter 的卡片开发者概​​述了解更多信息。

#3 为 WordPress 安装 Yoast SEO 插件

正如所承诺的,这是更改您的社交共享图像的非技术方法!

Yoast SEO 负责猜测,并允许您完全控制在社交共享上看到的图像。 如果未选择社交图片,Yoast 将根据照片的元数据为 Facebook 提供一张图片以供使用。

当您在 Yoast 菜单栏中选择“社交”(高级版)时,Yoast 让您可以非常轻松地选择自己的照片。

如何控制博客文章的社交分享形象

Yoast 的高级版允许您更改博客文章在 Facebook 和 Twitter 上的显示方式的详细信息

您需要按照 Yoast 的步骤来确保您的社交帖子使用了正确的照片。 即使您不花时间选择照片,Yoast 也能很好地为您选择照片。

Yoast 还允许您添加标题和描述,并帮助您使其对 SEO 友好,因此它在社交媒体网站和搜索引擎上运行良好。

如果您正在寻找一种简单的新方法来查找或创建图像和音频,我们推荐 Adob​​e 产品。 你可以在这里找到他们所有的创意软件包。

是时候宣传你的帖子了

既然您了解了如何针对社交媒体优化您的照片以及 Open Graph 协议的工作原理,您将能够制作出您的社交媒体读者期待查看的优秀内容。

您会看到您的参与度增加,并让更多流量返回您的网站! 您的社交分享形象从未如此美好。

您可能还想在博客文章中包含更多图片。 每张图片都是您的读者留在您的页面上并更接近采取行动的理由。 在这篇文章中,我们详细介绍了 7 种策略来制作您的博客以获得更多转化(包括添加更多图片)。

一旦您创建了杀手级内容并确保它在社交媒体上看起来很棒,您就必须花费更多时间来推广它以获得最佳效果。 我们的许多 BlogWorks 写作客户也使用我们的社交媒体包来自动宣传他们的博客文章。

如果您喜欢这篇文章,请花点时间分享它,这样我们就可以帮助让社交媒体变得更漂亮!

想学习如何像专业人士一样写作吗? 下载我们的终极写作模板。

喜欢这篇文章吗? 这里还有 3 个关于让你的博客工作的全部内容:

SEO 101:在博客文章中使用关键字
如何为您的博客聘请一位出色的作家
关于博客的 57 个非凡的统计数据和见解

这篇文章最初发表于 2017 年,并于 2020 年更新。