دليل المدون

2016-08-05

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

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

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

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

 بكل تأكيد أن تسويق موضوعات موقعك عبر مواقع التواصل الإجتماعى أمر لا يستهان به، وموقع تويتر مصدر مهم للزوار المستهدفين لا نستطيع تجاهله فهناك 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSGdCX37zt9OpiA4hes3ZDokKpPosAydqyKngxJPOyxoGHBcztcPXCeTr2_sPMcson0qhOrk0c7vA_STc6GZJPZt1mGqjlgAmJQzbcDGBeIErtHowYGgWvwn-S1YRuJUOS9YjnoQvJTXno/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ومعرفة إذا كان يعمل بشكل صحيح أم لا.
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرًا
تصميم مواقع إلكترونية و تطبيقات بأقل الأسعار

هناك 17 تعليقًا

  1. السلام عليكم
    ممكن مساعده
    عندما اضع رابط موضوع يخص المدونة في تويتر يظهر تحت اسم المدونة XXXXX
    والصورة صغيره وليست كبيرة رغم ادخال (summary_large_image)
    وشكرا مقدما

    ردحذف
  2. الحمد لله تجازت مسالة ظهور حرف xxxxx الان بقي فقط مسالة الصورة ما زالت تظهر صغيرة وليست كبيرة

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

      حذف
  3. محتاج الطريقة على وورد برس

    ردحذف
    الردود
    1. الطريقة على الووردبريس على الموقع الرسمى Twitter card
      شكرا لمتابعتك

      حذف
  4. السلام عليكم : انا ابحث منذ فترة عن كود محتوى مخفي مثل هذا الذي هنا تماما
    http://www.hawaam.com/2015/10/blog-post_606.html
    ولكن للأسف لم أجده
    والكود الذي وجدته قريب منه ولكن ليس هو فهذا الكود الذي في الرابط بالأعلى يعطيك جزء من المقال بالصورة وعند الضغط على اكمال القراءة يختفي زر اكمال القراءة ويظهر الموضوع كاملا وليس الجزء المطلوب فقط
    أرجو مساعدتي في معرفة هذا الكود وجزاكم الله خيرا

    ردحذف
  5. عندى مشكلة ومش عارف احلها من عشرة ايام اشتريت دومين مدفوع من جودادى هذا الدومين به باك لينكس كثيرة واوثرتى عالى وقمت بانشاء مدونه وربط الدومين بالمدونة وعملت خريطه وبعتها لجوجل لكن الموقع مش اترفع فى المحرك ومش عارف ايه السبب ممكن مساعدة

    ردحذف
  6. حقيقى لا أعرف ما سبب المشكلة ..ربما يساعدك أحد متابعى المدونة

    ردحذف
  7. شكرا جزيلا ، انا لدي موقع انجليزي فقط ترجمة اسم الموقع وكلمة اقرأ المزيد ... كنت اعاني من هذه المشكلة وحمدلله انحلت

    ردحذف
  8. السلام عليكم ورحمة الله وبركاته لدي مشكلة عند تضمين كود الخاص بصورة من توييتر و اضعه في مدونتي لا تظهر صورة مغ انه كان يعمل جيدا ارجو المسااعدة
    هكذا اصبحت تضهر http://alamane22.blogspot.com/2017/06/pleaze-help.html

    ردحذف

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

Privacy-Policy | إعلن لدينا
جميع الحقوق محفوظة لــ كن داعيا للخير 2011-2022 ©

تصميم كن مدون