Summary Twitter Card showing wrong image


#1

Hi there

I’m testing out first Twitter Card after our approval, but it seems to pull in the wrong image!

Post I am testing is: http://www.rimo3.com/blog/three-steps-for-cios-to-prevent-application-bloat/

Image(s) I have tried in the meta/HTML code:

  1. http://www.rimo3.com/wp-content/uploads/2013/06/Banner1-300x201.jpg
  2. http://cdn2.hubspot.net/hub/164175/file-67792649-png/images/logo.png

The resulting tweet in each case looks like: https://twitter.com/lucie_may/status/385718351147700224
(which features the image embedded into the blog post, which just doesn’t work here)

After reading the documentation and using the preview tool, I have tried both twitter:image and twitter:image:src and still get the wrong image pulled in.

Any clues?
Thanks!


#2

Sorry - should also mention this is the code I embedded in the HTML editor of the post. We also use SEO by Yoast which may be overriding this? If so, how do I overcome this? Thanks again!


#3

Hi there,

This is likely because:

1.) The image provided in twitter:image is less than 120x120. If you resize, it’ll show up properly.
2.) As a result, we’re pulling from the fall back og:image, which is the image you’re seeing.

Ryan


#4

Thanks Ryan - what an oversight - I’ll see how I get on!