Форум Сайтостроение Веб-строительство

Как к посту, публикуемому в соц. сети при нажатии "Поделиться", прикрепить IMG?

12
V
На сайте с 04.06.2014
Offline
54
victorpavloff
2274

На сайте используется следующий код для кнопки поделиться ВК 

<a onclick="window.open('http://vkontakte.ru/share.php?url=http://ссылка.ру', 'vkontakte', 'width=626, height=436'); return false;" href="http://vkontakte.ru/share.php?url=http://ссылка.ру" rel="nofollow"><img src="..." width="50" height="50"></a>

и следующий код для кнопки поделиться ОК 

<a onclick="window.open('http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st.s=1&amp;st._surl=http://ссылка.ру', 'odkl', 'width=626, height=436'); return false;" rel="nofollow" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&amp;st.s=1&amp;st._surl=http://ссылка.ру"><img src="..." width="69" height="21" title="Поделиться с друзьями в Одноклассниках"></a>

Заголовок и текст поста подтягиваются из тэгов ТАЙТЛ и ДЕСКРИПШН.

Как подтянуть в пост картинку, чтобы было следующее:

Возможно нужно картинку в какие-то тэги обернуть? Или класс какой-то задать?

Партнёрка №1 в essay-нише (https://goo.gl/YfTPtG)
eis
На сайте с 18.10.2008
Offline
473
eis
#1

victorpavloff, она автоматом подгружается из поста

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
domen4you
На сайте с 08.03.2013
Offline
53
domen4you
#2

добавьте любую картинку на страницу и она сама туда подтянется

siv1987
На сайте с 02.04.2009
Offline
427
siv1987
#3

возможно поможет https://www.google.ru/search?newwindow=1&client=opera&hs=nVw&rls=ru&channel=suggest&q=open+graph+protocol+%D0%B2%D0%BA%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D0%B5

V
На сайте с 04.06.2014
Offline
54
victorpavloff
#4
eis:
victorpavloff, она автоматом подгружается из поста

Из какого поста? Как она определяет, какую картинку подгружать, если на странице их

может быть несколько десятков?

И ещё проблема в том, что да, в ВК она подгружается (только в моём случае не та, которую бы хотелось). Но в ОК вообще никакие картинки не подгружаются.

Поиск@Mail.ru: новый интерфейс страницы На турбо-страницах появились комментарии Яндекс тестирует «бесконечную» выдачу
UV
На сайте с 19.03.2009
Offline
49
UDAV
#5

alt и titile у картинки укажи такие как у title страницы.

Mik Foxi
На сайте с 02.03.2011
Offline
1215
Mik Foxi
#6

Правильный вариант: мета тег og:image

Он вроде везде прокатывает с указанием нужной картинки

Антибот, антиспам, веб фаервол, защита от накрутки поведенческих: https://antibot.cloud/ (Зеркало: https://антибот.рф/ ) Форум на замену серчу: https://foxi.biz/
domen4you
На сайте с 08.03.2013
Offline
53
domen4you
#7

да, не знал, вот что надо 

<html xmlns:og="http://ogp.me/ns#">

<meta property="og:image" content="http://.../og-image.jpg" >

на фейсбуке и гугл+ нормально, вк обрезает, брал квадратную 300x300px

V
На сайте с 04.06.2014
Offline
54
victorpavloff
#8
domen4you:
да, не знал, вот что надо 
<html xmlns:og="http://ogp.me/ns#">

<meta property="og:image" content="http://.../og-image.jpg" >

на фейсбуке и гугл+ нормально, вк обрезает, брал квадратную 300x300px

Спасибо! Этот вариант помог.

V
На сайте с 04.06.2014
Offline
54
victorpavloff
#9

Почему-то для гугл+ этот метатэг не работает.

Также нашёл для гугл+ специально метатеги 

<meta itemprop="name" content="Название сайта"/>

<meta itemprop="description" content="Описание сайта"/>

<meta itemprop="image" content="https://website.com/image250X250.png"/>

но они тоже не работают.

Гугл+ подгружает только тайтл, а описание и изображение нет.

Может кто сталкивался с такой проблемой?

domen4you
На сайте с 08.03.2013
Offline
53
domen4you
#10
victorpavloff:
Почему-то для гугл+ этот метатэг не работает.

тот, что я выше написал, у меня работает с гугл+

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий