OG Image is still "TODO"

[gvn]

We should add an OG Image (primarily for when people share the site on Facebook).

https://github.com/mozilla/womenandweb/blob/master/source/index.pug#L13

[hannahkane]

Can we use an untreated (or differently-treated) version of the image in the hero?

[gvn]

Sure. Here's the best practices: https://developers.facebook.com/docs/sharing/best-practices#images

We'll probably want a designer to create this image.

[hannahkane]

@sabrinang - is this something you might have time for? It it not more urgent than Network stuff. :)

[sabrinang]

@hannahkane I can work on this next week

[sabrinang]

@hannahkane Do we keep the previous styling for the thumbnail or should we update with the new brand (but it won't match the site)? and is there a preference if we want to include a description of wwl on the image?

[gvn]

I'd suggest not putting the description in the image (but we should put it in the og:description tag!), because it'll be redundant.

FYI, here's what it currently looks like on Facebook:

PS: Typo in the bottom 2: "Woman" should be "Women". ;)

[sabrinang]

Thanks @gvn for catching the typo and no description sounds good when it is in context of the post.

[sabrinang]

I brought up the branding topic up at design crit today. The best solution would be to just use a photo to avoid it for now and photos typically perform better on social. I narrowed it down to two from the site:

But I'm thinking we should go with the group picture on the right because the people are engaging with the camera and it feels more inviting.

Mockup:

Image:

[gvn]

That sounds good to me. I can also change the description over to "Working towards an open, safe, and innovative web for women everywhere." so it's not redundant with WWL in there twice.

[hannahkane]

+1 to all of this.