将“nopin”应用于“og：image”

Question

我不是编码员，但是我能够不间断地在这个网站上搜索“如何做xxxx”来构建我的网站。非常感谢你们的帖子和信息！

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

以下是示例页面http://jamesngart.com/harvester.html

的链接

我制作了一个水平裁剪的插图图像，用作og：图像的facebook和twitter链接，但我不想要pinterest来接它。我使用了nopin标签来拍摄一些我不想固定的图像并且它有效，但我似乎无法将它应用到OG：图像。

引脚兴趣也没有拿起我输入的任何数据引脚信息，我想添加“这是一个裁剪的图像请锁定其他人”但没有任何作用。这是我的代码：

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

谢谢！

詹姆斯

Answer 1

在广告网上阅读有关此内容的各种文章，似乎很少有特定图片的指南，但是这个

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年）Pinterest在其处理过程中没有直接引用OG:images。

总的来说，为什么你想要在OpenGraph上分享一个图像（例如Facebook和谷歌的搜索），然后专门针对Pinterest不可用，这有点值得怀疑。

Answer 2

不要将nopin属性添加到facebook open（og）graph metatag。

而是创建一个新的元标记，并将其添加到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" />

详细了解pinterest data-attributes and metatags in this article at csstricks