FB, TWITTER, G+ делятся URL-адресом и фиксированным изображением для предварительного просмотра

у меня есть эти простые ссылки на социальные сети:

FB share link
     <a href="#" class="share-fb" onclick='window.open( "https://www.facebook.com/sharer/sharer.php?u=http://mysite.org", "myWindow", 
                  "status = 1, height = 300, width = 600, resizable = 0" )'></a>

TWITTER share link
<a href="#" class="share-tw" onclick='window.open( "https://twitter.com/intent/tweet?url=http://mysite.org", "myWindow", 
              "status = 1, height = 300, width = 600, resizable = 0" )'></a>
GOOGLE PLUS
 <a href="#" class="share-g" onclick='window.open( "https://plus.google.com/share?url=http://mysite.org", "myWindow", 
              "status = 1, height = 300, width = 600, resizable = 0" )'>
             </a>

эти ссылки открывают всплывающее окно, в котором можно поделиться ссылкой на страницу.

Я хотел бы, чтобы add a fixed site image preview для каждой из ссылок, которыми пользователь будет делиться.

Как я могу добавить изображение для предварительного просмотра, фиксированное, foreach (FB, TWITTER, G+) из них?

NB: под изображением предварительного просмотра я имею в виду то, что показано на этой фотографии (рядом со ссылкой www.google.it):

введите здесь описание изображения

Для фейерверка я пытался :<meta property="og:image" content="URL of your image" />

но это не работает


url twitter sharing google-plus facebook-sharer
person itsme    schedule 21.11.2012    source источник

Ответы (1)


arrow_upward
12
arrow_downward

Чтобы файл sharer.php работал, вам нужно заполнить еще несколько тегов Open Graph. Взгляните на этот сайт: http://ogp.me/

Вы всегда можете протестировать свой сайт в отладчике Facebook: https://developers.facebook.com/tools/debug Отладчик также показывает предупреждения/ошибки, поэтому он идеально подходит для тестирования.

В твиттере нет изображений. Ну, это неправильно, вы должны создать «Твиттер-карту» для своей страницы. Это объясняется здесь: https://dev.twitter.com/docs/cards

Что касается Google+, это должно работать:

<meta itemprop="image" content="http://www.....">

(Сравните здесь: http://www.google.com/intl/en/webmasters/+1/button/index.html)

Также взгляните на эту тему: Google +1, сгенерированная миниатюра в профиле

person luschn    schedule 21.11.2012
comment
не знаю почему, но ‹meta property=og:image content=ia. media-imdb.com/images/rock.jpg /› это не работает для меня, может быть, потому что я не включаю fb api? я просто использую URL-адреса для обмена ссылками - person itsme; 21.11.2012
comment
вы пробовали ссылку с отладчиком facebook? это может сказать вам, что не так с изображением. убедитесь, что это минимум 200x200 пикселей между прочим. - person luschn; 21.11.2012
comment
о, отлично, хорошо, я просто делюсь ссылкой google.it, поэтому я думаю, что изображение должно быть связано с общей ссылкой, это правда? - person itsme; 21.11.2012
comment
ну, вполне возможно, что изображение должно быть на том же сервере, но я сомневаюсь в этом, если честно... но: вы должны использовать абсолютный URL-адрес в метатеге (http и прочее). - person luschn; 21.11.2012