Question

Как сделать чтобы ссылка подгружала картинку при постинге в соц.сетях?

В соц.сетях при публикации ссылки на сайт автоматически подгружается картинка и описание сайта. У меня есть блог на блогере и при публикации подгружается только название блога и ссылка а вот картинка никак не хотит. Знаю что чисто технически можно сделать так что будет подгружаться и нужная картинка и нужное описание. Пробывал вставлять мета-тэги:

<meta property="og:title" content="Название вашего анонса"/>

<meta property="og:image" content="https://site.ru/image/image1.jpg"/>

<meta property="og:description" content="Описание анонсируемой статьи"/>

но результат - ноль. Если кто в курсе буду очень признателен и ответ пожалуйста поподробнее опишите а то я в html ноль полный (в смысле чо куда втыкать).

Answer 1

Для сайтов без поддержки JavaScript

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

http://vk.com/share.php?url={адрес страницы}

Код для ее размещения может выглядеть так:

<a href="http://vk.com/share.php?url=http://mysite.com" target="_blank">Поделиться ВКонтакте</a>

А так все зависит от движка и от включенной функции показа миниатюр

Answer 2

Попробуйте обойтись без html. Предлагаю сделать отдельный документ со ссылкой на ваш сайт и картинкой, загрузить его в облако (Яндекс или Гугл), а полученную оттуда ссылку уже размещать в соцсетях. Результат будет стопроцентный. Правда ссылка получится двойным. Кто хочет посмотрев Вашу картинку заглянуть на сайт, тот не поленится еще раз нажать на ссылку. Попробовать можно.

Answer 3

Это не ссылка подгружает картинку, а обрабочик ссылки. Обработчик это маленькая подпрограммка в движке соцсети.

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

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