حل مشكلة صور المواضيع عند نشرها على فيس بوك - يحدث هذا عند فشل محرك بحث الفيسبوك أخذ البيانات من الصفحة الحالية من موضوع مدونة بلوجر التي تم نشرها او مشاركتها على الفيسبوك وهذا أمر مزعج جدا لأنه احيانا تظهر الصور بقياس 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 و تضع رابط مدونتك
بعد القيام بالخطوة السابقة سوف يقوم بتحديث تلقائي للمدونة الخاصة بك في بحث نظاك الفيسوك
حل مشكلة صور المواضيع عند نشرها على فيس بوك
4
/
5
بواسطة
مدون محترف
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفشكرا لك اخي الكريم
حذفو نعتذر منك لا ننشر روابط اشهار
جزاك الله خيرا على المنشور الرائع لكن اخي كيف احصل على ال code-app وشكرا
ردحذفاهلا بك اخي الكريم علي
حذفبالنسبة للحصول على الـا كواد
اولا CODE-Admin يمكنك الحصول عليه من هنا
http://www.mudwnp.blogspot.com/p/facebook-id-finder.html
عن طريق وضع رابط حسابك الخاص على فيس بوك
بالنسبة للـ code-app يمكنك الحصول عليه من هنا
https://developers.facebook.com/apps/
و هو عن طريق الضغط على My apps و عمل تطبيق ثم تقوم بأخذ ID apps و تضعه مكان كلمة code-app
و لا شكر على واجب
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفاعتذر لمسح التعليق
حذفلا ننشر روابط إشهار
=r
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفاعتذر لمسح التعليق
حذفلا ننشر روابط إشهار
=r
السلام عليكم
ردحذفجزاكم الله خيرا ووفقكم لما فيه رضاه
تم العملية بنجاح تام .. ولدي سؤال بعد اذنك
عند كتابة الاكواد بمكانها وبعد الانتهاء ... وعند مشارك التدوينة تظهر الصورة وتحتها " اسم المدونة : عنوان التدوينة" وتحتها "وصف المدونة" الذي ادخلنها
السؤال : 1 - كيف نزيل اسم المدونة بحيث يظهر عنوان التدوينة مباشرة
2- هل يمكن استبدال وصف المدونة بوصف التدوينة
وشكرا
اهلاً يا غالي
حذفامسح هذا الكود <meta expr:content='data:blog.title' property='og:site_name'/>
و بالنسبة لوصف المدونة امسح هذا الكود
<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>
شكرا على السرعة بالرد
حذفوللأسف لم تنجح
عند وضع الرابط بأدة debug تظهر بشكل جيد مع وجود اسم المدونة قبل عنوان التدوينة حتى بعد حذف الاكود الخاصة بها
وعند لصق نفس الرابط الخاص بالتدوينة على الفيس بوك يظهر اسم المدونة فقط
وشكرا
هذا قد يكون بسبب اكواد ثانية تتعارض مع هذه الاكواد
حذفسلام عليكم
ردحذفانا حملت قالب معرب لمدونتي وعند كبس زر النشر عالفيس
تطلع صوره صاحب القالب القديم
مالحل
هُناك سببين
حذفإما انك تقوم بنسخ الصور و ليس تحميلها على المدونة من جهازك
او هُناك اكواد في القالب تفعل هذا
ايضاً هل قُمت بعمل جميع الخطوات في الموضوع بشكل صحيح
اشكرك على سرعه الرد اخي ولكن الصور محمله عالمواضيع من قبل ان ارفع القالب
حذفثم قمت برفع القالب الجديد وتعبت بالتعديل عليه
ولكن عندما انشر اي بوست عالفيس تظهر صوره لصاحب القالب القديم ؟؟
ارجوووك ساعدني ولله تعبت وانا بعدل عليه وهالمشكله هاي قاتله
جرب اضف هذا الكود بدلاً من الموجود في المضوع
حذف<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>
<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='blog' property='og:type'/>
</b:if>
إن لم ينجح هذا بسبب التعديلات التي قمت بها قد يكون حصل تعارض بينها و بين الاكواد
انا مش عارف اجيب الاي بى بتاع صفحتى ازاى
ردحذفالاي بي الخاص بالصفحة يكون عن طريق صفحة التطبيق الخاص بالصفحة
حذفأزال أحد مشرفي المدونة هذا التعليق.
ردحذفممكن حل هذه المشكله
ردحذفhttp://store1.up-00.com/2016-01/145330750610811.png
صديقي ما هي المشكلة بالضبط
حذفشكرا أخي الكريم،حقا حليتي لي مشكل كبيييير كنت عانيت منو مع الصور اللي خاصها تظهر مع المدونة،جزاك الله خيرا.
ردحذفلا شكر على واجب
حذفوجزاك الله خيرًا أنت أيضًا =s
يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r