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

【问题标题】：apply "nopin" to "og:image"将“nopin”应用于“og：image”
【发布时间】：2015-10-31 12:36:18
【问题描述】：

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

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

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

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

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

谢谢！

詹姆斯

【问题讨论】：

抱歉，我没有包含我的代码。 jamesngart.com/img/OG-Harvester.jpg" data-pin-nopin="true" />
嗨詹姆斯，如果您可以编辑您的问题并使用代码工具插入您的代码会更好，这使得所有内容都更易于阅读和理解，而不是 cmets 中的代码。干杯
OG:image 仅在 facebook 中显示为缩略图可能是值得的，因此您不需要在 OG@image 元标记中使用整个画廊，而只需拥有您最好的一两个图片，你不介意它们是否出现在 Pinterest 上......（另外，你在链接页面的 HTML 中有一个任性的b）
您在问题中使用nopin 属性（无效），在评论中使用data-pin-nopin 属性（有效）是否疏忽？
哦，是的，必须有胖手指额外的“b”谢谢哈哈。 @unor 哦，我实际上都试过了，都没有工作：/

【解决方案1】：

不要将 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" />

【讨论】：

感谢您的回复。但这对我不起作用，因为我只想禁用固定 OG:Image 而不是整个页面。 nopin="nopin" 适用于页面内的图像，但不适用于 og:image。有没有办法将“nopin”应用于 og 图像？
不，opengraph 规范中没有 nopin 属性：请自行查看 ogp.me 为了减少下载 og:image 的吸引力，您可以添加水印，或显示糟糕的分辨率版本或类似的东西。
天啊。所以你是说无论我做什么我都不能阻止固定 OG 图像？要么我使用 meta name=pinterest no pin 并阻止整个页面，要么 og:image 将可用。嗯，好吧，不是我不能忍受它，但我想如果可以的话，我会尝试修复它。感谢您的帮助！
很高兴能帮上忙！

【解决方案2】：

在网上阅读各种关于此的文章，似乎很少有关于特定图像的指南，但是这个

链接显示：

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

这实际上表明（截至 2012 年）Pinterest 在其处理过程中并未直接引用 OG:images。

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

【讨论】：

感谢您的回复！我的网站都是关于我的艺术作品的，所以在艺术作品出现的每个阶段，展示都非常重要。所以我裁剪了我的 og 图像以符合 facebook 标准，但它实际上不是一个完整的图像，更像是一个横幅，所以我不希望它被固定为我工作的“完整”代表。如果您访问 jamesngart.com/harvester.html 并尝试使用 pin 按钮，您会看到一个奇怪的水平图像，即 og:image 我实际上已经尝试过您的建议，但它没有用。我应用于的标签不起作用：/