KevinWorkman / StaticVoidGames

http://StaticVoidGames.com
GNU General Public License v3.0
5 stars 7 forks source link

Facebook/OpenGraph Images #11

Open KevinWorkman opened 10 years ago

KevinWorkman commented 10 years ago

When you share something from Static Void Games on facebook, it tries to grab a random image from that page. There aren't always images (or images of the correct size) on every page though, so it makes sharing on facebook pretty ugly. I also wouldn't be surprised if facebook made links without images less visible.

You can use OpenGraph tags to specify a default image to share, which is what we should be doing. This should either be some default image (the Static Void Games logo?), or programmatically obtained in the case of things like game pages (the game thumbnail should be used as the OpenGraph image) or profile pages.

We should probably follow whatever guidelines facebook has: https://developers.facebook.com/docs/sharing/best-practices

I wonder if there are similar rules for other social media sites? Is there a way to specify link images on tumblr or twitter?

KevinWorkman commented 10 years ago

I just noticed that twitter has previews in links to GitHub as well. See this tweet by @iandioch here: https://twitter.com/iandioch/status/507626779289190401

Is this entirely on twitter's side, or is there something we can do to get those neat previews?

iandioch commented 10 years ago

AFAIK, you can choose images on Wordpress or something (I'm pretty sure I saw it somewhere), but other than that it's an automagic choice. I think the safest bet would be, in the beginning at least, to set a SVG logo to be the picture for everything. I think there's some meta tag that has something to do with this too?