Investigate posting images with social media share

[flibbertigibbet]

Share relevant static image (destination image or blog post image) when sharing to social media.

[flibbertigibbet]

Blocked by #1023

[lederer]

I interpreted the issue here as unrelated to sharing buttons per se, in which case #1023 need not be a blocker. As long as the page has a legit <meta property="og:image" … > tag, the preview image should show up in FB regardless of the sharing mechanism (eg, share button vs. manually pasting the link into FB). I think that was the only real concern.

@flibbertigibbet @jcahail Were your takeaways different?

[flibbertigibbet]

We have og:image tags set already for the relevant pages, so not sure what else we should be doing.

Was thinking of explicitly setting the image via a share dialog, to hopefully have more control over what the resulting post looks like.

[lederer]

Interesting. Facebook's Sharing Debugger doesn't seem to be finding the og:image. Seems to often think it's the logo, even when it's set in the html to something else.

Seems to be using the homepage as the scraped page, instead of the actual detail page itself. I think it may be due to og:url being set to the homepage, even for detail pages.

[flibbertigibbet]

I wonder if the incorrect image reference found by the Facebook sharing debugger is possibly is related to the redirects on the canonical URL:

[flibbertigibbet]

Looks like the image tags have a relative path. They should be absolute for Open Graph to resolve them.

On current production, they look like:
<meta property="og:image" content="/media/destinations/57a2720ffafd41649676b1646ed5e90c.jpg.680x400_q85_box-destinations/57a2720ffafd41649676b1646ed5e90c.jpg_crop_detail.jpg">

[flibbertigibbet]

Images seem to be getting parsed correctly now, according to the Facebook graph debugger:

A place

The home page (now using the new image)

[flibbertigibbet]

An article: