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

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

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

إذهب إلى لوحة تحكم بلوجر ثم اختر تبويب "قالب"
قم بتحرير قالب بعد الاحتفاظ بنسخة احتياطية منه.
قم بالبحث عن الوسوم <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/AVvXsEg3-GL4d21bF00HEKCJ5gDloA6dfkXwRkZWMuCsS4IatcC3PIEYmd8XwVF2-e2US9r7WGwmK60NOrWqr3QEhMjJunW_DtOSwlOWj1ueIYY1xwBdGU9_gnJKa1LtUosaNiuESR4_PEMP0Iz7/s1600/new-logo.png' name='twitter:image:src'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@Shmos_Net' name='twitter:creator'/>

<!-- end twitter card details -->

إستبدل
```
Shmos_Net
```
@ بإسم المستخدم الخاص بحسابك على تويتر.
إستبدل رابط شعار الموقع الملون باللون الأخضر برابط شعار موقعك
إستبدل عنوان الموقع الملون باللون الأزرق بعنوان موقعك.
يمكن إختبار الكود من خلال هذا الموقع Card validatorومعرفة إذا كان يعمل بشكل صحيح أم لا.

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

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

إرسال تعليق

الاكثر مشاهده

الاقسام