توییتر کارت چیست
1397/05/29
در این مقاله قصد داریم توضیحاتی درباره توییتر کارت یا همان Twitter Cards و متا تگهای آن به شما بدهیم.
Twitter Cards چیست ؟
وقتی فردی لینک شما را توییت می‌کند اگر شما در صفحه خود توییتر کارت را داشته باشید یک کارت به توییت او اضافه می‌شود که شما می‌توانید عکس ، فیلم و نوشته مختصری به آن اضافه کنید. از این طریق شما ترافیک بیشتری به سایت خود می‌فرستید. در ادامه به توضیح انواع توییتر کارت می پردازیم :
Summary Card
Summary Card with Large Image
در این دو نوع یک عکس و نوشته مرتبط با آن به نمایش در می‌آید و کاربر را هر چه بیشتر و بهتر تشویق به ورود به سایت شما می‌کند. در زیر نمونه کد به همراه توضیحات هر خط در این رابطه برای شما گذاشته شده است :
<meta name="twitter:card" content="summary ">
برای نوع کارت Summary Card باید روی summary ست شود.
<meta name="twitter:card" content="summary_large_image">
برای نوع کارت Summary Card with Large Image باید روی summary_large_image ست شود.
<meta name="twitter:site" content="@nytimes">
نام اکانت توییتر سایت را در این تگ می‌نویسیم
<meta name="twitter:creator" content="@SarahMaslinNir">
نام اکانت توییتر سازنده سایت را در این تگ می‌نویسیم
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
عنوانی برای توییتر کارت انتخاب می‌کنیم
<meta name="twitter:description" content="NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here." >
توضیحاتی اجمالی برای آشنایی بیشتر کاربر با سایت می‌دهیم
<meta name="twitter:image" content="http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg">
آدرس عکس مربوط به صفحه که نشان دهنده هر چه بهتر محتویات است را در این تگ اضافه می‌کنیم
App Card
برای نشان دادن آن است که شما یک اپلیکیشن دارید و توییتر این انتخاب را به کاربر می‌دهد تا این اپ را نصب نماید. نمونه کد اپ کارت را در ادامه برای شما می‌آوریم که علاوه بر موارد بالا شما باید اطلاعات اپلیکیشن خود را در اپاستور یا گوگل اپ وارد کنید :
<meta name="twitter:card" content="app">
<meta name="twitter:site" content="@TwitterDev">
<meta name="twitter:description" content="Cannonball is the fun way to create and share stories and poems on your phone. Start with a beautiful image from the gallery, then choose words to complete the story and share it with friends." >
<meta name="twitter:app:country" content="US>
<meta name="twitter:app:name:iphone" content="Cannonball">
<meta name="twitter:app:id:iphone" content="929750075">
<meta name="twitter:app:url:iphone" content="cannonball://poem/5149e249222f9e600a7540ef">
<meta name="twitter:app:name:ipad" content="Cannonball">
<meta name="twitter:app:id:ipad" content="929750075">
<meta name="twitter:app:url:ipad" content="cannonball://poem/5149e249222f9e600a7540ef">
<meta name="twitter:app:name:googleplay" content="Cannonball">
<meta name="twitter:app:id:googleplay" content="io.fabric.samples.cannonball">
<meta name="twitter:app:url:googleplay" content="http://cannonball.fabric.io/poem/5149e249222f9e600a7540ef">
امیدوارم که از این مقاله استفاده کرده باشد و مفید واقع شده باشد