我不是程序员,但我能够在这个网站上不停地搜索"如何做xxxx"来构建我的网站。非常感谢大家的帖子和信息!
我想知道如何将pinterest的"nopin"标签应用于我的"og:image"
这是一个示例页面的链接http://jamesngart.com/harvester.html
我制作了一张横向裁剪的插图图像,用作脸书和推特链接的og:图像,但我不想让pinterest来拾取它。我对一些我不想固定的图像使用了nopin标签,它很有效,但我似乎无法将其应用于OG:image。
pin兴趣也没有收集到我输入的任何数据pin信息,我想添加"这是一张裁剪过的图片,请将其他图片固定",但什么都不起作用。这是我的代码:
<meta property="og:image" content="http://jamesngart.com/img/OG-Harvester.jpg" nopin="nopin" />
谢谢!
James
不要将nopin属性添加到facebookopen(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数据属性和元标记的更多信息
在万维网上阅读有关这方面的各种文章,似乎很少有针对特定图像的指南,但这个
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上分享一张图片(即脸书和谷歌搜索),这有点值得怀疑,而Pinterest则无法提供这张图片。