covidgraph / covidgraph_org

Repo for the public website https://covidgraph.org.
0 stars 0 forks source link

Thumbnail for CovidGraph.org #5

Open Jiros opened 3 years ago

Jiros commented 3 years ago

Hi Jakob

Is it possible to change the thumbnail image on the website when it gets shared on social media? At the moment the Cord-19 screenshot is used (at least by LinkedIn).

cg org-newpost cg org-li

amorgner commented 3 years ago

I think we need to set the following Open Graph meta tags:

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="{Your content}" />
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="{Your content}" />

Let me see what I can do.

amorgner commented 3 years ago

This is now set. I'm not sure which image to show.

<meta prefix="og: http://ogp.me/ns#" property="og:title" content="CovidGraph Website" />
<meta prefix="og: http://ogp.me/ns#" property="og:type" content="website" />
<meta prefix="og: http://ogp.me/ns#" property="og:image" content="https://covidgraph.org/img/content-img/Schema_v1.1_no_logo.png" />
<meta prefix="og: http://ogp.me/ns#" property="og:url" content="https://covidgraph.org" />      

You can test with https://www.linkedin.com/post-inspector/inspect/https:%2F%2Fcovidgraph.org.

Jiros commented 3 years ago

Thanks @amorgner We spoke about it briefly at today's meeting and agreed to simply use a screenshot of the home page. @jlaenge will take care of it.

jlaenge commented 3 years ago

Hi @Jiros , this is how the preview looks like in the linkedIn inspector image What do you think?

Jiros commented 3 years ago

Looks good to me. Thanks Jakob