# Twitter Cards on Blog

**URL:** <https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200>\
**Category:** RapidWeaver Classic\
**Created:** [March 15, 2018, 8:32pm UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200 "2018-03-15T20:32:56Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [March 15, 2018, 8:32pm UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200/1 "2018-03-15T20:32:56Z")

</div>

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 🙂

[https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started)  
[http://www.jonmessner.com](http://www.jonmessner.com)

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 15, 2018, 9:03pm UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200/2 "2018-03-15T21:03:07Z")

</div>

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:  
 ![2018-03-15_13-58-44](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/6/6149e40269ae131318b276d17c322522eff9cd75.png)

Or you could use RapidWeaver _meta tags_ page and type them by hand:

 ![2018-03-15_13-59-18](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/2X/9/99c680348850af2e434a0ce8c58e9d31373a8118.png)

Once you have them published you can test them here:  
[https://cards-dev.twitter.com/validator](https://cards-dev.twitter.com/validator)

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [March 15, 2018, 10:14pm UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200/3 "2018-03-15T22:14:19Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [March 15, 2018, 10:38pm UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200/4 "2018-03-15T22:38:14Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [March 15, 2018, 11:10pm UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200/5 "2018-03-15T23:10:15Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![messyj232](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/messyj232/32/28368_2.png) [@messyj232](https://forums.realmacsoftware.com/u/messyj232)\
**Post date:** [March 15, 2018, 11:25pm UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200/6 "2018-03-15T23:25:37Z")

</div>

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="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/" />`  
`<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="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg" />`  
Then I just changed the information to match my website. Again, thank you very much!!

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [April 15, 2018, 9:25am UTC](https://forums.realmacsoftware.com/t/twitter-cards-on-blog/19200/7 "2018-04-15T09:25:54Z")

</div>

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