Facebook Share не показывает мое описание или мою миниатюру

Я следовал всем советам, которые я нашел, чтобы попытаться заставить это работать, но все это безрезультатно. Может ли кто-нибудь сказать мне, почему мое описание / миниатюра не отображается? Спасибо. Ниже мой код и ссылка на сайт:

Мета-теги:

<meta name="title" content="La Vita è Bella, because life is beautiful" />
<meta name="description" content="Drawing on Italy’s most famous export – great-tasting, healthy, colourful food – La Vita é Bella brings families together to experience mealtimes the Italian way." />

<link rel="image_src" href="http://www.lavitaebella.co.uk/images/imageforfacebook.jpg" />

Фактическая ссылка:

<a href="http://www.facebook.com/share.php?u=http://www.lavitaebella.co.uk" target="_blank"><img src='../images/share/s-fb.png' /></a>

http://www.lavitaebella.co.uk/

Заранее благодарю за любую помощь.


html facebook-sharer
person Drew    schedule 01.06.2010    source источник

Ответы (2)


arrow_upward
30
arrow_downward

Тем (вроде меня), для которых другой ответ не сработал:

В разделе <head> и </head> добавьте

<meta property="og:url" content="https://www.mathnuggets.com/" />
<meta property="og:image" content="https://www.mathnuggets.com/images/fb-logo.jpg" />
<meta property="og:title" content="Math website for your gifted student" />
<meta property="og:description" content="Challenging word problems for gifted elementary students" />`

Затем перейдите на FB Linter и введите свой URL-адрес, чтобы обновить кеш FB вашей страницы.

^^^ Обновление кеша важно.

person zaphod    schedule 09.04.2013
comment
Я использовал следующие теги: ‹meta property = og: url content = 72.5.167.17:8003 /› ‹meta property = og: image content = 72.5.167.17:8003/img/header-logo.png / ›‹ meta property = og: title content = Это мой заголовок / ›‹ meta property = og: description content = Это мое описание / ›Заголовок и описание успешно изменены, но изображение все еще не приходит. - person Gaurav123; 20.02.2014
comment
@ Gaurav123, доступен ли 72.5.167.17:8003 из Интернета или это только для вашего локального окружения? Можно ли получить к нему доступ через FB Linter? Какую ошибку выдает ЛИНТЕР? - person zaphod; 27.02.2014
comment
Да, он доступен (из Интернета) 72.5.167.17:8003/img/header-logo.png. Я не получил ни одной ошибки, но изображение не было заменено. Размер изображения составлял 526 пикселей * 361 пикселей, но при отображении этот размер изображения должен быть не менее 200 пикселей * 200 пикселей. - person Gaurav123; 27.02.2014

arrow_upward
92
arrow_downward

- 2-е РЕДАКТИРОВАНИЕ -

Обратите внимание, что этот ответ больше не работает и устарел. Попробуйте ответ выше.

- ОРИГИНАЛЬНЫЙ ОТВЕТ -

Разобрался. Пришлось использовать URL, полный сумасшествия:

<a href="http://www.facebook.com/sharer.php?s= 100&amp;p[title]=La Vita È Bella&amp;p[url]=http://www.lavitaebella.co.uk/teachers/resources.html&amp;p[images][0]=http://www.lavitaebella.co.uk/images/imageforfacebook.gif&amp;p[summary]=Drawing on Italy’s most famous export – great-tasting, healthy, colourful food – La Vita é Bella brings families together to experience mealtimes the Italian way"><img src='../images/share/s-fb.png' /></a>

--РЕДАКТИРОВАТЬ--

В качестве дополнительной информации я не могу вспомнить, где я изначально нашел эту информацию, но вот что означает часть s = 100:

Базовый подход заключается в том, что вы предоставляете ссылку на http://www.facebook.com/sharer.php?s=100, которая является основной страницей общего доступа (обычно она отображается во всплывающем окне).

Но я попытался изменить числа, и он все равно попадает в то же место.

Что касается &amp;p, это просто html-код для & p, и я думаю, что это массив, который Facebook анализирует, чтобы получить информацию.

person Drew    schedule 04.06.2010
comment
Эпично! Искал этот ответ как сумасшедший. Спасибо! - person Brian David Berman; 11.08.2010
comment
Чувак, ты заслуживаешь большего количества голосов. Это мне очень помогло. - person Dwayne Charrington; 22.06.2011
comment
отличный пост, очень признателен! - person c12; 12.07.2011
comment
Есть идеи, как добавить redirect_uri и / или закрыть всплывающее окно общего доступа после того, как пользователь поделится? (Я пробовал добавить [redirect_uri] в конец строки, но ничего не вышло. Спасибо! - person Gabe; 06.02.2012
comment
Ребята, у меня есть вопрос: @Drew в своем ответе указал путь к одному файлу изображения через p [images] [0] = ‹URL› ... Мне нужно указать несколько изображений, как мне это сделать? Я попробовал p [images] [0] = ‹URL1› p [images] [1] = ‹URL2›, но это не сработало - person Ninja; 26.04.2012
comment
Кажется, сейчас не работает. Однако мне удалось заставить его работать, используя метатеги og: title и т. Д. Пришлось пинговать его с помощью линтера FB, чтобы он обновился. - person ManicBlowfish; 25.05.2012
comment
Следуя вышеупомянутому методу, я успешно добавил ссылку на приложение Flash, используя параметры href. Небеса, после того, как не удалось заставить работать метатеги «og: blah». - person arieltools; 25.05.2012
comment
Facebook просто изменил принцип работы обмена, и описанный выше метод больше не приводит к ожидаемым результатам. Кажется, что использование метатегов с property="og:title" - единственный способ сделать это правильно. - person Dog; 19.12.2013
comment
Он больше не работает. Кто-нибудь может предложить другой способ? - person Akshay Vishnoi; 25.02.2015
comment
Я думаю, вам следует добавить в начало сообщения заявление о том, что он больше не работает. - person Adam Jensen; 02.04.2015