إظهار صورة وملخص روابط مدونة بلوجر على تويتر Twitter Card
بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
بكل تأكيد أن تسويق موضوعات موقعك عبر مواقع التواصل الإجتماعى أمر لا يستهان به، وموقع تويترمصدر مهم للزوار المستهدفين لا نستطيع تجاهله فهناك 3000 مليون مستخدم نشط شهريًا ، لذلك يفضل نشر الروابط بشكل جيد بحيث تحتوى التغريدة على (صورة مصغرة + عنوان الموضوع + ملخص الموضوع ) فبمجرد مشاركة الرابط على تويتر تظهر محتويات الرابط تلقائًيًا مثلما يحدث فى الفيس بوك وجوجل بلس.
ولكن بالنسبة لتويتر الأمر يختلف حيث لابد من الإستعانة بميزة Twitter Card التى يوفرها موقع تويتر لتحسين ظهور الروابط لذلك سأوضح فى هذا الموضوع كيفية تفعيل هذه الميزة لمدونات بلوجر.
ولكن بالنسبة لتويتر الأمر يختلف حيث لابد من الإستعانة بميزة 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='"إقرأ المزيد " + data:blog.pageTitle + " "' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<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='"إقرأ المزيد " + data:blog.pageName + " كن داعيا للخير " + data:blog.title + ""' 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/AVvXsEjeRRtimSZ5yPjO3MYBbsJ5WvcKURGAyvw5sKiY5ao1DK1U7grGm2e8TvNEYI_0Ab8BTRD7eDOE-9_z1mlOKWcQtXMTJZYjlNcM3Llbr-ye4axY-zovf-ptQC5-7LZMThlTyPFb179ZQcuC/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ومعرفة إذا كان يعمل بشكل صحيح أم لا.
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرًا
0 التعليقات:
إرسال تعليق