Comment surmonter le problème Thumbnail Share Partager Publier sur Facebook
Comment surmonter le problème "Thumbnail Share" Partager Publier sur Facebook - Comment fixer les problèmes Thumbnail Share des articles de blog qui n'apparaissent pas lors du partage sur Facebook.
Cela se produit lorsque le moteur de recherche de Facebook ne parvient pas à récupérer les données de la page lorsque l'article du blog est partagé avec Facebook, ce qui est très dérangeant car même si les dimensions de l'image affichée sont très petites, elles ne mesurent que 90x90 pixels. Je vais donc proposer une solution en ajoutant une balise méta Facebook Open Graph sur le blog.
Pour commencer, veuillez suivre les étapes ci-dessous :
Remarque : avant de commencer, il est conseillé de faire une sauvegarde de votre modèle en premier.
Ouvrez Blogger >> Cliquez sur Thème >> Modifier le code HTML.
Copiez et collez le code Meta ci-dessous juste en bas de la balise <head>
<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<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 == "item"'>
<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='DESCRIPTION DU CONTENU ALTERNATIVE ICI' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='CODE-APPLICATION ICI' property='fb:app_id'/>
<meta content='CODE-ADMIN ICI' property='fb:admins'/>
<meta content='fr_FR' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
A l'étape suivante, Copiez et collez le code ci-dessous juste en bas de la balise <body>
<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'CODE-APPLICATION',
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/fr_FR/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
Enregistrez le modèle.
DESCRIPTION :
Description du contenu alternative ici : Une description alternative apparaît si le poste n'a pas une description.
Code-Application ici : Remplissez le code de votre application Facebook.
Code-Admin ici : Entrez le code du profil ou le code de votre page Facebook.
Information supplémentaire :
Assurez-vous que l'image téléchargée a des dimensions non inférieures à 600 × 315 pixels. Si ce n'est pas suffisant, Facebook redimensionne l'image à 90x90 pixels. Il est bon d'utiliser des images de dimensions 1200 × 630 pixels, 800 × 420 pixels et 600 × 315 pixels.
Une fois que tout est mis en œuvre, veuillez vérifier l'un des articles de votre blog sur l'URL ici :
Après avoir appliqué la procédure, la mise à jour automatique de votre blog sera stocké sur le système de recherche de Facebook. En savoir plus
J'espère que vous avez trouvé cette Article utile et facile.
Si vous rencontrez des problèmes concernant l'installation, n'hésitez pas à les mentionner dans la zone des commentaires. au revoir et à bientôt !! 😊
Poster un commentaire