Как работает "Поделиться" в facebook
Страницы: 1
Как работает "Поделиться" в facebook
Доброго дня!
Настроил у себя на сайте плагин с кнопками "Поделиться". В Твиттер и ВК всё поститься как следует. А вот фейсбук очень криво обрабатывал новости. Проблема была в том, что картинку фейсбук брал не ту, которая в новости а произвольную с сайта. 
Начал разбираться. Прочитал, что фейсбук любит большие картинки, минимум от 200х200 . Окей. Указываю через open graph какую именно картинку нужно брать для постинг в фейсбук.
 Начал контроллировать процесс через: https://developers.facebook.com/tools/debug/

И всё равно фейбук сначала сам берёт любую большую картинку, и как второй вариант берёт моё изображение из open graph.. При том, первое изображение автоматически ставится в новость, и поменять его пользователь уже не может.. И Кадрировать фейсбук не умеет. Смысл брать большое изображение, если оно показывается всё в кривь и кось?! .... 
Тот же вк, совершенно адекватно обрабатывает изображения при "поделиться", кадрирует картинку и сохраняет пропорции. Почему же хвалёный фейсбук так делать не может?... 

или может дело в плагине который использую для "поделиться"? Хотя, все плагины ведь используют одно api фейсбука...

Для примера: 
На https://developers.facebook.com/tools/debug/og/object/ ввожу свою новость: http://my-ep.ru/%D1%83%D1%81%D0%BB%D1%83%D0%B3%D0%B8-%D0%B6%D0%BA%D1%85-%D0%B4%D0%BE%D0%BB%D0%B6%D0%BD%D1%8B-%D1%81%D1%82%D0%B0%D1%82%D1%8C-%D0%B5%D1%89%D1%91-%D0%BF%D1%80%D0%BE%D0%B7%D1%80%D0%B0%D1%87%D0%BD%D0%B5%D0%B5

и жму Show existing scrape information.
Фейсбук возвращает ответ, видит какое изображение я прописываю в open graph но всё равно берёт для постинга совершенно левое изображение с сайта.. 

Кто как с этим справляется?
Изменено: -Ne!oM- - 8 Сентября 2015 08:59
Просто у вас  в open graph стоит картинка которая в высоту меньше чем 200 и не попадает под критерий 200х200.

Код
<meta property="og:image" content="http://www.tambov.gov.ru/assets/images/banner/tek.jpg" />
дополните картинку пустыми полями до высоты 200 и заново обновите кэш в developers.facebook.com/tools/debug/
В действительности вы знаете предмет только в той степени, в которой можете научить других, с тем чтобы они его поняли и применили в своей жизни.
Цитата
Андрей П-Студия пишет:
Просто у вас в open graph стоит картинка которая в высоту меньше чем 200 и не попадает под критерий 200х200.
Код
 <meta property="og:image" content="http://www.tambov.gov.ru/assets/images/banner/tek.jpg" /> 
дополните картинку пустыми полями до высоты 200 и заново обновите кэш в developers.facebook.com/tools/debug/

Про 200х200 согласен. Не удачный пример привёл.. 

Вот проверяю этот урл: http://my-ep.ru/как-настроить-в-adobe-acrobat-модуль-crypto-pro-pdf
через open graph указываю явно картинку: http://my-ep.ru/images/pdfsign.png (размер 400х400)
НО, фейбук сам зачем-то ещё прописывает картинку my-ep.ru/images/CryptoPro_PDF/Picture8.png 
хотя я её не указывал... Фейсбук мою указанную картинку ставит на второе место, а на первое ту, которую он сам нашёл... и получается, повлиять я на эту никак не могу..
Изменено: -Ne!oM- - 8 Сентября 2015 09:44
Все верно. У вас стоит на странице my-ep.ru/как-настроить-в-adobe-acrobat-модуль-crypto-pro-pdf
в 8-й строке:

Код
<meta property='og:image' content='http://my-ep.ru/images/CryptoPro_PDF/Picture8.png' />


Он её и берет первой.
Изменено: Андрей П-Студия - 8 Сентября 2015 10:01
Цитата
Андрей П-Студия пишет:
Все верно. У вас стоит на странице my-ep.ru/как-настроить-в-adobe-acrobat-модуль-crypto-pro-pdf
в 8-й строке:
http://my-ep.ru/%D0%BA%D0%B0%D0%BA-%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B8%D1%82%D1%8C-%D0%B2-adobe-acrobat-%D0%BC%D0%BE%D0%B4%D1%83%D0%BB%D1%8C-crypto-pro-pdf
Код
 <meta property='og:image' content='http://my-ep.ru/images/CryptoPro_PDF/Picture8.png' /> 
Он её и берет первой.
Так вот почему он её берёт первой? Я в ручную явно указываю: <meta property="og:image" content="http://my-ep.ru/images/pdfsign.png" /> 
ну так сервис с верху вниз читает HTML код страницы и находит по порядку теги:

<meta property='og:image' content='http://my-ep.ru/images/CryptoPro_PDF/Picture8.png' /> 8 строка
<meta property="og:image" content="http://my-ep.ru/images/pdfsign.png" /> 59 строка

и берет соответственно по порядку эти картинки
Цитата
Андрей П-Студия пишет:
ну так сервис с верху вниз читает HTML код страницы и находит по порядку теги:

<meta property='og:image' content='http://my-ep.ru/images/CryptoPro_PDF/Picture8.png' /> 8 строка
<meta property="og:image" content="http://my-ep.ru/images/pdfsign.png" /> 59 строка

и берет соответственно по порядку эти картинки
Я поясню, в meta property я http://my-ep.ru/images/CryptoPro_PDF/Picture8.png НЕ добавляю. Это фейсбучный парсер сам делает. В open graph я прописываю только http://my-ep.ru/images/pdfsign.png

Вот это меня и возмущает.
Значит следует разобраться с НАСТРОЙКАМИ плагина "Поделится" который вставляет этот код на страницу:


Код
<!-- Shareaholic Open Graph Tags --> <meta property='og:image' content='http://my-ep.ru/images/CryptoPro_PDF/Picture8.png' /> <!-- Shareaholic Open Graph Tags End -->
Цитата
Андрей П-Студия пишет:
Значит следует разобраться с НАСТРОЙКАМИ плагина "Поделится" который вставляет этот код на страницу:
Код
 <!-- Shareaholic Open Graph Tags --> <meta property='og:image' content='http://my-ep.ru/images/CryptoPro_PDF/Picture8.png' /> <!-- Shareaholic Open Graph Tags End --> 
Спасибо! Значит дело в плагине... Буду разбираться..
Страницы: 1
Похожие темы:
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
05:30 Absence в Армении 
05:29 Стоит ли добавлять сайт в Rambler топ 100? 
05:15 Как продвигать сайт с неуникальным контентом 
19:29 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 
14:50 Индексация страниц 
12:36 У кого новостник, дайте пару советов плиз 
13:53 AviTool - мощный инструмент для автоматизации работы с Avito 
05:17 Продам копию сайта. 
04:11 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 
01:31 Скрипт обменника валют 
21:44 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 
17:24 A-Parser 1.1 - продвинутый парсер поисковых систем, Suggest, PR, DMOZ, Whois, etc 
14:01 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old 
13:15 SOCKS5 приватные прокси на 30 дней для PayPal 
05:24 Ну что, кто куда деваете свои сайты? 
22:09 Добро пожаловать в цифровой мир... 
19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 
22:08 Накрутка поисковых подсказок 
05:04 Точные прогнозы на футбол 
14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 
10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди