 |
| طريقة إضافة twitter Cards لمدونة بلوجر |
ما معنى twitter card ؟
هي بطاقة تعريف يمكن استخدامها لأنواع متعددة من المحتوى على شبكة الأنترنت، من مدونة أو موقع الى مقالات إخبارية، إلى منتجات ومطاعم. وهي مصممة لإعطاء القارئ معاينة للمحتوى الذي نشرته قبل أن يقوم بالنقر عليه.
وهناك نوعين من بطاقة التعريف التي توفرها تويتر .
النوع الأول : بطاقة تعريف عادية
بطاقة عادية تتوفر على موجز عن المحتوى المراد نشره مع صورة مصغرة .
النوع الثاني : بطاقة تعريف مع صورة كبيرة الحجم
بطاقة لموجز المحتوى مع صورة كبيرة الحجم كما هو موضح في الصورة .
الأن بعد أن تعرفت على ما معنى twitter card وأنواعها نمر الى طريقة إضافة تويتر كارد لمدونة بلوجر.
نذهب الى لوحة تحكم بلوجر > القالب > تحرير HTML
ثم بعد الوسم <head> (أي تحته مباشرة)
بالنسبة للنوع الأول اي تويتر كارد عادية ضع الكود التالي :
بالنسبة للنوع الأول اي تويتر كارد عادية ضع الكود التالي :
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@mhofficialblog" />
<meta name="twitter:title" content="عنوان المدونة أو الموضوع" />
<meta name="twitter:description" content="وصف موجز للمدونة." />
<meta name="twitter:image" content="رابط الصورة أو اللوجو بحيث لا يتعدى حجمها 200x200" />
وبالنسبة ادا كنت تريد تويتر كارد مع صورة كبيرة ضع الكود التالي :
<!-- twitter card with large image Begain by mhofficialblog -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@site" />
<meta name="twitter:creator" content="@author">
<meta name="twitter:title" content="عنوان المدونة أو الموضوع" />
<meta name="twitter:description" content="وصف موجز للمدونة." />
<meta name="twitter:image" content="رابط الصورة " />
<!-- twitter card with large image End by mhofficialblog -->
بعد وضع الكود الدي إخترته قم بتجربة لكي ترى كيف يظهلر الرابط الذي طبقت عليه الكود وذلك عن طريق Twitter car validator .
لأ تساؤل حول هذا الدرس لا تتردد في ترك تعليق
والسلام عليكم ورحمة الله وبركاته
السلام عليكم
ردحذفهل الغى تويتر النوع الثاني : بطاقة تعريف مع صورة كبيرة الحجم
لانه نسخت الكود ووضعته كما تفضلت ولكن فقط صورة مصغر ظهرت لدي
لا يا اخي الكريم لم يقم تويتر بالغاء النوع الثاني فقط تفقد ان كنت اخطأت في الكود ... ان مزال نفس المشكل لديك لا تتردد على مراسلتنا على صفحة اتصل بنا لنساعدك على تجاوز المشكلة وشكرا نورت المدونة
حذفأخي الكريم .. هذه الطريقة لا تصلح أبداً لبلوجر ، لأن هناك قيم متغيرة مثل العناوين والوصف وبالتالي لابد من استخدام مخطط البيانات ، العجيب أنك طبقتها بشكل صحيح على مدونتك ، لذلك استبدل الاكواد بنفس لتي في قالبك.
ردحذفالكود شغال اخي نعم يمكنك استعمال كود مدونتنا راسل مدير المدونة من هنا
حذفhttp://contact-ihtarifweb.blogspot.com/
ونورت اخي