اجبار الفيس بوك على اظهار الصور في الروابط How to Make Facebook Show Images in links

تقليص
X
 
  • تصفية - فلترة
  • الوقت
  • عرض
إلغاء تحديد الكل
مشاركات جديدة

  • اجبار الفيس بوك على اظهار الصور في الروابط How to Make Facebook Show Images in links

    How to Make Facebook Show Images in Links

    When publishing articles on our site, our team always cross-posts links to the same content on our Facebook fan page, where we have close to 250 thousand fans. One of the biggest frustrations we came across with Facebook, is when we post a link to an article that contains images, and Facebook refuses to show the image on top of the link. The strange thing is, sometimes deleting the URL and pasting it again will show images and other times, Facebook completely refuses to do it. And when the image does not show, no matter how many times you refresh the page or paste the link, it will never appear. Since a number of our readers have Facebook fan pages or personal pages where they paste links to their sites or portfolios, I thought it would be a good idea to share the way to force Facebook to show images in links.


    Facebook Image Preview Problem


    I don’t know the exact cause of this particular issue, but it seems like when one provides a link on a new message / post that contains images, Facebook’s back-end sometimes simply fails to grab images. Sometimes Facebook will grab completely irrelevant images like the small banner ones on the sidebar of the website. Take a look at the screenshot below that illustrates this issue:



    For this particular example, I grabbed a random post from a while ago. As you can see, I provided the link in the post, but Facebook failed to grab the image that is associated with that particular post (see the area in red). If you come across such a problem, the very first thing you should try to do is refresh the page in your browser, then paste the link again. Sometimes it takes a second for Facebook to grab the image and when you try the second time, it might work. The problem is, sometimes Facebook will not fetch images no matter how many times you try to refresh the browser and paste the link. If this happens to you, try the solution below.


    عند نشر المقالات على موقعنا، يقوم فريقنا دائمًا بنشر روابط لنفس المحتوى على صفحة المعجبين الخاصة بنا على Facebook، حيث لدينا ما يقرب من 250 ألف معجب. من أكبر الإحباطات التي واجهناها مع فيسبوك، هي عندما نقوم بنشر رابط لمقالة تحتوي على صور، ويرفض فيسبوك إظهار الصورة أعلى الرابط. والغريب في الأمر هو أنه في بعض الأحيان يؤدي حذف عنوان URL ولصقه مرة أخرى إلى ظهور صور وفي أحيان أخرى يرفض Facebook القيام بذلك تمامًا. وعندما لا تظهر الصورة، بغض النظر عن عدد مرات تحديث الصفحة أو لصق الرابط، فلن تظهر أبدًا. نظرًا لأن عددًا من قرائنا لديهم صفحات معجبين أو صفحات شخصية على Facebook حيث يقومون بلصق الروابط إلى مواقعهم أو محفظاتهم، فقد اعتقدت أنه سيكون من الجيد مشاركة طريقة إجبار Facebook على عرض الصور في الروابط.

    مشكلة في معاينة الصور في الفيسبوك

    لا أعرف السبب الدقيق لهذه المشكلة بالتحديد، ولكن يبدو أنه عندما يقدم أحدهم رابطًا لرسالة/منشور جديد يحتوي على صور، فإن الواجهة الخلفية لفيسبوك تفشل أحيانًا في التقاط الصور. في بعض الأحيان، يلتقط فيسبوك صورًا غير ذات صلة تمامًا مثل اللافتات الصغيرة الموجودة على الشريط الجانبي للموقع. ألقِ نظرة على لقطة الشاشة أدناه التي توضح هذه المشكلة:



    بالنسبة لهذا المثال بالذات، حصلت على مشاركة عشوائية منذ فترة. كما ترون، لقد قدمت الرابط في المنشور، لكن فيسبوك فشل في التقاط الصورة المرتبطة بهذا المنشور المحدد (انظر المنطقة باللون الأحمر). إذا واجهت مثل هذه المشكلة، فإن أول شيء يجب عليك فعله هو تحديث الصفحة في متصفحك، ثم لصق الرابط مرة أخرى. في بعض الأحيان، يستغرق فيسبوك ثانية واحدة لالتقاط الصورة، وعندما تحاول مرة أخرى، قد ينجح الأمر. تكمن المشكلة في أنه في بعض الأحيان لن يقوم Facebook بجلب الصور بغض النظر عن عدد المرات التي تحاول فيها تحديث المتصفح ولصق الرابط. إذا حدث لك هذا، جرب الحل أدناه.
    التعديل الأخير تم بواسطة غدير معروف; الساعة 11-03-2023, 09:42 PM.

  • #2
    The Solution – Facebook Debugger


    The good news is, Facebook engineers provided a great tool that can easily fix the thumbnail/image fetching problem – the Facebook Debugger. Simply go to https://developers.facebook.com/tools/debug and once the page opens up, paste the link that is not working into the input area, then click “Debug”, as shown below:



    The next page will appear, showing the metadata information for the page, along with other relevant information that Facebook reads:



    Scroll down until you get to the bottom of the page, where it shows what the link will look like when pasted:



    As you can see, there are two areas that show the image attached to that particular post – og:image and “When shared, this is what will be included”. Although Facebook does a pretty decent job at fetching images from links, it will always try to locate a Facebook-specific tag called “og:image” first. If you do not know what this tag is and you run a WordPress blog, I would recommend to find a Facebook Open Graph plugin that automatically inserts Facebook metadata for you. Try a plugin like this one or look into some SEO plugins like WordPress SEO that come with the capability to add Open Graph metadata.
    الحل - مصحح أخطاء الفيسبوك

    والخبر السار هو أن مهندسي Facebook قدموا أداة رائعة يمكنها بسهولة إصلاح مشكلة جلب الصورة المصغرة/الصورة - Facebook Debugger. ما عليك سوى الانتقال إلى https://developers.facebook.com/tools/debug، وبمجرد فتح الصفحة، الصق الرابط الذي لا يعمل في منطقة الإدخال، ثم انقر على "تصحيح"، كما هو موضح أدناه:



    ستظهر الصفحة التالية، والتي تعرض معلومات البيانات التعريفية للصفحة، إلى جانب المعلومات الأخرى ذات الصلة التي يقرأها فيسبوك:



    قم بالتمرير لأسفل حتى تصل إلى أسفل الصفحة، حيث يظهر الشكل الذي سيبدو عليه الرابط عند لصقه:



    كما ترون، هناك منطقتان تعرضان الصورة المرفقة بهذه المشاركة المحددة - og:image و"عند المشاركة، هذا هو ما سيتم تضمينه". على الرغم من أن فيسبوك يقوم بعمل جيد جدًا في جلب الصور من الروابط، إلا أنه سيحاول دائمًا تحديد موقع علامة خاصة بفيسبوك تسمى "og:image" أولاً. إذا كنت لا تعرف ما هي هذه العلامة وتقوم بتشغيل مدونة WordPress، فإنني أوصي بالعثور على مكون إضافي لـ Facebook Open Graph يقوم تلقائيًا بإدراج البيانات التعريفية لـ Facebook نيابةً عنك. جرّب مكونًا إضافيًا مثل هذا أو ابحث في بعض مكونات SEO الإضافية مثل WordPress SEO التي تأتي مزودة بإمكانية إضافة البيانات الوصفية لـ Open Graph.

    تعليق


    • #3
      Facebook Image Preview Fixed!


      Once you go through the above steps, you now should have a working link that will automatically display the image preview. Here is the same link that I pasted into the new post, which shows the image that was not there the first time:



      My recommendation would be to put Facebook Debugger in your browser favorites / toolbar. If things don’t work every once in a while, fire up the debugger, copy-paste the link and do it again!
      تم إصلاح مشكلة معاينة الصور في الفيسبوك!

      بمجرد اتباع الخطوات المذكورة أعلاه، يجب أن يكون لديك الآن رابط يعمل والذي سيعرض معاينة الصورة تلقائيًا. وهذا هو نفس الرابط الذي قمت بلصقه في المشاركة الجديدة، والذي يوضح الصورة التي لم تكن موجودة في المرة الأولى:



      توصيتي هي وضع Facebook Debugger في المفضلة/شريط الأدوات في متصفحك. إذا لم تعمل الأمور من حين لآخر، فقم بتشغيل مصحح الأخطاء، وانسخ الرابط والصقه، ثم قم بذلك مرة أخرى!

      تعليق

      يعمل...
      X