Twitter Cards on Blog

(Jon) #1

Does anyone have any experience adding Twitter cards to their websites? I am trying to ad it to my site so that when I tweet a link from my blog, a thumbnail appears.
I am not quite sure WHAT to implement WHERE.
Any help would be greatly appreciated!
Thank you everyone :slight_smile:

(Doug Bennett) #2

Meta tags for Twitter cards and open graph (Facebook) would go into the head section on your page.

You can type them by hand and paste them here:

Or you could use RapidWeaver meta tags page and type them by hand:

Once you have them published you can test them here:

(Jon) #3

Doug thank you! My next question is, do I put the just the code below in the header section? Is there any other code I need to input?
<meta name="twitter:card" content="summary" />

Again, thank you!

(Doug Bennett) #4

pasting in the head section should work. Not sure but I think you might need the following - this is from the bottom of the twitter page you referenced above. Change the @tag to appropriate twitter ids.
There are other twitter meta tags you can use if you look at the bottom of the page they also use open graph.

<meta name="twitter:site" content="@nytimesbits" />
<meta name="twitter:creator" content="@nickbilton" />

I really havenโ€™t kept up, so I would try some and use that tester. I do know that placing meta tags in the head section works, donโ€™t know that much about all the meta tags twitter supports.

(Jon) #5

Doug, thank you very much. I will try this and let you know how it goes.

(Jon) #6

I cut and paste this code into my site:
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@nytimesbits" />
<meta name="twitter:creator" content="@nickbilton" />
<meta property="og:url" content="" />
<meta property="og:title" content="A Twitter for My Sister" />
<meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." />
<meta property="og:image" content="" />
Then I just changed the information to match my website. Again, thank you very much!!

(system) #7

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.