بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

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

twitter card
كيف تضيف أدوات تويتر الرسمية إلى موقعك بدون تعقيد

لتركيب الاضافة على مدونات بلوجر:

  1. إذهب إلى لوحة تحكم بلوجر ثم اختر تبويب "قالب"
  2. قم بتحرير قالب بعد الاحتفاظ بنسخة احتياطية منه.
  3. قم بالبحث عن الوسوم <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://2.bp.blogspot.com/-UsURhuC65KU/V4FOv4KHziI/AAAAAAAAIuw/l8obNGNMFF4X71AZt5DJp9EwLRGaPU3ZACK4B/s1600/new-logo.png' name='twitter:image:src'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@DrRo2' name='twitter:creator'/>

<!-- end twitter card details -->
  • إستبدل DrRo2@ بإسم المستخدم الخاص بحسابك على تويتر.
  • إستبدل رابط شعار الموقع الملون باللون الأخضر برابط شعار موقعك
  • إستبدل عنوان الموقع الملون باللون الأزرق بعنوان موقعك.
  • يمكن إختبار الكود من خلال هذا الموقع Card validatorومعرفة إذا كان يعمل بشكل صحيح أم لا.
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرًا
By