8 يناير 2015

مدون محترف دروس بلوجر اضافة اكواد ميتا تاج الخاصة على توتير

اضافة اكواد ميتا تاج الخاصة على توتير

اضافة اكواد ميتا تاج الخاصة على توتير كل مدون يعرف اهمية مواقع التواصل الاجتماعي المختلفة مثل توتير Twitter و فيس بوك Facebook و جوجل بلس Google+

اضافة اكواد ميتا تاج الخاصة على توتير - كل مدون يعرف اهمية مواقع التواصل الاجتماعي المختلفة مثل توتير Twitter و فيس بوك Facebook و جوجل بلس Google+ و كل موقع من هذه المواقع تقريبا تحتاج إلى اكواد ميتاتاج Meta Tag خاصة بها لذلك اليوم سوف نشرح طريقة اضافة ميتا تاج لأحد هذه المواقع و كيفية تفعيلها بالطريقة الصحيحة

طريقة الإضافة


  1. ادخل إلى لوحة تحكم المدونة
  2. انتقل إلى قالب
  3. انقر على تحرير HTML

ابحث عن الوسم <head> و اضف الكود التالي تحته
<!-- [ Social meta tag Twitter] -->
<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://pbs.twimg.com/profile_images/525116230353420289/IgeESpuv_400x400.png' name="twitter:image:src"/>
</b:if>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@mudwnp' name='twitter:creator'/>


اهم الإعدادات

قم بتغيير كلمة mudwnp إلى اسم حساب تويتر الخاص بك
قم بتغيير ما هو باللون الاحمر بالصور الخاصة بك على تويتر Twitter

الان نقوم بالدخول إلى الموقع الخاص بتويتر و نضع رابط مدونتنا 

الموقع : https://cards-dev.twitter.com/validator  و نضعط على Preview Card 
ننتظر حتى يتم التحقق من الموقع ثم نقوم بالضغط مرة اخرى و سوف نجد انه تم قبولنا مثل الصورة التالية

اضافة اكواد ميتا تاج الخاصة على توتير كل مدون يعرف اهمية مواقع التواصل الاجتماعي المختلفة مثل توتير Twitter و فيس بوك Facebook و جوجل بلس Google+

اي سؤال او استفسار لا تترد بوضعه في تعليق بالتوفيق

مواضيع ذات صلة
اضافة اكواد ميتا تاج الخاصة على توتير
4 / 5
بواسطة

هناك 6 تعليقات :

  1. السلام عليكم ورحمة الله و براكاته
    لدي استفسار اخي عن

    ماذا اضع في xxxxx
    وشكرا r=

    ردحذف
    الردود
    1. و عليكم السلام و رحمة الله و بركاته
      اهلا اخي ولكن في الكود فوق لا يوجد xxx

      حذف
    2. meta content='xxxxx' property='og:description

      حذف
    3. هذا الكود اكتب مكان xxx وصف المدونة الخاص بك

      حذف
    4. شكرا لك على الاجابة q=
      بدوام التوفيق

      حذف
    5. لا شكر على واجب يا غالي
      بالتوفيق =r

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r