Question

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

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

Answer 1

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

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

其中yourURL是指定OG标记的网页的网址。

您的元标记应如下所示：

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

pinterest分享/使用og：meta image按钮

1 个答案: