Banners are used as the illustration when shared on social media websites such as Facebook
Closed, ResolvedPublic
Actions

Description

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.

Details

	Project	Branch	Lines +/-	Subject
	mediawiki/extensions/PageImages	master	+19 -1	Add PageImage OpenGraph tag

Customize query in gerrit

Related Objects
Search...

Status	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
Open	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
Open	None	T33338 Export file thumbnail, video preview via Open Graph meta elements as Facebook posting helper
Resolved	None	T27862 Need stable URLs for media embedding (video players: OggHandler, mwEmbed, etc)
Open	None	T28741 Migrate file tables to a modern layout (image/oldimage; file/file_revision; add primary keys)
Resolved	Krinkle	T589 RFC: image and oldimage tables
Open	None	T142090 Add hover-card like summary (og:description) to open graph meta data printing plain summary
Open	Tgr	T213505 RfC: OpenGraph descriptions in wiki pages
Open	Tgr	T214000 Evaluate difficulty of porting PCS summary logic to PHP
Open	None	T111827 Conditionally add AppLinks <meta> tags to page <head>
Resolved	JKatzWMF	T111829 Setup up Site Association file for Universal Link Support
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

Nicolas_Raoul created this task.Jun 8 2015, 3:16 PM

Nicolas_Raoul raised the priority of this task from to Low.

Nicolas_Raoul updated the task description. (Show Details)

Nicolas_Raoul added a project: Wikidata-Page-Banner.

Nicolas_Raoul added a subscriber: Nicolas_Raoul.

Restricted Application added a project: Wikidata. · View Herald TranscriptJun 8 2015, 3:16 PM

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Sumit added a subscriber: Sumit.Jun 10 2015, 7:27 AM

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.

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.

Lydia_Pintscher moved this task from incoming to monitoring on the Wikidata board.Jun 11 2015, 12:54 PM

We should use og:image for this.
Note this is a bigger problem outside the scope of GSoc - see bug T32113

Jdlrobson moved this task from In discussion to Backlog on the Wikidata-Page-Banner board.Jun 15 2015, 7:13 PM

Jdlrobson added a subtask: T32113: When sharing articles without images on social sites (facebook, twitter, google+) the mediawiki logo is used in lieu of site logo.Aug 30 2015, 5:03 PM

Jdlrobson renamed this task from Check how banners change the way article previews appear on social networks to Banners are used as the illustration when shared on social media websites such as Facebook.Sep 16 2015, 12:09 AM

Jdlrobson set Security to None.

MBinder_WMF added a project: Readers-Web-Backlog.May 17 2016, 6:35 PM

Quiddity mentioned this in T56829: [Goal] Implement support for sharing protocols.May 30 2016, 6:00 PM

MBinder_WMF moved this task from Incoming to Triaged but Future on the Readers-Web-Backlog board.Jul 4 2016, 7:49 PM

Jdlrobson moved this task from Backlog to Epics on the Wikidata-Page-Banner board.Nov 14 2016, 12:18 PM

Change 334789 had a related patch set uploaded (by Ladsgroup):
Add PageImage OpenGraph tag

https://gerrit.wikimedia.org/r/334789

gerritbot added a project: Patch-For-Review.Jan 29 2017, 1:18 AM

Change 334789 merged by jenkins-bot:
Add PageImage OpenGraph tag

https://gerrit.wikimedia.org/r/334789