حل مشكلة صور المواضيع عند نشرها على فيس بوك - يحدث هذا عند فشل محرك بحث الفيسبوك أخذ البيانات من الصفحة الحالية من موضوع مدونة بلوجر التي تم نشرها او مشاركتها على الفيسبوك وهذا أمر مزعج جدا لأنه احيانا تظهر الصور بقياس 90x90 بيكسل . لذلك درسنا اليوم على مدون محترف هو حل مشكلة صور المواضيع التي نقوم بنشرها او مشاركتها على فيس بوك و ذلك يتم بإضافة اكواد ميتا تاج الخاصة بالفيسبوك
الشرح
- اذهب إلى لوحة تحكم المدونة
- انقر على قالب
- الان انقر على تحرير HTML
ابحث عن الوسم </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' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='CODE-App' property='fb:app_id'/>
<meta content='CODE-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 : 'CODE-App',
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>
التعديلات :
قم بإستبدال كلمة Description بوصف المدونة
قم بإستبدال كلمة CODE-App بـ اي دي التطبيق الخاص بالصفحة ستجدها مكررة مرتين
قم بإستبدال كلمة CODE-Admin بـ اي دي صفحتك الشخصية عن طريق اداة معرفة ID حسابات الفيس بوك
نصائح :
تأكد من الصور الخاصة بك التي تم تحميلها إلى المواضيع ان تكون أبعادها [ الطول و العرض ] لا تقل عن 600 × 315 بكسل، وإذا كانن أقل فإن الفيسبوك سيقوم بتغيير حجم الصور إلى 90x90 بكسل. فمن الأفضل استخدام صورة ذات أبعاد 1200 × 630 بكسل، 800 × 420 بكسل، و 600 × 315 بكسل.
بعد تطبيق كل ما ذكرناه في الاعلى يجب عليك ان تدخل إلى Debugger و تضع رابط مدونتك
بعد القيام بالخطوة السابقة سوف يقوم بتحديث تلقائي للمدونة الخاصة بك في بحث نظاك الفيسوك
