使用 og: 元图像的 pinterest 分享/固定按钮

Question

我如何使用类似于 facebook 的 pinterest 分享/或 pin 功能对 <a> link 进行编码，其中使用的图像是从 <meta property="og:image" content=""/> facebook 中提取的 URL您可以将您的网站作为 link 放置在其中，它会抓取该网站。如何用 pinterest 做到这一点。我不想在 div 中嵌套内联图像并像那样共享它。因为我不希望它们在页面上可见，所以 OG 元方法作为其他共享工具会很好。

<a href="#"><li class="pinterest"><i class="fa fa-pinterest"></i></li></a>

Answer 1

您可以使用 Rich pins 使用元属性来指定内容。您需要添加 OG 标签并创建共享 link，如下所示：

<a href="https://www.pinterest.com/pin/create/button/?url=<yourURL>&media=<yourImgSrc>">
   Share on pinterest
</a>

其中 yourURL 是指定 OG 标签的页面的 URL。

您的元标记应如下所示：

<meta property="og:title" content="..." />
<meta property="og:description" content="...." />
<meta property="og:type" content="article" />
<meta property="og:url" content="URL_OF_THIS_PAGE" />
<meta property="og:site_name" content="..." />
<meta property="og:image" content="IMG_URL" />

使用 og: 元图像的 pinterest 分享/固定按钮

pinterest share / pin it button using og: meta image

jquery

facebook-opengraph

pinterest