Question

我不想在我们的网站上添加Pin It按钮，我想简单地控制Pinterest的“查找图像”结果中显示的图像，如果用户决定固定我们的网址之一。

截至目前，“查找图像”允许用户滚动查找在页面上找到的图像，以便他们可以选择要固定的图像。 “找到的”图像从html文件中的第一个jpg开始，我假设（这可能是一个糟糕的假设??）。在我们的网站上，这会强制用户在到达特色产品图像之前滚动浏览大约15个导航和促销图像。有没有办法指定此图像在这些结果中首先显示？可能通过元标记，或通过向元素添加类或ID？

如果没有公共Pinterest API，这似乎只是猜测，但我想知道是否有其他人遇到过这个问题，或者解决了这个问题。感谢。

Answer 1

许多搜索结果包括Pinterest Help Center谈论在HTML元素中使用nopin，这是无效的HTML。他们没有记录的是相同（良好形成）效果的数据属性。

<img src="foobar" data-pin-nopin="true" />

Answer 2

添加nopin attribute会将图片排除在Pinterest上显示：

<img src="..." nopin>

Answer 3

我通过简单地将图像加载到页面中的所有其他图像之前解决了这个问题。在这种情况下，我给了它width="0"和height="0"（你也可以给它style="position: absolute; left: -9999px; top: 0;"以确定）。

这不会破坏页面布局，但会强制Pinterest首先找到此图像。唯一的缺点是浏览器加载页面的速度要慢几毫秒，但如果你以后再在页面中重复使用这个图像，那么你应该弥补失去的时间。

Answer 4

Pinterest会发现<img>标签中的任何图片（它会忽略CSS背景图片）至少为80px x 80px。
图片在Pinterest列表中显示的顺序取决于HTML中指定的顺序。
正如您所发现的那样，您可以将图像的CSS更改为“隐藏它”，而无需通过绝对定位或0高度和宽度将其移出页面来实际隐藏它。任何设置为display: none的图片都不会被Pinterest接收。

Answer 5

您可以指示共享预览仅使用“image_include”配置选项从页面中获取特定图像。首先，将image_include设置为您想要的类名（不允许id选择器，只允许类选择器），然后将相同的类名添加到应该抓取的页面上的每个图像。对于image_include，请勿添加“。”选择器。这是一个例子：

<script type="text/javascript">
var addthis_config = {
image_include: "at_include"
}
</script>

使用类定义image_include后，将该类添加到页面上的所需图像。在这个例子中，页面上唯一将被抓取的图像将是带有at_include类的图像（img1.jpg和img3.jpg）。

<img src="http://www.example.com/img1.jpg" class="at_include" />
<img src="http://www.example.com/img2.jpg" />
<img src="http://www.example.com/img3.jpg" class="at_include" />

Answer 6

我正在阅读this blog，其中包含以下内容：

使用全局no pin flag来阻止整个网站的固定
将Pin It widget手动添加到要制作针脚的图像中。

鉴于Pinterest的网站管理员工具似乎只有一个黑名单，而不是白名单选项（您正在寻找），这可能是一个可能的解决方案。另一个明显的好处是您还可以通过Pin It小部件提供建议的引脚文本。

我认为唯一的缺点就是它可能会破坏用户自己的Pin工具。 Pinterest确实允许您提供自定义＆＃34;拒绝＆＃34;消息，所以我想你可以说＆＃34;请直接使用我们网站的pin按钮＆＃34;。

我已经尝试过这个，但它确实有效。这似乎是一个不错的方法，至少在Pinterest认为适合添加一些更好的工具之前，例如图像白名单选项。主要缺点是需要在每个要为用户启用的图像上添加Pin-it按钮。您的用户可能会因为无法确定任何内容而烦恼。

Answer 7

不幸的是，没有办法在您的页面上标记多个图像作为首选，但是当有人将图像固定时，您可以将一个图像标记为保留在图像的顶部。在<head>中指定此元标记：

<meta property="og:image" content="http://YOUR-DOMAIN.com/IMAGE.jpg"/>

我还没有找到关于此功能的官方确认，但它适用于addthis sharing plugin。

Answer 8

在实际调用pinterest之前添加此脚本。并使用名为“nopin”的类

设置您不想显示的图像

                <script type="text/javascript">
                var addthis_config =
                {
                    image_exclude:'nopin' 
                }
                </script>               
                        <div id="toolbox" class="addthis_toolbox addthis_default_style">
                        <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
                        <a class="addthis_button_tweet"></a>
                        <a class="addthis_button_tumblr"></a>
                        <a class="addthis_button_pinterest"></a>                                                 
                    </div>
                </div>

Answer 9

如果有人使用AddThis，请查看以下帖子：http://support.addthis.com/customer/portal/questions/1570789

AddThis有一些影响所提供图像选择器的独特功能。同样，当页面上只有一个图像时，它会忽略定义的og：image。

如果您设置要排除的单张图像，则图像选择器将不会显示任何图像供选择。

你能控制pinterest的“查找图像”结果吗？

9 个答案: