Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

More representative Facebook thumbnail #733

Closed
emhoracek opened this issue Mar 22, 2015 · 11 comments
Closed

More representative Facebook thumbnail #733

emhoracek opened this issue Mar 22, 2015 · 11 comments
Labels
bug - minor curated: experimental effort: small

Comments

@emhoracek
Copy link

When I share the http://growstuff.org link on Facebook to invite friends to visit the page, the thumbnail that appears doesn't represent the site very well. I would think it would be the Growstuff logo or at least a picture of a plant. But instead it looks like its somebody's randomly generated avatar? Thanks Facebook. :)

growstuff

This looks like a good how-to article.

This is super minor, but I think a good thumbnail on Facebook links makes people more likely to share and makes friends more like to click on the shared links.
@ethulia ethulia mentioned this issue Apr 28, 2015
Closed
@achalc achalc mentioned this issue Jun 3, 2015
Merged
@cesy
Copy link
Member

cesy commented Aug 6, 2015

Sadly it's still using members' avatars instead of the logo.

@cesy
Copy link
Member

cesy commented Aug 6, 2015

http://www.limecanvas.com/how-to-make-facebook-use-a-custom-thumbnail-image-for-your-website/ gives another way to try and force it.

@CloCkWeRX
Copy link
Collaborator

https://developers.facebook.com/tools/debug/og/object?q=growstuff.org - "The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags." seems to be worth looking at

@CloCkWeRX
Copy link
Collaborator 

<html prefix="og: http://ogp.me/ns#">

Seems to be missing, which means the opengraph stuff may not kick in straight away

CloCkWeRX added a commit to CloCkWeRX/growstuff that referenced this issue Aug 24, 2015
@CloCkWeRX
Growstuff#733 Add the correct RDFa prefix
db876ff
CloCkWeRX added a commit to CloCkWeRX/growstuff that referenced this issue Aug 24, 2015
@CloCkWeRX
Growstuff#733 Render only one image, and do it with a full URL
3258a67
@CloCkWeRX CloCkWeRX mentioned this issue Aug 24, 2015
Merged
CloCkWeRX added a commit to CloCkWeRX/growstuff that referenced this issue Aug 24, 2015
@CloCkWeRX
Growstuff#733 Render as a 'website'
e3c52b1
@CloCkWeRX
Copy link
Collaborator

Argh, so close.
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fstaging.growstuff.org%2F

og:image could not be downloaded or is too small    og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook.

It's clearly not accurate when it says:

Image 'http://staging.growstuff.org/assets/growstuff-apple-touch-icon-precomposed-dc69b96d88315604421071635f3a2e36.png' will be used instead.

@CloCkWeRX
Copy link
Collaborator

I'm confused - the debugging tool shows me a share link that is quite reasonable, but the result I get seems wrong when I share just http://staging.growstuff.org/

If I share http://staging.growstuff.org/?hello ; never having seen that URI before I get a quite reasonable preview snippet with the image we want.

Clearly there's some kind of caching at play, but I haven't seen any documentation / have no idea what will happen if we share the prod site even after this is implemented.

This was referenced Aug 24, 2015
Closed
Open
@b4thestorm
Copy link

I Think I may know how to solve this issue. The image that is being linked is too small, also og:image may not be the best meta property. I would like to submit a PR request with the fix for this. If this is still an open issue.

@cesy
Copy link
Member

cesy commented Mar 26, 2016

That would be great, thank you!

@CloCkWeRX
Copy link
Collaborator

Facebook no longer has the old image in the cache and correctly renders http://staging.growstuff.org/assets/growstuff-apple-touch-icon-precomposed-dc69b96d88315604421071635f3a2e36.png as a preview icon now for staging.growstuff.org. This is likely closeable.

@CloCkWeRX
Copy link
Collaborator

image

@emhoracek
Copy link
Author

Thanks for doing this!! 🌷

@maco maco closed this as completed May 26, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug - minor curated: experimental effort: small
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@pozorvlak @CloCkWeRX @maco @cesy @b4thestorm @emhoracek