Как работает "Поделиться" в 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)
Новые темыОбъявленияСвободное общение
09:30 Fraud.Hosting: надёжная защита от недобросовестных клиентов 
09:26 Ворд Пресс (или его шаблон) перестал отображать <b> болд жирный 
09:22 Новая поисковая система от OpenAI 
09:19 Rutube запустил «Новая система монетизации для блогеров» 
23:34 С наступающим Новым годом! АП Яндекс ИКС 23.12.2025 
23:07 Как Яндекс индексирует ваш сайт? | АПдейт выдача 8.12.2025 
22:52 Ночной бар в Паттайе: как случайная встреча с "тайкой" и её кадыком перевернула мой взгляд на продвижение сайта в Google 2026 
10:43 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 
09:08 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 
09:07 E-currency.exchange — ваш помощник в мире обменов 
09:05 AllCharge.online. Современный, быстрый и надёжный обменник 
23:01 Ру трафик с джоб сайтов 
17:24 JustProxy.Biz - Резидентные прокси без ограничения по трафику 
16:38 GhostRocket.pro — Взлетаем в новую эру криптообмена! 
11:13 С юмором по жизни! 
22:59 Про мясо 
15:07 Добро пожаловать в цифровой мир... 
22:12 BYTIK.shop – сервис по продвижению в популярных социальных сетях​ 
10:10 накрутка трафика в SimilarWeb 
16:50 Компьютерная мышь 
23:03 Точные прогнозы на футбол