Как подсунуть Фейсбуку правильную картинку

Фейсбук - жуткий монстр, разработавший свою собственную программную среду Open Graph, интегрировать которую куда-нибудь без кувалды и напильника бывает очень непросто.

Глючный Фейсбук

Самый часто встречающийся глюк при интеграции фейсбука на сайт – неправильно берущиеся картинки для лайков. Думаю, все видели примеры того, как нажимаешь на каком-нибудь сайте кнопку лайк, а тебе предлагают вставить в фейсбучный пост совершенно левые картинки – хорошо если это одна из картинок из поста, но бывают и картинки из похожих постов из сайдбара например, а что еще хуже – вообще элементы шаблона, например иконка RSS или даже кусок фона. Кроме шуток.

Значит, этому тупому Open Graph надо жестко указать, какие картинки брать из поста. Сначала надо прописать некий общий код интеграции Open Graph в хидере, в нем также можно указать, какую картинку брать дефолтом, если в посте не будет ни одной картинки. Далее, в шаблоне нужно указать, каким образом будет определяться значение параметра og:image, который и отвечает за предмет нашего разговора.

Здесь я не привожу никакие коды, потому что они могут меняться в каждом индивидуальном случае. Отсылаю вас к величайшему сайту про Фейсбук (и не только) HyperArts, например к этой статье.

Но если вы используете Вордпресс, можно (и нужно) обойтись плагинами. Большинство плагинов социальных кнопок позволяют управлять выводом картинок и дескрипшнов в фейсбуковские посты. У новомодного плагина Yoast SEO тоже есть поддержка вывода картинок и дескрипшнов, но глючная, как и много чего еще в этом плагине.

Мой выбор – плагин Facebook Open Graph protocol. Он осуществляет общую интеграцию фейсбука на сайт, в нем я выставляю общие настройки, которые дальше используют плагины соцкнопок и SEO.

Tweet