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

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

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

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

ابحث عن الوسم <head> و اضف الكود التالي تحته

<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://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
ننتظر حتى يتم التحقق من الموقع ثم نقوم بالضغط مرة اخرى و سوف نجد انه تم قبولنا مثل الصورة التالية

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

201