Social network like Facebook often show the first picture of a page as an illustration of the shared link.
Banners, due to their shape, might not be good illustrations.
Maybe there is a way to prevent the banner being used as an illustration if other images on the page fit better.
Description
Description
Details
Details
| Project | Branch | Lines +/- | Subject | |
|---|---|---|---|---|
| mediawiki/extensions/PageImages | master | +19 -1 | Add PageImage OpenGraph tag |
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Resolved | Jdlrobson | T101711 Banners are used as the illustration when shared on social media websites such as Facebook | |||
| Resolved | Jdlrobson | T32113 When sharing articles without images on social sites (facebook, twitter, google+) the mediawiki logo is used in lieu of site logo | |||
| Duplicate | None | T142243 [EPIC] Add open graph meta tags | |||
| Resolved | Ladsgroup | T142048 Add hover-card like image (og:image) to open graph meta data | |||
| Resolved | Ladsgroup | T51859 Provide Open Graph tags for Wikidata | |||
| Resolved | Jdlrobson | T147644 [Spike] Investigate ways to provide open graph meta tags | |||
| Declined | None | T166752 Add OpenGraph tags to blog | |||
| Declined | None | T185017 Ensure Wikimedia sites work with Discourse Onebox |
Event Timeline
Comment Actions
For instance my website http://CmisSync.com uses
<meta property="og:image" content="http://cmissync.com/images/og_img.png" />
to tell Facebook what image it should use for previews.
Comment Actions
I am not sure og:image is the right thing for us, so a look at http://ogp.me/ and https://developers.facebook.com/docs/sharing/best-practices is advised.
Comment Actions
We should use og:image for this.
Note this is a bigger problem outside the scope of GSoc - see bug T32113
Comment Actions
Change 334789 had a related patch set uploaded (by Ladsgroup):
Add PageImage OpenGraph tag
Comment Actions
Comparing https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fen.m.wikivoyage.beta.wmflabs.org%2Fwiki%2FParis with https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fen.m.wikivoyage.org%2Fwiki%2FParis the first version has an image that's not the banner and the second has no banner. This will be deployed over the next 2 weeks.