الاثنين، 20 مارس، 2017

إعداد روابط مدونتك لتظهر بشكل صحيح على تويتر

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

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

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

1- ذهب إلى لوحة تحكم مدونتك وإذهب إلى " المظهر".
2- إضغط " تحرير القالب "
3- إضغط Crtl+f وإكتب في مربع البحث <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://3.bp.blogspot.com/-2kRBoItHicY/WM2tNslRy3I/AAAAAAAAACU/msldu5fbKngZ7367XYJTjlZixXkEz_5WACK4B/s1600/create_thumb%2B%25281%2529.png'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@zaittar' name='twitter:creator'/>

<!-- end twitter card details -->

قم بالأتي: 

- غير zaittar المكتوب بالأحمر إلى إسم حسابك على تويتر.
- غير عبد الصمد ويب المكتوب بالأخضر إلى إسم مدونتك.
- غير الرابط الذي بالأزرق برابط شعار مدونتك.

إلى هنا ينتهي الشرح واتمنى ان لا تحرمونا من تفاعلاتكم و ردودكم

إرسال تعليق

إكتب ماتبحث عنه وإضغط Enter لترى النتائج