Отсутствует картинка, когда делитесь постом в Facebook

Вроде бы норму мы уже на сегодня выполнили добавив новый шаблон, но у нас появилось свободное время и мы нашли весьма полезную статью для пользователей блогами на платформе blogger. Думаю многие из нас, как те у которых блоги хорошо раскручены так и те у кого не совсем пока все гладко сталкивались с проблемой, когда нужно поделиться постом в Facebook и при этом очень важно, чтобы в нем отображалась миниатюра (картинка) но ее по какой-то причине там нет. В основном это происходит из-за того, что поисковая система Facebook не успевает считать данные поста и отображает только ссылку. Но порой бывают и сдвиги этой системы и  картинка публикуется вместе с ссылкой, вот только ее размеры не превышают 90*90 пикселей. Если вы уже давно ищете способ, как устранить этот баг, тогда вам нужно всего навсего добавить к своему шаблону два кода.

Переходим в раздел Шаблон - Изменить HTML находим код </head>
и перед ним вставляем следующий код:

<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='ISI DESKRIPSI ALTERNATIF DISINI' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='KODE-APLIKASI' property='fb:app_id'/>
<meta content='KODE-ADMIN' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

Затем находим код </body>
и перед ним вставляем следующий код:

<div id='fb-root'/> <script> window.fbAsyncInit = function() { FB.init({ appId : 'KODE-APLIKASI', status : true, // check login status cookie : true, // enable cookies to allow the server to access the session xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); </script>

Вот и все жмем сохранить шаблон, заходим на блог и пробуем поделиться постом в Facebook, миниатюра должна появится.



Поделиться в социальных сетях:
Facebook TwitterGoogle+ Vkontakte

Рекомендуем

8 Коммент.

Оставить комментарий
avatar
ІБВ Херсонська ЦБС
января 15, 2018

Доброе время суток! Скажите, пожалуйста, а почему у меня при нажатии на клавишу "поделиться" к посту цепляется картинка, которой нет на блоге вообще??? И еще вопрос: почему при вставке ссылки на блог не появляется шапка блога (хотя она сделана в качестве изображения)???? Помогите, пожалуйста, разобраться. https://biblioznaniya.blogspot.com/

Ответить
avatar
Марк Корвин
января 15, 2018

Если в сообщении нет ни одной картинки, система цепляет первое, что находит в вашем блоге, например картинку из шапки. Если вы не видите картинку в блоге, это не значит, что ее там нет.

Когда публикуете ссылку на свой блог в фейсбуке, картинка редко появляется со старта, нужно ее удалить и разместить еще раз и тогда картинка появляется.

Ответить
avatar
ІБВ Херсонська ЦБС
января 15, 2018

в том-то и вопрос, что у сообщения есть картинка, но подключается вообще "левая", которой даже нет на блоге вообще. Например: если поделиться этим сообщением http://biblioznaniya.blogspot.com/2018/01/google.html - помогите разобраться, пожалуйста, просто мне не к кому обратиться - учусь всему сама

Ответить
avatar
ІБВ Херсонська ЦБС
января 15, 2018

заметила только что, что изображение появляется только на тех сообщениях, которые были выставлены после вставки этого кода..... Если на предыдущих сообщениях поставить новую дату - это поможет или нужно удалить сообщение и поставить его заново????

Ответить
avatar
Марк Корвин
января 15, 2018

Картинка транслируется с этого сайта - https://www.dilovamova.com/
Полная ссылка на картинку - https://external-otp1-1.xx.fbcdn.net/safe_image.php?d=AQALXzI6SkYkZBb1&w=160&h=160&url=http%3A%2F%2Fwww.dilovamova.com%2Fimages%2Fwpi.cache%2Finformer%2Finformer_250.png&cfs=1&upscale=1&fallback=news_d_placeholder_publisher&_nc_hash=AQD1qfq2qVdcCFv4

В шаблоне вроде не встречается, но попробуйте поищите. Может какой-то скрипт добавляли.

Ответить
avatar
Марк Корвин
января 15, 2018

Красноречивый код) Просто удалите его.

Ответить
avatar
ІБВ Херсонська ЦБС
января 16, 2018

в самом начале ставила код на календарь, но потом удалила этот гаджет.... теперь надо и в html блога удалить??

Ответить
avatar
Марк Корвин
января 16, 2018

Конечно. На заметку про календарь и часы

Ответить