عقول للمعلوميات عقول للمعلوميات
حلقات

آخر الأخبار

حلقات
جاري التحميل ...

طريقة إظهار صورة وملخص روابط مدونة بلوجر على تويتر Twitter Card




عند مشاركة موضوع من مدونة بلوجر على موقع جوجل بلاس أو فيس بوك فيظهر بشكل كامل مع صورة وملخص رابطه لكن عند مشاركة موضوع على موقع تويتر يظهر فقط الوصف ورابط طويل مما يجعل الأمر غير جداب لمسخدمي موقع التواصل الإجتماعي تويتر وبكل تأكيد أمر لايستهان  به عند مشاركة تدوينة على موقع تويتر بحيث يعتبر مصدر مهم للزوار المستهدفين ، وبالتالي عند نشر تدوينة على تويتر يجب أن تحتوي على (صورة مصغرة + عنوان الموضوع + ملخص الموضوع ) ولهذا سنستعين بإضافة كود Twitter Card الذي يمكنك من خلاله تحسين ضهور المواضيع على تويتر .

أول وقبل كل شيء يمكنك معاينة المواضيع التي نشرتها على موقع تويتر لمشاهدتها كيف تظهر : حسابي على تويتر ChafikOuadine@ .

طريقة تركيب إضافة Twitter Card على مدونة بلوجر :

  1. إذهب إلى لوحة التحكم بلوجر
  2. ثم إختار القالب
  3. ثم إضغط على تحرير HTML
إبحث عن وسم </head> ثم أضف الكود التالي فوقه
<!-- twitter card details -->
<meta expr:content='data:blog.title' name='twitter:site'/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta expr:content='data:blog.title' name='twitter:title'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta expr:content='&quot;إقرأ المزيد &quot; + data:blog.pageTitle + &quot; &quot;' property='og:description'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta expr:content='data:blog.pageName' name='twitter:title'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='twitter:description'/> <b:else/> <meta expr:content='&quot;إقرأ المزيد &quot; + data:blog.pageName + &quot; عقول للمعلوميات &quot; + data:blog.title + &quot;&quot;' name='twitter:description'/> </b:if> </b:if> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/> <b:else/> <meta content='http://1.bp.blogspot.com/-PIwSYKYP_KU/V5-P0uEZK_I/AAAAAAAAEJY/WmjwpvgflVADTqDctWYwpCTwuZE7MYYAQCK4B/s1600/cooltext197357456066847.png' name='twitter:image:src'/> </b:if> </b:if> <meta content='summary_large_image' name='twitter:card'/> <meta content='@ChafikOuadine' name='twitter:creator'/>
<!-- end twitter card details -->

تنسيقات

 إستبدل ChafikOuadine@ بإسم المستخدم لحسابك على تويتر
إستبدل رابط شعار المدونة الملون بالأزرق برابط شعار مدونتك

عند إضافة كود Twitter Card يمكنك إختبار المواضيع من خلال أداة Card validator التي يوفرها موقع تويتر للتأكد إن كان كل شيء يضهر بشكل صحيح . 

عن الكاتب

Chafik Ouadine

التعليقات


اتصل بنا

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

جميع الحقوق محفوظة

عقول للمعلوميات