Как правильно указать картинку для публикации во вконтакте?

Question

[Elvis]

Привет!
На своем сайте сделал(да как и делают многие) кнопки соцсетей, aka "Поделиться".
Взял скрипт от Яндекса(хотя это особо значения не имеет - https://tech.yandex.ru/share/ )
нажимаю кнопку "поделиться", открывается стандартное окно чтобы запостить на стену, в группу или в личное сообщение и ниже сам собственно пост. при отмеченной галочке "добавить изображение" можно выбрать изображение со станицы.
Вот собственно вопрос: по каким критериям вконтакт определяет какие картинки можно выбрать? Там далеко не все картинки со страницы и зачастую нет тех, которые мне хотелось бы. Может есть какой то атрибут чтобы контакт точно брал картинку определенную? я бы прописывал в картинке его. Кто сталкивался, можете объяснить?

Answer 1

[Сережа Ахен]

https://vk.com/dev/share_details - документация.
Выдержка из документации:

2. Иллюстрация. Если на публикуемой странице есть теги og:image, twitter:image, image то адрес изображения для иллюстрации будет взят из указанного первым, иначе будут взяты первые 8 тегов <img src="...">, и из них предложены в качестве иллюстрации те картинки, размер которых по ширине и высоте превышает 130 пикселей. Если картинка больше 537 пикселей в ширину, то на сайте ссылка будет сопровождаться увеличенной картинкой.

Comments

[Elvis]

интересно. Однако чтото не так. у меня нет тегов "og:image, twitter:image, image", значит должны взятся первые 8 картинок img и предложится те, которые более 130 пикселей в ширину. Но если смотреть по коду html, то то что он предлагает - это картинки внизу страницы. а верхние пропускает. Что любопытно: у меня шаблонные страницы для новостей. в самом верху новости всегда присутствует картинка. Всегда одного и того же размера. Однако не всегда предлагает её. в 90% случаев предлагает, но в 10% - нет. Из-за чего может быть такая особенность?

[Сережа Ахен]

Elvis: быть может у вас футер по коду как-раз таки сверху и просто прибит к низу страницы средствами css. Я так полагаю вк считает по положению в коде, а не на отрендереной сстранице. (лишь предположение)

[Elvis]

Сережа Ахен: предположение интересное, но нет. у меня всё по порядку, как раз смотрю по коду страницы. думаю тогда нужно реализовать заполнение мета тегов, раз он не всегда подтягивает правильно, хотя по их параметрам картинки подходят. И если бы он всегда не видел картинку заголовка, то да, может быть и были у меня проблемы. но тут он то берет картинку заголовка, то нет. и еще они пишут "...значит должны взятся первые 8 картинок img и предложится те, которые более 130 пикселей в ширину. ", но на выбор дается только 3-4. хотя они явно больше 130 пикселей.

[Сережа Ахен]

Elvis: судя по тексту так и есть, берутся первые 8 картинок и если среди них нет ни одной картинки шире 130пх, то ни одна не будет предложена.
Я бы просто добавил в шаблон новости таг image, вдруг пригодится и для других соц. сетей.

[Elvis]

Сережа Ахен: в том то и дело что все картинки(собственно нужные мне) больше 130 пикселей. Спасибо за помощь. Буду копать в сторону мета тегов.

[Сережа Ахен]

Elvis: но я к тому и клоню, что перед нужными картинками может быть 8 ненужных картинок которые меньше 130пх, в таком случае, если дословно верить документации, мы не получим ни-че-го =)