3

我不是编码员,但我能够通过在此站点上不停地搜索“如何做 xxxx”来构建我的站点。非常感谢大家的帖子和信息!

我想知道如何将 pinterest 的“nopin”标签应用于我的“og:image”

这是一个示例页面的链接http://jamesngart.com/harvester.html

我制作了插图的水平裁剪图像,用作 og:image 用于 facebook 和 twitter 链接,但我不想让 pinterest 把它捡起来。我对一些我不想固定的图像使用了 nopin 标签并且它有效,但我似乎无法将它应用于 OG:image。

pin 兴趣也没有获取我输入的任何数据 pin 信息,我想添加“这是一个裁剪的图像,请固定其他图像”但没有任何效果。这是我的代码:

    <meta property="og:image" content="http://jamesngart.com/img/OG-Harvester.jpg" nopin="nopin" />

谢谢!

詹姆士

4

2 回答 2

0

在网上阅读有关此的各种文章,似乎很少有针对特定图像的指南,但这

http://allyssabarnes.com/2013/07/22/how-to-block-your-images-from-being-pinned/

链接显示:

<meta name="pinterest" content="nopin" description="Enter your new description here" />

<img src="your-image.png" nopin="nopin">

这使我确定了这一点,因为它是您需要执行以下操作Opengraph的功能:meta

 <meta property="og:image" content="jamesngart.com/img/OG-Harvester.jpg" nopin="nopin" />

我也希望您也可以使用https://developers.pinterest.com/docs/getting-started/introduction/作为参考。

另请参阅https://stackoverflow.com/a/10421287/3536236

这实际上表明(截至 2012 年)PinterestOG:images在其处理过程中并未直接引用。

总体而言,您为什么要在 OpenGraph 上分享一张图片(即用于 Facebook 和 Google 搜索),而这对于 Pinterest 来说是不可用的,这有点令人怀疑。

于 2015-10-31T13:25:18.553 回答
0

不要将 nopin 属性添加到 facebook open (og) 图元标记。

而是创建一个新的元标记并将其添加到 opengraph 标记的下方或上方。在以下示例中 - 整个页面都禁用了固定:

<meta property="og:image" content="jamesngart.com/img/OG-Harvester.jpg" /> <meta name="pinterest" content="nopin" />

如果要禁用每个图像的固定,则必须将 nopin 属性添加到图像(IMG)标签:

<img src="jamesngart.com/img/OG-Harvester.jpg" nopin="nopin" />

在 csstricks 的这篇文章中阅读有关pinterest 数据属性和元标记的更多信息

于 2015-10-31T13:31:42.967 回答