How To Add Twitter Cards In Blogger
You mightiness live on thinking, why I am posting virtually Twitter in ane lawsuit again because I receive got of late created a postal service virtually Twitter follow box as well as earlier that I receive got also created unopen to posts virtually twitter similar Twitter animated plane gadget as well as unopen to other posts. But the argue which made me to write unopen to other postal service related to twitter is something novel as well as interesting that is "Twitter Cards".
You mightiness receive got heard virtually it. If y'all know virtually Twitter Cards as well as thence y'all are skilful at Twitter marketing as well as y'all must live on getting skilful traffic from twitter.
So this postal service is virtually Twitter cards, How to add together Twitter cards inward blogger, what is its significance, What are types of twitter cards as well as everything virtually Twitter cards.
So allow me start from:
What Influenza A virus subtype H5N1 Twitter Card Is?
Twitter cards are a sort of optimizations which makes your tweets to a greater extent than living. With twitter cards y'all are able to add together images, videos as well as media experiences inward your tweets. You simply require to add together unopen to Html code inward your template as well as after that when mortal tweets your post, the tweet volition comport postal service picture or video thence making your tweets to a greater extent than living.
1. Twitter cards add together images, videos, GIF's as well as other media to your tweets.
2. Twitter cards brand your tweets to a greater extent than attractive.
3. Boost your twitter engagement, people sentiment your tweets as well as catch your links.
4. Ultimately y'all larn to a greater extent than traffic from twitter.
5. Unique tweets amongst twitter cards convey y'all to a greater extent than followers too!
6. After embedding tweets tweeted amongst twitter cards they receive got an amazing await thence y'all volition definitely larn noticed yesteryear your visitors thence y'all volition larn to a greater extent than as well as to a greater extent than followers.
Significance Of Using Twitter Cards:
Twitter cards receive got next significance:1. Twitter cards add together images, videos, GIF's as well as other media to your tweets.
2. Twitter cards brand your tweets to a greater extent than attractive.
3. Boost your twitter engagement, people sentiment your tweets as well as catch your links.
4. Ultimately y'all larn to a greater extent than traffic from twitter.
5. Unique tweets amongst twitter cards convey y'all to a greater extent than followers too!
6. After embedding tweets tweeted amongst twitter cards they receive got an amazing await thence y'all volition definitely larn noticed yesteryear your visitors thence y'all volition larn to a greater extent than as well as to a greater extent than followers.
Types Of Twitter Cards:
1. Summery Card: Summery carte du jour contains title, description, thumbnail as well as twitter concern human relationship info. All the information is gathered from the postal service it is tweeted. Take a await of summery carte du jour below.
2. Summery Card With Large Image: It is same equally summery carte du jour amongst a piffling divergence of large picture dissimilar pocket-size picture a inward summery card. The large picture is thence prominent that such tweet volition definitely larn reply of users. I receive got a exhibit of it too, accept a await below.
3. App Card: An app carte du jour contains information virtually your site's mobile app amongst a Download push which straight takes y'all to App store. So this carte du jour is skilful for those who receive got apps for their site. This carte du jour has different looks for mobile as well as desktop, y'all tin accept a await below.
4. Player Card: A carte du jour which provides tweets amongst videos, audio, images, GIF's as well as other media. This carte du jour is best for sites amongst media content similar videos or audio(mp3). You tin accept a await below.
2. Summery Card With Large Image: It is same equally summery carte du jour amongst a piffling divergence of large picture dissimilar pocket-size picture a inward summery card. The large picture is thence prominent that such tweet volition definitely larn reply of users. I receive got a exhibit of it too, accept a await below.
3. App Card: An app carte du jour contains information virtually your site's mobile app amongst a Download push which straight takes y'all to App store. So this carte du jour is skilful for those who receive got apps for their site. This carte du jour has different looks for mobile as well as desktop, y'all tin accept a await below.
4. Player Card: A carte du jour which provides tweets amongst videos, audio, images, GIF's as well as other media. This carte du jour is best for sites amongst media content similar videos or audio(mp3). You tin accept a await below.
How To Add Twitter Cards In Blogger?
1. Summery Card:
To install twitter summery carte du jour inward your spider web log include the code given below inward your template after <head>
<b:if cond='data:blog.pageType == "item"'>
<meta content='summary' name='twitter:card'/>
<meta content='@101helperblog' name='twitter:site'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:post.firstImageUrl' name='twitter:image'/>
Replace @101helperblog amongst your blog's twitter ID. You tin banking concern tally if your carte du jour is working fine or no yesteryear either tweeting your postal service or yesteryear using Twitter Card Validator.
2. Summery Card With Large Image:
Copy the below code as well as glue it inward your template after <head> and relieve your template.
Replace @101helperblog with your's(twitter:creator) as well as your blog's(twitter:site) twitter ID.
3. App Card:
This carte du jour is non for everyone because I don't intend that bloggers receive got ios app. But perhaps those who purchase a domain afterwards after successful blogging, the may create ios app. So this carte du jour is for those who receive got ios app as well as they desire to growth their downloads. Simple include the below code inward your template simply after <head>.
After adding this code inward your site or spider web log below <head> brand next changes.
4. Player Card:
Player carte du jour is for those sites which receive got videos or well content. If y'all receive got a blogger having video content as well as thence y'all tin install this carte du jour inward your blog. Just re-create the below code as well as glue it inward each of your post's Html editor non inward text editor or inward template. After pasting the code below simply brand changes according to your needs. If y'all receive got videos hosted on youtube as well as thence y'all don't require this carte du jour because Youtube has installed the cards, y'all don't require to install actor card.
One to a greater extent than affair virtually this carte du jour that after implantation of code y'all require to asking Twitter for approval. So larn to Twitter Card Validator to source confirm that your carte du jour is implanted correctly or no as well as after that y'all receive got to shipping asking for approval.
After validating your actor carte du jour y'all volition run across next page, click on Request Approval.
Fill upward the shape as well as shipping asking as well as hold off for approval!
NOTE: Include the inward a higher house code alone in ane lawsuit inward a page for a video. Also purpose https for every link y'all add together within meta tags. Otherwise y'all won't larn your actor carte du jour approved!
I promise y'all flora this postal service helpful. I receive got used all the meta tags inward my template to banking concern tally if they are working fine or no as well as I flora every tag working fine. But if y'all receive got whatsoever work inquire me or if y'all receive got whatsoever information virtually Twitter Cards part it amongst me thence that I tin add together it inward this post.
Thank y'all really much for visiting 101Helper, practise catch again. Share us amongst your fiends as well as co-bloggers or webmasters. Follow us on social networks to rest updated.
2. Summery Card With Large Image:
Copy the below code as well as glue it inward your template after <head> and relieve your template.
<b:if cond='data:blog.pageType == "item"'>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@101helperblog"/>
<meta name="twitter:creator" content="@101helperblog"/>
<meta name="twitter:title" expr:content='data:blog.pageName'/>
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
<meta name="twitter:image" expr:content='data:post.firstImageUrl'/>
</b:if>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:site" content="@101helperblog"/>
<meta name="twitter:creator" content="@101helperblog"/>
<meta name="twitter:title" expr:content='data:blog.pageName'/>
<meta name="twitter:description" expr:content='data:blog.metaDescription'/>
<meta name="twitter:image" expr:content='data:post.firstImageUrl'/>
</b:if>
Replace @101helperblog with your's(twitter:creator) as well as your blog's(twitter:site) twitter ID.
3. App Card:
This carte du jour is non for everyone because I don't intend that bloggers receive got ios app. But perhaps those who purchase a domain afterwards after successful blogging, the may create ios app. So this carte du jour is for those who receive got ios app as well as they desire to growth their downloads. Simple include the below code inward your template simply after <head>.
<meta name="twitter:card" content="app"/>
<meta name="twitter:site" content="@TwitterDev"/>
<meta name="twitter:description" content="Cannonball is the fun agency to create as well as part stories as well as poems on your phone. Start amongst a beautiful picture from the gallery, as well as thence select words to consummate the storey as well as part it amongst 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"/>
<meta name="twitter:site" content="@TwitterDev"/>
<meta name="twitter:description" content="Cannonball is the fun agency to create as well as part stories as well as poems on your phone. Start amongst a beautiful picture from the gallery, as well as thence select words to consummate the storey as well as part it amongst 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"/>
After adding this code inward your site or spider web log below <head> brand next changes.
1. <meta name="twitter:card" content="app"/>
2. <meta name="twitter:site" content="YOUR SITE'S TWITTER ID"/>
3. <meta name="twitter:description" content="SITE DESCRIPTON"/>
4. <meta name="twitter:app:country" content="APP COUNTRY"/>
5. <meta name="twitter:app:name:iphone" content="YOUR APP'S IPHONE NAME"/>
6. <meta name="twitter:app:id:iphone" content="YOUR APP ID FOR IPHONE"/>
7. <meta name="twitter:app:url:iphone" content="YOUR APP'S IPHONE URL E.G: cannonball://poem/5149e249222f9e600a7540ef"/>
8. <meta name="twitter:app:name:ipad" content="YOUR APP'S IPHONE NAME"/>
9. <meta name="twitter:app:id:ipad" content="YOUR APP ID FOR IPAD"/>
10. <meta name="twitter:app:url:ipad" content="YOUR APP'S IPAD URL E.G: cannonball://poem/5149e249222f9e600a7540ef"/>
11. <meta name="twitter:app:name:googleplay" content="YOUR APP'S GOOGLEPLAY NAME"/>
12. <meta name="twitter:app:id:googleplay" content="YOUR APP'S GOOGLEPLAY ID E.G: io.fabric.samples.cannonball"/>
13. <meta name="twitter:app:url:googleplay" content="YOUR APP'S GOOGLEPLAY URL E.G: http://cannonball.fabric.io/poem/5149e249222f9e600a7540ef"/>
2. <meta name="twitter:site" content="YOUR SITE'S TWITTER ID"/>
3. <meta name="twitter:description" content="SITE DESCRIPTON"/>
4. <meta name="twitter:app:country" content="APP COUNTRY"/>
5. <meta name="twitter:app:name:iphone" content="YOUR APP'S IPHONE NAME"/>
6. <meta name="twitter:app:id:iphone" content="YOUR APP ID FOR IPHONE"/>
7. <meta name="twitter:app:url:iphone" content="YOUR APP'S IPHONE URL E.G: cannonball://poem/5149e249222f9e600a7540ef"/>
8. <meta name="twitter:app:name:ipad" content="YOUR APP'S IPHONE NAME"/>
9. <meta name="twitter:app:id:ipad" content="YOUR APP ID FOR IPAD"/>
10. <meta name="twitter:app:url:ipad" content="YOUR APP'S IPAD URL E.G: cannonball://poem/5149e249222f9e600a7540ef"/>
11. <meta name="twitter:app:name:googleplay" content="YOUR APP'S GOOGLEPLAY NAME"/>
12. <meta name="twitter:app:id:googleplay" content="YOUR APP'S GOOGLEPLAY ID E.G: io.fabric.samples.cannonball"/>
13. <meta name="twitter:app:url:googleplay" content="YOUR APP'S GOOGLEPLAY URL E.G: http://cannonball.fabric.io/poem/5149e249222f9e600a7540ef"/>
4. Player Card:
Player carte du jour is for those sites which receive got videos or well content. If y'all receive got a blogger having video content as well as thence y'all tin install this carte du jour inward your blog. Just re-create the below code as well as glue it inward each of your post's Html editor non inward text editor or inward template. After pasting the code below simply brand changes according to your needs. If y'all receive got videos hosted on youtube as well as thence y'all don't require this carte du jour because Youtube has installed the cards, y'all don't require to install actor card.
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta name="twitter:card" content="player"/>
<meta name="twitter:site" content="@TWITTER ID"/>
<meta name="twitter:title" content="TITLE OF VIDEO"/>
<meta name="twitter:description" content="DESCRIPTION OF VIDEO"/>
<meta name="twitter:image" content="IMAGE URL FOR VIDEO"/>
<meta name="twitter:player" content="PAGE URL CONTAINING VIDEO"/>
<meta name="twitter:player:width" content="480"/>
<meta name="twitter:player:height" content="480"/>
<meta name="twitter:player:stream" content="URL OF VIDEO E.G: Yourvideo.com/video.mp4"/>
<meta name="twitter:player:stream:content_type" content="video/mp4"/>
<meta name="twitter:player:stream" content="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8"/>
<meta name="twitter:player:stream:content_type" content="video/mp4;codecs="avc1.42E01E1, mp4a.40.2"/>
<meta name="twitter:card" content="player"/>
<meta name="twitter:site" content="@TWITTER ID"/>
<meta name="twitter:title" content="TITLE OF VIDEO"/>
<meta name="twitter:description" content="DESCRIPTION OF VIDEO"/>
<meta name="twitter:image" content="IMAGE URL FOR VIDEO"/>
<meta name="twitter:player" content="PAGE URL CONTAINING VIDEO"/>
<meta name="twitter:player:width" content="480"/>
<meta name="twitter:player:height" content="480"/>
<meta name="twitter:player:stream" content="URL OF VIDEO E.G: Yourvideo.com/video.mp4"/>
<meta name="twitter:player:stream:content_type" content="video/mp4"/>
<meta name="twitter:player:stream" content="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8"/>
<meta name="twitter:player:stream:content_type" content="video/mp4;codecs="avc1.42E01E1, mp4a.40.2"/>
One to a greater extent than affair virtually this carte du jour that after implantation of code y'all require to asking Twitter for approval. So larn to Twitter Card Validator to source confirm that your carte du jour is implanted correctly or no as well as after that y'all receive got to shipping asking for approval.
After validating your actor carte du jour y'all volition run across next page, click on Request Approval.
Fill upward the shape as well as shipping asking as well as hold off for approval!
NOTE: Include the inward a higher house code alone in ane lawsuit inward a page for a video. Also purpose https for every link y'all add together within meta tags. Otherwise y'all won't larn your actor carte du jour approved!
I promise y'all flora this postal service helpful. I receive got used all the meta tags inward my template to banking concern tally if they are working fine or no as well as I flora every tag working fine. But if y'all receive got whatsoever work inquire me or if y'all receive got whatsoever information virtually Twitter Cards part it amongst me thence that I tin add together it inward this post.
Thank y'all really much for visiting 101Helper, practise catch again. Share us amongst your fiends as well as co-bloggers or webmasters. Follow us on social networks to rest updated.
Belum ada Komentar untuk "How To Add Twitter Cards In Blogger"
Posting Komentar