كيفية الحصول على صورة مصغرة لمعاينة موقع الويب لتظهر على Facebook Share

click fraud protection

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

أضف Open Graph Markup

افتح الرسم البياني هو بروتوكول تم تطويره بواسطة Facebook والذي ، من بين ميزات أخرى ، يتيح لمطوري الويب إضافة علامات تمييز إلى صفحاتهم لتخصيص الطريقة التي يعرض بها Facebook الارتباطات إلى مواقع الويب الخاصة بهم.

فيديو اليوم

أضف علامات Open Graph إلى صفحة عن طريق تحرير كود مصدر HTML الخاص بها:

الخطوة 1

افتح ملف HTML في محرر نصي مثل Notepad أو في محرر HTML مخصص. ضع المؤشر قبل علامة الإغلاق بالقرب من أعلى الملف واضغط يدخل لإنشاء خط جديد.

ملف HTML في المفكرة ، مع الإشارة إلى سطر فارغ في قسم الرأس.

حقوق الصورة: الصورة مجاملة من مايكروسوفت

الخطوة 2

أدخل العلامة الوصفية التالية:

يحل محل http://www.example.com/thumb.jpg بالرابط الفعلي للصورة التي تريد أن يعرضها Facebook عندما يشارك المستخدم رابطًا إلى موقعك.

نصيحة

  • بينما يقبل Facebook الصور المصغرة بحجم 200 × 200 بكسل ، فإن ملف الحجم الموصى به يبلغ عرضه 1200 بكسل وارتفاعه 630 بكسل.
  • لزيادة النسبة المئوية للمستخدمين الذين ينقرون على الرابط - وهو ما يُعرف باسم معدل النقر - ضع في اعتبارك إضافة ملف دعوة للعمل للصورة ، مثل انقر هنا أو اكتشف المزيد.
ملف HTML مع علامة صورة الخاصية الوصفية Open Graph محاطة بدائرة.

حقوق الصورة: الصورة مجاملة من مايكروسوفت

الخطوه 3

احفظ الملف وقم بتحميله إلى مضيف الويب الخاص بك.

بالإضافة إلى الصورة المصغرة ، ضع في اعتبارك استخدام علامات تمييز Open Graph ، على سبيل المثال ، يعدل أو يكيف عنوان أو وصف ارتباط مشترك.

ملف HTML مع عنوان Open Graph وعلامات الوصف المشار إليها.

حقوق الصورة: الصورة مجاملة من مايكروسوفت