南京网站制作公司

当前位置: 网站首页 - 新闻动态 - 网站知识 -

使用 Facebook Open Graph 标签获取社交

发布时间:2024-10-09

来源:

自 Facebook 最初于 2010 年推出 Open Graph 协议以来,它已发展成为许多品牌网站不可或缺的一部分。随着社交媒体对于内容分发变得越来越重要,了解如何充分利用这个强大的工具来改善网站在社交分享情况下的外观会有所帮助。


什么是 Open Graph?

如果您曾经通过其他网站连接到 Facebook,那么您已经看到了 Open Graph 的实际应用。该协议允许品牌在不离开企业网站的情况下通过 Facebook 吸引访客和客户。然后,品牌可以使用来自这些互动的信息来跟踪消费者行为并更好地定位未来的活动。


Open Graph 对于社交分享也很重要。无论您是拥有包含大量产品的商业网站,还是拥有大量有用信息的博客,您都可以通过向每个页面添加一些简单的元标记来让 Open Graph 为您服务。


Open Graph 标签的好处

将特定的 Open Graph 元标记添加到您的网站或博客会将每个页面变成一个 “图形对象”,Facebook 和其他社交网络可以读取。Facebook 可以从页面获得的信息越多,您的内容在分享时就越显眼。


Open Graph Data 的显示方式

当用户点击您网站上的社交分享按钮或将链接粘贴到他们的状态更新中时,最佳结果是包含页面标题、URL、描述和缩略图的丰富摘要。缺少这些元素中的一个或多个的内容可能会产生较少的交互。如果您尝试为您的企业开展社交活动或为您的博客增加流量,这可能会带来灾难。


基本 Open Graph 标签

Open Graph 的标签与您的网站上的其他元标签一起放置。不同的页面元素使用不同的属性,以告知社交网络在共享页面时如何显示信息。以下是您应该在网站上包含的一些重要的基本 Open Graph 标签:


og:title – 页面的描述性标题。您可以合并关键字,但 Facebook 不鼓励将此标签用于品牌推广目的。

og:site_name – 您的网站名称,而不是特定的页面名称。

og:url – 内容的实际 URL,不包括任何标识变量或参数。

og:image – 将此项用于共享时要与内容一起显示的图像或缩略图。

og:type – 此标签允许您定义要共享的媒体或内容类型。Facebook 提供了预定义类型的完整列表,此标签的默认值为 “website”。

以下是本文的 Facebook Open Graph 标签:


<meta property='og:type' content='article'/>

<meta property='og:title' content='优化 Facebook Open Graph 标签以进行社交分享'/>

<meta property='og:description' content='了解在您的网站中包含优化的 Facebook Open Graph 标签的社会影响。/>

<meta property='og:url' content='https://thriveagency.com/?p=2003'/>

<meta property='og:site_name' content='繁荣互联网营销 - 阿灵顿,德克萨斯州网页设计与搜索引擎优化'/>

<meta property='og:image' content='https://thriveagency.com/files/thrive-logo-stacked-square-300×300.jpg'/>

调试

添加标签后,请务必检查所有内容是否正常工作。幸运的是,Facebook 提供了一个调试工具,您可以使用它来确保您的页面没有错误。不要跳过此步骤;如果您的 Open Graph 标签有问题,您的内容在分享时可能无法正确显示,从而导致您错过吸引受众的机会。

策略思维与细节的完美结合,有效帮您减少试错成本

策略思维与细节的完美结合,有效帮您减少试错成本

立即与安优联系,开启网站设计全新体验

立即与安优联系,开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

在线咨询

在线咨询

拨打电话

返回顶部

品质设计 用心服务

  • 12年+定制经验

  • 600+客户选择

  • 高效售后保障

7*24小时服务热线