【网站百科】外贸必备，您需要了解的Open Graph知识

首页

产品

价格

资讯

知识库

关于

【网站百科】外贸必备，您需要了解的Open Graph知识

专栏：网站百科

发布日期：2019-08-05

阅读量：8001

作者：小爱酱

外贸营销人员创造了很多内容。内容为王，但没有粉丝，国王就无能为力。那么，当你想通过你新的内容吸引更广泛的受众时，首先想到的是什么？

显然，在社交媒体上分享出去。Facebook和Twitter的庞大受众使其成为外贸营销人员最佳的运营平台，但您知道如何系统优化分享的效果吗？

为什么创建Open Graph？
Facebook于2010年推出了Open Graph。它通过允许Facebook成为具有与其他Facebook对象相同功能的丰富“图形”对象来促进Facebook与其他网站之间的集成。

简而言之，当页面被共享（或喜欢等）时，信息如何从第三方网站传播到Facebook可能具有一定程度的控制。为了实现这一点，信息通过网站代码的<head>部分中的Open Graph元标记发送。

现在，其他社交媒体网站也在利用社交Open Graph标记。所有其他主要平台，Twitter，LinkedIn和Google+都识别Open Graph标签。Twitter实际上有自己的Twitter卡元标签，但如果Twitter机器人找不到，Twitter会使用Open Graph标签。

为什么外贸营销人员需要了解Open Graph
社交媒体是外贸网站的一个重要流量入口。因此，利用社交元标记的能力是当今外贸营销人员的一项重要技能。Open Graph标签可以极大地提高分享内容的转化率和点击率。

例如，你有没有在Facebook上分享链接时发现缩略图丢失，或者显示一个完全不同于预期的图片？了解Open Graph标签可以帮助您解决这些问题。

将Open Graph标签添加到您的网站不会直接影响您的页面搜索引擎优化，但它会影响您在社交媒体上的链接性能，因此这意味着值得研究。让我们来看看Facebook及Twitter最重要的元标记以及如何优化它们以便更好地共享。

Facebook HTML标签

OG：标题
正如您可能猜到的，这就是您定义内容标题的方式。它的作用与代码中的传统元标题标记类似。事实上，如果Facebook在您的页面上找不到og：title标签，则会使用元标题。

请记住，Facebook Feed上显示的文字是粗体，非常引人注目。它必须引人注目，就像一个好的帖子标题。

字符数量没有限制，但最好保持在60到90之间。如果你的标题超过100个字符，Facebook会将其截断为88！

例：

这是您为共享页面设置规范 URL的方法。这意味着您定义了一个所有共享将转到的页面。如果您碰巧有相同内容的多个URL（例如，使用参数），这将非常有用。重要提示：提供的URL未显示在Facebook新闻源上，只有域可见。

例：

这就是您描述您共享的对象类型的方式：博客文章，视频，图片等等。可供选择的清单很长。这里有些例子：

基于网络：网站、文章、博客

娱乐：书、游戏、电影、餐饮

地点：市、国家

人：、演员、作者、政治家

商业：公司、旅馆、餐厅

如果您的页面有“喜欢”按钮并且代表真实对象（如书籍或电影），则此标记很重要。它确定您的内容是否会出现在她的“喜欢”内容的用户兴趣部分中。

在大多数情况下，您将使用“网站”值，因为您共享的是指向网站的链接。事实上，如果您没有定义类型，Facebook默认会将其读作“网站”。

例：

OG：描述

此元数据描述符与HTML中的元描述标记非常相似。这是您描述内容的地方，但它不会显示在搜索引擎结果页面上，而是显示在Facebook上的链接标题下方。

与常规元描述标记不同，它不会影响您的SEO。（所以，不要花太多时间搞清楚如何偷偷摸摸关键词。）然而，让它引人注目是一个好主意，因为你希望人们点击它。

您不限于字符数，但最好使用大约200个字母。在某些情况下，根据链接/标题/域名，Facebook最多可以显示300个字符，但我建议将200以上的任何内容视为额外内容。

例：

OG：图像

这是许多营销人员最有趣的Open Graph标签，因为图片总能帮助内容脱颖而出。这是您确保在共享页面时显示特定缩略图的方法。这对您的转化率非常有帮助。

确保你设置你选择的og：图像，否则Facebook将显示一些愚蠢的东西，如从页面上刮下的不需要的广告横幅，或者根本没有（如下所示）。我们绝对不希望这样！

FB没有缩略图

重要的是要记住，如果您的页面是静态的并且您不使用任何类型的内容管理系统（CMS）（例如，WordPress），则需要手动更改每个页面的og：图像。如果您的网站由CMS控制并且您安装了相关插件，则会为每个页面自动分配og：image标记。继续查找插件列表。

最常推荐的OG图像分辨率为1200像素x 627像素（1.91 / 1比率）。在这个尺寸下，你的缩略图将很大，并从人群中脱颖而出。只是不要超过5MB的大小限制。

FB我的全部

如果您使用的图像小于400像素x 209像素，它将呈现为更小的缩略图。它几乎没有引人注目。

FB小缩略图

请记住，用作Open Graph图像的图片可能与您在页面上的图片不同。你为什么不利用这个机会脱颖而出？例如，如果您的标题很好，但您使用的图片不是很令人兴奋（不是信息图或看起来很好的人等），请考虑使用带有一行或两行副本的图像（参见下面的示例））。

如果你这样做，你需要记住一件事：在图像的中间装饰你的文字或其中最重要的部分。这很重要，因为Facebook修剪了缩略图的两侧。

FB缩略图居中

例：

上面的Open Graph标签是你真正需要知道的（og：描述不是很多，但它很有用）。您还可以使用其他更高级的标签来提供更深入的规范。

og：locale - 定义语言，美国英语是默认语言
og：site_name - 如果您共享的页面（对象）是较大网络的一部分
og：audio或og：video - 向对象添加其他音频或视频文件
fb：app_id - 用于链接到具有该对象的Facebook应用程序（例如，FB评论）

检查Open Graph标签
为了让生活更轻松，Facebook创建了一个名为Sharing Debugger的工具。它有两个非常有用的功能。

首先，当您键入要检查的链接时，它会返回OG标记的任何错误和建议（如果有）。您还可以查看og：图像的外观，描述内容等等。

其次，它清除了Facebook缓存。想象一下：你发布一个链接到Facebook，但是你看到缩略图中的错误，所以你回到你的网站并调整OG标签，然后你再次在Facebook上发布。

可能没有任何事情会发生。缩略图将保持不变。这是因为缓存。Facebook共享调试器将在任何调整后刷新链接缓存，因此请记住每次都使用它。

Facebook对象调试器

通过一键实现Open Graph
但是如何实现OG标签？基本上，它们属于页面HTML的<head>部分。如果您通过其他建站方式搭建，则需要向Web开发人员寻求帮助。

如果您使用的是爱用建站，只需在Design Lab一键开启即可。Design Lab会根据你的网页内容及SEO信息自动生成最优的Open Garah信息。配合博客及电商系统的一键SEO功能，即可无感知一键上线Open Graph。彻底告别复杂的技术问题。