多个共享按钮，使用Facebook Open Graph Meta标签在同一页面内生成不同的内容

Question

我有一个“单页”网站。我们称之为“mySite.com/index.html”。

我希望用户可以通过Facebook分享我网页上的几个不同位置。当在用户的Facebook时间线上共享时，这些项目中的每一项都应显示不同的图像和标题文本。

当从Facebook时间线上查看帖子时，每个项目帖子都应将Facebook用户链接回我的网站“mySite.com/index.html”。

示例：

在我的页面上，我希望有两个不同的共享按钮：

一个。 ButtonA：这个按钮会在用户的Facebook时间线上创建一张大象照片，标题为“美丽的大象！”。当点击帖子时，用户时间线上的这篇文章应链接回我的页面。

一个。 ButtonB：这个按钮会在用户的Facebook时间线上创建一张老虎的图片，标题为“可怕的老虎！”。当点击帖子时，用户时间线上的这篇文章应链接回我的页面。

问题：

我的理解是，为了创建包含有吸引力的标题文本和图像的Facebook时间线帖子，我必须在链接到的同一页面上使用Facebook OpenGraph Meta标签。似乎不可能在“mySite.com/index.html”上设置两组不同的Facebook元标记，一组概述“大象”帖子，另一组概述“老虎”帖子。

我能想到的唯一可行解决方案是：

• 为我想要制作的每个帖子创建一个特殊的“Facebook Meta HTML页面”。每个'特殊页面只包含我希望概述的帖子的元标记。 “mySite.com/elephant_meta.html”

特殊页面的正文将为空白。这将有效，但有一个问题：由此产生的Facebook帖子会将用户链接到“mySite.com/elephant_meta.html”，这只是一个空白页面。我希望他们能够被引导到“mySite.com/index.html”。

解决方案：在“mySite.com/elephant_meta.html”正文中创建JavaScript重定向。此重定向将用户带到“mySite.com/index.html”。

这会起作用，但感觉非常黑客。还有更好的方法吗？

Answer 1

仍然可以在开放图形的东西上找到我的方式，但是我理解它的方式，您可以将og：url设置为您希望用户在Facebook上点击故事中的链接时要访问的网址。因此，每个元页面都可以使用og：url元标记指向您的主网站页面。