Можете ли вы контролировать результаты поиска pinterest "найти изображение"?

Вместо того, чтобы добавлять кнопки Pin It через наш сайт, я хотел бы просто контролировать, какие изображения отображаются в результатах Pinterest "Найти изображение", если пользователь решает связать один из наших URL-адресов.

В настоящее время "Найти изображения" позволяет пользователю прокручивать изображения, найденные на странице, чтобы они могли выбрать, какое изображение нужно навести. "Найденные" изображения начинаются с первого jpg в html файле, я предполагаю (может быть, это плохое предположение?). На нашем сайте это заставляет пользователя прокручивать около 15 изображений навигации и продвижения, прежде чем приступать к изображению продукта. Есть ли способ указать это изображение, чтобы показать сначала в этих результатах? Может быть, через метатег или добавление класса или идентификатора к элементу?

Без публичного API Pinterest это похоже на догадки, но я хотел бы увидеть, если кто-то еще столкнулся с этим, или решил это. Спасибо.

ОТВЕТЫ

Ответ 1

Многие результаты поиска, включая Справочный центр Pinterest, рассказывают об использовании nopin в HTML-элементах, что является недопустимым HTML. То, что они не документируют, является атрибутом данных для одного и того же (хорошо сформированного) эффекта.

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

Ответ 3

Я решил это, просто загрузив изображение перед всеми остальными на странице. В этом случае я дал ему width="0" и height="0" (вы также можете дать ему style="position: absolute; left: -9999px; top: 0;", чтобы быть уверенным).

Это не нарушит макет страницы, но заставит Pinterest сначала найти это изображение. Единственным недостатком является то, что браузер будет загружать страницу на несколько миллисекунд медленнее, но если вы повторно используете это изображение позже на странице в любом случае, вы должны наверстать упущенное время.

Ответ 4

  • Pinterest найдет любые изображения из тегов <img> (он будет игнорировать фоновые изображения CSS), которые не менее 80px x 80px.
  • Порядок отображения изображений в списке Pinterest определяется порядком, указанным в HTML.
  • Как вы обнаружили, вы можете изменить CSS изображения, чтобы "скрыть его", даже не скрывая его, либо переместив его с страницы с абсолютным позиционированием, либо 0 по высоте и ширине. Любые изображения, которые установлены на display: none, не будут подхватываться Pinterest.

Ответ 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" />

Ответ 6

Я читал этот блог, который предлагает следующее:

  • Используйте глобальный флажок без знака, чтобы предотвратить привязку ко всему сайту.
  • Вручную добавьте Pin It widget к тем изображениям, которые вы хотите сделать pin-able.

В соответствии с инструментами веб-мастеров Pinterest есть только черный список, а не белый вариант (который вы ищете), это может быть возможным решением. Другим заявленным преимуществом этого является то, что вы также можете предоставить предложенный текст штифта через виджет Pin It.

Единственным недостатком этого я считаю, что он может сломать пользовательские инструменты Pin. Pinterest позволяет вам предоставлять настраиваемое "отклоненное" сообщение, поэтому, я думаю, вы можете сказать "пожалуйста, используйте наши кнопки непосредственно на сайте".

Я пробовал это, и он работает. Это похоже на достойный подход, по крайней мере, до тех пор, пока Pinterest не сочтет нужным добавить несколько лучших инструментов, таких как опция "белый список изображений". Главный недостаток - это добавить кнопки Pin-it на каждое изображение, которое вы хотите включить для своих пользователей, и ваши пользователи могут раздражаться, что они ничего не могут прикрепить.

Ответ 7

К сожалению, нет способа отметить несколько изображений на вашей странице, но вы можете пометить одно изображение, чтобы оно оставалось в верхней части ваших изображений, когда кто-то его фиксировал. Задайте этот метатег в <head>:

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

Я не нашел официального подтверждения этой функции, но отлично работает с addthis share plugin.

Ответ 8

Добавьте этот script перед фактическим вызовом 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>

Ответ 9

Если кто-то использует AddThis, проверьте этот поток: http://support.addthis.com/customer/portal/info/1570789

AddThis имеет некоторые уникальные функции, которые влияют на представленный подборщик изображений. Как и в случае, когда на странице есть только одно изображение, оно игнорирует определенное изображение og:.

Если вы установите исключение одиночного изображения, тогда средство выбора изображений не будет отображать изображения для выбора.