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

【问题标题】：pinterest share / pin it button using og: meta imagepinterest 使用 og: 元图像分享/固定按钮
【发布时间】：2015-05-28 15:45:23
【问题描述】：

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

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

【问题讨论】：

标签： jquery facebook-opengraph pinterest

【解决方案1】：

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

<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" />

【讨论】：