summary_large_image card not showing image with Blogger's data:blog.postImageThumbnailUrl variable

rchoi · 2013-12-19T07:10:21.000Z

+1 for being a good contributor! Thanks for updating your request with the solution!

princetrunks · 2013-12-19T22:18:19.000Z

No problem Can’t tell you how many times I’ve looked up similar threads on other coding forums where the person goes “FIXED IT” but never says how, lol.

I did notice with a few tests after changing the code that the actual final tweets are not reflecting the validator’s output; ie: still not showing the images… but that might then be the cache/robots.txt issue. I’ll give some time for the Twitterbot to do another crawl. I made sure to explicitly give Twitterbot full access in the robots.txt file. If it still doesn’t show…I’ll probably put up another thread

thiagomgd · 2013-12-20T10:37:53.000Z

No problem, here it is. I use fb open graph and twitter together.

<b:if cond=‘data:post.firstImageUrl’>

I used this: ‘data:post.snippet + “Veja mais no site”’ on description, because I wasn’t able to generate a text to image-only posts, or posts that sometimes (don’t know why) blogger don’t get a snippet. Since the description is needed for summary, I just added a fixed text.

thiagomgd · 2013-12-20T10:42:39.000Z

Just for testing, change your robots.txt to just:
User-agent: *
If it works this way, you’ll know that robots is the problem, and you can start working from this.
Sometimes I prefer givin full access to everyone (for testing reasons), so I’ll be sure that I didn’t forgot one permission.

princetrunks · 2013-12-20T16:08:42.000Z

awesome. Will do. Mine originally said:


User-agent: robot
Disallow:

before I added an explicit User-agent call for Twitterbot but I’ll try this global permission text

princetrunks · 2013-12-20T16:09:51.000Z

awesome. I was trying something like this but blogger would send a template error. Thanks a bunch.

princetrunks · 2013-12-20T17:38:10.000Z

yep… that worked

Not sure why my robots.txt had such odd permissions. Better to just let the spiders crawl

rchoi · 2013-12-20T20:19:58.000Z

@thiagomgd, Thanks so much!

askdadblog · 2014-01-24T21:29:42.000Z

I have the exact same problem with FB open graph tags pulling in the 72*72. Do you think this would work there too?

princetrunks · 2014-01-24T21:36:33.000Z

it’s worth a shot since Twitter Cards and Open Graph are for the most part, the same thing. I think I once saw one of my FB posts utilize an image I designated with Twitter Card tags before the Open Graph one.

askdadblog · 2014-01-24T23:27:26.000Z

I tried, it kicked back a template error on the page. Sigh… I am so tired of Facebook pulling in my header image. I need to switch to a more open CMS, but like you, I enjoy the reliability and SEO value of blogger.

princetrunks · 2014-01-24T23:38:15.000Z

That sucks :-/ Yeah, I never had a reason to move over to say Wordpress since I’d imagine Google will move their own blog environment in the organic searches before a 3rd party one.

Here’s my Open Graph code; for the most part, Facebook has been scaling the header images in my posts… maybe cropping them a bit off but definitely not the 72x72 error like I was originally getting with Blogger/Twitter Cards. Hope this can be of help.

DevilzArt · 2014-02-27T04:09:31.000Z

thanks for this meta tag, i implement this code in my blog, but something wrong. this code not valid in w3c validator. because meta must placed in header.

princetrunks · 2014-02-27T22:27:39.000Z

I believe I placed this in the head tag…problem is that Google themselves still haven’t made Blogger’s Namespace w3c compliant. Last I used a w3c validator on my blog, if I remember right, it was mainly due to the “data:” calls. Not sure if Google fixed that on their end yet or if there’s a way to make a Blogger Blog truly w3c compliant

techinfoknow · 2014-03-30T23:40:00.000Z

I suggest you to read this http://www.techinfoknow.com/2014/03/twitter-card-blogger.html
If you want to use “summary” or “summary large image” twitter card for blogger I recommend this solution. This also works on multi author blogger blogs .

rchoi · 2014-04-07T05:57:31.000Z

@princetrunks,

Thanks a ton for contributing. Each case is unique (as I’m sure you’re aware) so having people offering their code up is certainly helpful.

Thanks again!

princetrunks · 2014-04-07T14:03:33.000Z

No problem at all Glad to have been of help.

Julesbm · 2014-05-19T03:13:00.000Z

i was try above method but ii say ‘invalid card type’ on twitter card validator when i’m try to verify my site http://www.matchingtattooideas.com/

romainhuet · 2014-05-20T09:21:51.000Z

Have you managed to fix your issue? Your domain seem to be working and enabled for cards now. Thanks!

skyneeldotcom · 2014-05-21T16:32:00.000Z

Hi, all

If i am right then remove Thumbnail.

data:blog.postImageThumbnailUrl here is correct meta :

Have a nice day