حل مشكله عدم ظهور الصوره الصحيحه للمقاله في بلوجر عند عمل مشاركه للمقال في مواقع التواصل الاجتماعي

Question 1

خطوات حل مشكله الصوره البارزه للمقال التي يمكنك اتباعها لحل المشكلة

Answer

1. التأكد من وجود صورة ممثلة للمقالة: تحتاج إلى التأكد من أن لديك صورة تمثل المقالة وأنها موجودة في الموضع الصحيح على بلوجر. يُفضل استخدام صورة بحجم كبير وبجودة عالية، عادة ما تكون بأبعاد تتناسب مع مواقع التواصل الاجتماعي مثل 1200x630 بكسل.
2. استخدام الوسم المناسب: تأكد من أنك تستخدم وسم الصورة المناسب في كود المقالة على بلوجر. يمكنك استخدام الوسم `` مع الخاصية `property="og:image"` وتعيين قيمتها لعنوان URL للصورة. على سبيل المثال:
```
<meta property="og:image" content="https://example.com/path/to/image.jpg">
```
تأكد من وضع هذا الوسم داخل عنصر `<head>` في كود HTML الخاص بمقالتك.
إعادة تحميل المحتوى المشترك: قد يكون مشكلة في ذاكرة التخزين المؤقتة للمواقع الاجتماعية. جرب مشاركة المقالة مرة أخرى بعد حذف ذاكرة التخزين المؤقتة للمتصفح أو باستخدام رابط مختلف.
اختبار الرابط عبر أدوات التشخيص: يمكنك استخدام أدوات تشخيص الروابط المشتركة مثل "Facebook Sharing Debugger" أو "Twitter Card Validator" لفحص وتشخيص الروابط المشتركة والتحقق من أنها تظهر بشكل صحيح. قد يساعد هذا في تحديد المشكلة الحقيقية وتقديم توصيات حول كيفية حلها.

Question 2

هل يجب ان اضع الكود يدوياً في كل منشور اقوم به؟

Answer

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

1. قم بتسجيل الدخول إلى حساب بلوجر الخاص بك وانتقل إلى لوحة التحكم الخاصة بالمدونة.
2. انتقل إلى "الإعدادات" واختر "المظهر".
3. تحت قالب المدونة الحالي، انقر على "تحرير HTML".
4. في صندوق النص الذي يظهر، ابحث عن العنصر `<head>`.
5. بعد العنصر `<head>`, ابحث عن السطر الذي يبدأ بـ `<b:skin>`.
6. أضف الوسم التالي داخل `
<b:skin>:

<b:if cond="data:blog.pageType" quot="" item=""> <meta expr:content="data:post.thumbnailUrl" property="og:image" /> </b:if>
7. احفظ التغييرات.

بهذا التغيير، ستقوم بلوجر بإدراج تلقائي لوسم الصورة المناسب عند مشاركة المقالة على مواقع التواصل الاجتماعي. يجب أن تتأكد من أنك قمت بتعيين صورة ممثلة لكل مقالة عند كتابتها، وسيتم استخدام هذه الصورة تلقائيًا في كود المشاركة.

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

Question 3

ماذا يفعل هذا الكود تحديداً؟

Answer

أيقوم هذا الكود بإستخدام الصوره المعينه (التي قمت بتعيينها كصوره بارزه للمقال) كصوره للمشاركه عبر فيس بوك.

الكود سيستخدم الصورة المحددة كـ `thumbnailUrl` للمنشور. في بلوجر، يمكنك تعيين صورة مصغرة لكل منشور باستخدام خاصية `thumbnailUrl`.

إذا كنت ترغب في تحديد أي صورة داخل المقال لتكون الصورة المحددة، يمكنك تعديل الكود على النحو التالي:

<b:if cond="data:blog.pageType" quot="" item="">

في هذا التعديل، يتم استخدام `firstImageUrl` بدلاً من `thumbnailUrl`. هذا سيجعل الكود يستخدم أول صورة في المقال كصورة المحددة عند مشاركة المقالة على مواقع التواصل الاجتماعي.

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