Header Ads

طريقة إصلاح روابط موقعك لتظهر بشكل سليم على تويتر بالصورة ونبذة عن الموضوع

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

 يكفي ان تعلم أن تويتر يحتوي على اكثر من 300 مليون مشترك من مختلف دول العالم، ويمكنك إستهداف قاعدة جماهرية كبيرة للترويج لموقعك بإستخدام احدث الهاشتاقات او الترندات.

 لكن معظم أصحاب مدونات بلوجر يعانون من مشكل عدم ظهور الروابط بشكل سليم على تويتر، حيث لا تظهر الصورة + الشرح + الرابط عكس موقع الفايسبوك و جوجل+ التي تظهر بشكل تلقائي، لهذا من الضروري القيام بتعديلات بسيطة والاستعانة ب Twitter cards أي بطاقات تويتر ، لهذا في تدوينتنا اليوم سنريكم طريقة تهيئة مدونتكم ليتم نشر روابطك على تويتر بشكل سليم.


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

  1. إذهب إلى:  لوحة تحكم بلوجر ----> المظهر ----> تعديل HTML.
  2. قم بالبحث عن الوسم <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' name='twitter:image:src'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@abdessamad_web' name='twitter:creator'/>

<!-- end twitter card details -->



تغييرات مهمة: 
  • قم بإستبدال abdessamad_web@ بإسم المستخدم الخاص بحسابك على تويتر.
  • عليك إستبدال رابط شعار الموقع الملون باللون الأخضر برابط شعار موقعك.
  • إكتب مكان عنوان موقعي المكتوب باللون الازرق عنوان موقعك او مدونتك.
  • يمكن إختبار الكود من خلال هذا الموقع Card validatorومعرفة إذا كان يعمل بشكل صحيح .
إذا استفدت من الشرح فإترك تعليقا، لا ترحل بدون أن تضع بصمتك 😉👇👇👇

ليست هناك تعليقات