27 مارس 2015

مدون محترف دروس بلوجر نصائح للمدونين حل مشكلة صور المواضيع عند نشرها على فيس بوك

حل مشكلة صور المواضيع عند نشرها على فيس بوك

حل مشكلة صور المواضيع عند نشرها او مشاركتها على فيس بوك و هذه المشكلة تواجه اكثر المدونين لذلك في درس اليوم سوف نقوم بحلها

حل مشكلة صور المواضيع عند نشرها على فيس بوك - يحدث هذا عند فشل محرك بحث الفيسبوك أخذ البيانات من الصفحة الحالية من موضوع مدونة بلوجر التي تم نشرها او مشاركتها على الفيسبوك وهذا أمر مزعج جدا لأنه احيانا تظهر الصور بقياس 90x90 بيكسل . لذلك درسنا اليوم على مدون محترف هو حل مشكلة صور المواضيع التي نقوم بنشرها او مشاركتها على فيس بوك و ذلك يتم بإضافة اكواد ميتا تاج الخاصة بالفيسبوك 


الشرح 



  1. اذهب إلى لوحة تحكم المدونة
  2. انقر على قالب
  3. الان انقر على تحرير 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='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
بواسطة

هناك 23 تعليقًا :

  1. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. شكرا لك اخي الكريم
      و نعتذر منك لا ننشر روابط اشهار

      حذف
  2. جزاك الله خيرا على المنشور الرائع لكن اخي كيف احصل على ال code-app وشكرا

    ردحذف
    الردود
    1. اهلا بك اخي الكريم علي
      بالنسبة للحصول على الـا كواد
      اولا 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

      و لا شكر على واجب

      حذف
  3. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اعتذر لمسح التعليق
      لا ننشر روابط إشهار
      =r

      حذف
  4. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. اعتذر لمسح التعليق
      لا ننشر روابط إشهار
      =r

      حذف
  5. السلام عليكم
    جزاكم الله خيرا ووفقكم لما فيه رضاه
    تم العملية بنجاح تام .. ولدي سؤال بعد اذنك
    عند كتابة الاكواد بمكانها وبعد الانتهاء ... وعند مشارك التدوينة تظهر الصورة وتحتها " اسم المدونة : عنوان التدوينة" وتحتها "وصف المدونة" الذي ادخلنها
    السؤال : 1 - كيف نزيل اسم المدونة بحيث يظهر عنوان التدوينة مباشرة
    2- هل يمكن استبدال وصف المدونة بوصف التدوينة
    وشكرا

    ردحذف
    الردود
    1. اهلاً يا غالي
      امسح هذا الكود <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>

      حذف
    2. شكرا على السرعة بالرد
      وللأسف لم تنجح
      عند وضع الرابط بأدة debug تظهر بشكل جيد مع وجود اسم المدونة قبل عنوان التدوينة حتى بعد حذف الاكود الخاصة بها
      وعند لصق نفس الرابط الخاص بالتدوينة على الفيس بوك يظهر اسم المدونة فقط
      وشكرا

      حذف
    3. هذا قد يكون بسبب اكواد ثانية تتعارض مع هذه الاكواد

      حذف
  6. سلام عليكم
    انا حملت قالب معرب لمدونتي وعند كبس زر النشر عالفيس
    تطلع صوره صاحب القالب القديم
    مالحل

    ردحذف
    الردود
    1. هُناك سببين
      إما انك تقوم بنسخ الصور و ليس تحميلها على المدونة من جهازك
      او هُناك اكواد في القالب تفعل هذا

      ايضاً هل قُمت بعمل جميع الخطوات في الموضوع بشكل صحيح

      حذف
    2. اشكرك على سرعه الرد اخي ولكن الصور محمله عالمواضيع من قبل ان ارفع القالب
      ثم قمت برفع القالب الجديد وتعبت بالتعديل عليه
      ولكن عندما انشر اي بوست عالفيس تظهر صوره لصاحب القالب القديم ؟؟
      ارجوووك ساعدني ولله تعبت وانا بعدل عليه وهالمشكله هاي قاتله

      حذف
    3. جرب اضف هذا الكود بدلاً من الموجود في المضوع

      <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>
      <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='blog' property='og:type'/>
      </b:if>

      إن لم ينجح هذا بسبب التعديلات التي قمت بها قد يكون حصل تعارض بينها و بين الاكواد

      حذف
  7. انا مش عارف اجيب الاي بى بتاع صفحتى ازاى

    ردحذف
    الردود
    1. الاي بي الخاص بالصفحة يكون عن طريق صفحة التطبيق الخاص بالصفحة

      حذف
  8. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  9. ممكن حل هذه المشكله
    http://store1.up-00.com/2016-01/145330750610811.png

    ردحذف
  10. شكرا أخي الكريم،حقا حليتي لي مشكل كبيييير كنت عانيت منو مع الصور اللي خاصها تظهر مع المدونة،جزاك الله خيرا.

    ردحذف
    الردود
    1. لا شكر على واجب
      وجزاك الله خيرًا أنت أيضًا =s

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r