[FOSDEM] Improve main picture on website for use in social media

[Emanuil Tolev]

At the slight risk of posting a bit too often in these threads - I know of
2 social integrations which allow pictures and one crawler-y piece of
metadata:


Facebook OpenGraph tags (just pasted from an app I contributed to, or for
some more info there seems to be a reasonable blog post
http://www.quicksprout.com/2013/03/25/social-media-meta-tags-how-to-use-open-graph-and-cards/
):

<!-- Open Graph tags for Facebook -->
<meta property="og:title" content="Directory of Open Access Journals"/>
<meta property="og:url" content="https://doaj.org" />
<meta property="og:description" content="DOAJ is an online directory that
indexes and provides access to quality open access, peer-reviewed
journals."/>
<meta property="og:image" content="
https://doaj.org/static/doaj/images/logo_square.jpg"/>


Twitter cards with a picture (
https://dev.twitter.com/cards/types/summary-large-image ):

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@nytimes">
<meta name="twitter:creator" content="@SarahMaslinNir">
<meta name="twitter:title" content="Parade of Fans for Houston’s Funeral">
<meta name="twitter:description" content="NEWARK - The guest list and
parade of limousines with celebrities emerging from them seemed more suited
to a red carpet event in Hollywood or New York than than a gritty stretch
of Sussex Avenue near the former site of the James M. Baxter Terrace public
housing project here.">
<meta name="twitter:image" content="
http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg
">


DublinCore (DC) metadata - incidentally that seems to already be there on
pages, incl. FOSDEM homepage:

<link rel="schema.DC" href="http://purl.org/DC/elements/1.0/" />
<meta name="DC.Title" content="Welcome to FOSDEM 2016"/>
<meta name="DC.Format" content="text/html" />
<meta name="DC.Language" content="en" />
<meta name="DC.Subject" content="FOSDEM 2016" />
<meta name="DC.Rights" content="
http://creativecommons.org/licenses/by-sa/2.0/be/" />

hth,
Emanuil

On 22 December 2015 at 14:16, Ghosty <ghosty.be at gmail.com> wrote:

>
>
> On 22/12/2015 14:17, Pander wrote:
>
>> Hi all,
>>
>> Could the website offer a nice main image for usage in social media? If
>> you share a link to http://fosdem.org/2016 on Twitter, LinkedIn,
>> Facebook, Google+ and so on, the map of the campus is being shown as
>> image, which is not the most representable image for the event.
>>
>> It is possible to indicate in the website (hidden or not) which
>> picture/logo should be picked up by social media when sharing the link
>> of the site. Could someone have a go at improving this?
>>
>> Thanks,
>>
>> Pander
>>
>
> Anyone suggestions how this should look like in the webcode? (not sure how
> different social media pick up stuff from your website as being the "banner
> or logo" in preview ...).
> So I can pass this info on to the website guys?
>
> Regards,
>
> G.
>
>
> _______________________________________________
> FOSDEM mailing list
> FOSDEM at lists.fosdem.org
> https://lists.fosdem.org/listinfo/fosdem
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.fosdem.org/pipermail/fosdem/attachments/20151222/5f4fdc91/attachment.html>