当您在Facebook、Twitter或其他平台上共享URL时，它们通常会显示带有标题、描述和图片的页面预览。这些元素通常取自您正在共享的页面的源代码中定义的开放图形标记。
这是如何运作的呢?
其工作方式由Open Graph协议定义。这是一个开源标准(就像WordPress，甚至Yoast SEO插件)，它允许网站管理员告诉第三方系统他们的页面。第三方系统，如Facebook, Twitter, Pinterest，甚至WhatsApp, Skype或Hotmail。
星球大战
它定义了一组元标签，允许你提供关于页面内容类型的信息(例如，“这是一个关于电影的页面”)，关于那个东西的元数据(例如，“它被称为星球大战-最后的绝地武士”)，以及它在分享时应该如何呈现。
它们看起来是这样的:
<元属性= ” og:类型”=“视频内容。电影” / >
大多数网站(以及那些运行Yoast SEO插件的网站)会为所有的页面、帖子和归档自动输出类似的元素。
og:图像标签尤其重要，因为开放图形标签通常在社交分享对话中扮演重要角色。这个标签定义了当用户通过社交网络、应用程序和其他系统分享你的内容时显示的图片。优化你所使用的社交图片的组成、尺寸甚至文件大小，都会影响用户是否点击和体验的质量。
使用太大、太小或者尺寸错误的社交图片都会导致错误，或者平台会完全忽略你的图片。但是优化开放图形标记并不像选择一个好的社会形象那么简单。不同的平台如何使用这些标签、如何处理图像以及如何支持不同的规则，这些问题很复杂。
博士TL;
不可能为不同的网络指定不同的图像/格式/文件，除了Facebook和Twitter。默认情况下，Facebook的社交图像用于所有其他网络/系统。这是这些平台工作方式的局限性。标题和描述也是如此。
Yoast SEO插件会根据平台的约束条件，自动为你分享内容的每个平台指定最佳的社交形象。
图片的大小和裁剪在不同的平台上并不总是完美的，因为它们的工作方式是不一致的。
具体来说，你的社交形象在Facebook和Twitter这样的“广播”平台上应该看起来很不错，但在为1:1或小群体对话而设计的平台上，比如WhatsApp或Telegram，有时可能会出现笨拙的表现。
为了获得最佳效果，您应该通过插件手动为每篇文章指定og:image标签。您应该确保您的主og:image在1200x800px和2000x1600px之间，并且小于2mb。
我们将通过主题函数和过滤器增加开发人员对更高级定制的支持。
这并不像挑选一个好的社会形象那么简单
尽管开放图形标记使用开放标准，但每个平台对待开放图形标记的方式略有不同。有些甚至有他们自己的开放图形标签的专有“版本”。例如，Twitter的“Twitter卡片”标记与开放图形标记有很大的相似之处，也有重叠之处。
作为一个开放项目，开放图也会不断变化和改进。特性和支持来来去去，文档并不总是最新的，各个平台自己决定(和改变)如何解释它，以及实现哪些部分。
平台的数量在不断增加
随着网络自身的不断发展，人们分享内容的“平台”越来越多。以及使用开图的地方。从Slack到微信，再到未来的生产力和社交媒体应用。它们都依赖于开放图，但使用它的方式略有不同。
在现代手机上，甚至你的短信也经常从它们引用的url中获取开放的图形标题和图像。对格式和大小有自己的专有方法(和意见)。
Yoast SEO插件是如何处理这个问题的?
因此，当我们试图定义一个“最佳实践”的方法来支持我们的插件时，并不像选择“最佳社会形象”那么简单。我们需要确保为每个平台和网络提供正确的标签和图像格式。