Отображение картинки в соцсетях при "поделиться"

См. официальную информацию по виджету Вк, например: https://vk.com/dev/widget_share

5. Используемая информация

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

Пример кода сайта с указанием данных заголовка, описания и изображения для иллюстрации, используемых для публикации ВКонтакте:

...

Т.е. либо скрипт сам выбирает картинки (если он видит подходящие), либо Вы задаете ему одну — общую для всех тем форума.

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

Большое спасибо за скорый ответ. Да я  видела и читала это.  Но подскажите, пожалуйста, где я могу увидеть есть ли  "теги og:image, twitter:image, image"? 

Интересно, что при "поделиться" в
-  Googl+, выбор картинки позволяет сделать, 
-  в "одноклассниках" - берет весь логотип, но уменьшает его и позволяет вообще убрать картинку, 
- в Фейсбуке - до поры, до времени показывало картинку из темы (пока не установила этот видже с вертикально расположенными кнопками от Pluso),
-  а в VK - всегда только кусок логотипа. 
 
Я нашла, что некоторым удалось решить эту проблему, с установкой этих кодов

в Контакте

Код:

<meta name="title" content="Заголовок статьи" />
<meta name="description" content="Описание статьи какой размер картинки шарить в соц сети." />
<link rel="image_src" href="http://mysite.com/mypic.jpg" />

в Фейсбуке

Код:

<meta property="og:title" content=""></meta>
<meta property="og:type" content="article"></meta>
<meta property="og:image" content=""></meta>
<meta property="og:url" content=""></meta>
<meta property="og:description" content=""></meta>
<meta property="fb:app_id" content="идентификатор_вашего_приложения_Facebook"></meta>

в Твиттер

Код:

<meta name="twitter:card" content="summary"></meta>
<meta name="twitter:title" content=""></meta>
<meta name="twitter:description" content=""></meta>
<meta name="twitter:image" content=""></meta>

 

Это можно как то использовать, чтобы решить  мой вопрос или нет? Если -да, то куда и как его нужно вставить.


И относительно размера картинок нашла

Спойлер:

 И правильно ли  понимаю, что теперь нужно все картинки, что были в темах ранее, привести к одному размеру 600*315, как в фейсбуке,  и размером до 1МВ,как в Твиттере, чтобы они могли отражаться во всех соцсетях одинаково?


Спасибо

Подскажите, пожалуйста. Я вот тут нашла форум тоже  на forum2x2, где стоят кнопочки. Подскажите как сделать тоже так, только справа. Куда, как и что нужно вписать, чтобы тоже отражалось правильно как у них. Заранее спасибо.

Спасибо, Леший за ссылку.  Перечитала и перепробовала все рекомендуемые туториалы . И по вашей ссылке тоже пробовала.  Вот еще раз попробовала по ней сделать, получить код и вставить в виджет. В результате на форуме получается вот такой вид виджета 

Спойлер:

С  рихтовкой внешнего вида,  я бы уже точно сама пробовала справиться и не беспокоить вас своими вопросами. Но сути это не меняет. После того, как нажать кнопку "поделиться"  уже и на этом виджете, в соцсети уходит, опять не картинка из темы, а кусок логотипа

Спойлер:

 Я сделала кнопочки, тоже из готовых решений с форума как рекомендовано здесь.
Все устраивает и размещение кнопок, и внешний вид. Кроме одного - результат при нажатии кнопки тот же.

Спойлер:

плиз.....

Так именно эту ссылку я и давала сама выше. Именно с этого  туториала и делала  - шаг в шаг! И вот такая картина у меня получилась.....  Поэтому и прошу посмотреть, что не так... Много раз переделывала повторяя пошагово ..... а результат тот же....

rodniksveta, как Вы совершенно правильно писали, картинка для соцсетей задается метатегом

Код:

<meta property="og:image" content="https://7img.net/users/1916/23/48/36/album/pb1u7910.jpg"/>

где content — прямая ссылка на картинку. Данный метатег должен размещаться в шаблоне overall_header (Верхняя часть страницы), перед тегом

Код:

</head>

— т.е. в нашем случае его можно задать только один раз для всего форума. Соответственно, картинка будет одна и та же на всех страницах. У нас нет переменной для формирования ссылки на "заголовочную" картинку в каждой отдельной теме.

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

В любом случае понятно и спасибо. Тему закрываю

спасибо