Отсутствует картинка, когда делитесь постом в 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, миниатюра должна появится.

Mark Korvin 9/01/2015 8 Коммент.

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

Facebook Vkontakte

Рекомендуем