Peeringdb: Posting https://www.peeringdb.com onto social media doesn't select a good preview image
Posting https://www.peeringdb.com onto social media normally selects the facebook logo image vs. the PeeringDB image. This is a lost opportunity. The PeeringDB image should be the only (or first) image provided. This can be repeated via other social media platforms or messaging platforms.
mahtin
All 12 comments
+1
grizz
on 31 Jul 2019
+1
arnoldnipper
on 31 Jul 2019
+1 although that FB logo is pretty awesome ;)
mcmanuss8
on 6 Aug 2019
Quick glance - Looks like opengraph controls this:
https://ogp.me/
Adding something like:
<meta property="og:image" content="https://peeringdb.com/s/2.14.0//pdb-logo-coloured.png" />
to <head> should do the trick (but I haven't tried)
mcmanuss8
on 6 Aug 2019
@mcmanuss8 Yep, should be just that, although probably should use the square logo. Generally it takes some playing around with the opengraph properties to make it look good across different platforms. LinkedIn/Twitter should probably be checked out too.
grizz
on 8 Aug 2019
If we are going down this path; let's add some more issues that are somewhat related.
Apple icon (should you want to place PeeringDB on your iPhone/iPad screen). See here.
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/apple-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/images/apple-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/images/apple-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/images/apple-144x144.png" />
Twitter/Tweeters read this:
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="PeeringDB" />
<meta name="twitter:description" content="PeeringDB is a freely available, user-maintained, database of networks, ..." />
<meta name="twitter:url" content="https://peeringdb.com/" />
<meta name="twitter:image" content="https://peeringdb.com/images/twitter-whatever.png" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Dr Peering" />
<meta name="twitter:label2" content="Filed under" />
<meta name="twitter:data2" content="Please peer with me" />
<meta name="twitter:site" content="@PeeringDB" />
<meta name="twitter:creator" content="@PeeringDB" />
Open Graph (see above); but this is the one I care about:
<meta property="og:image" content="https://peeringdb.com/images/opengraph-whatever.png" />
...etc etc...
mahtin
on 8 Aug 2019
@peeringdb/pc et al, We need a list of any other icons you'd like added. And what the preview image should be, just a logo?
grizz
on 17 Apr 2020
It looks like we need a square preview image? Then we should use this one.
ghankins
on 17 Apr 2020
If the preview image is rectangular then use our color logo that we're already using as Steve suggested above.
ghankins
on 17 Apr 2020
Can we have the Release Notes pls?
koalafil
on 1 Jun 2020
Release Notes
Add opengraph image for page preview.
grizz
on 3 Jun 2020
@grizz should this move to Ready for Implementation?
koalafil
on 19 Jun 2020
Related issues
vegu
路
7Comments
grizz
路
4Comments
johannesmoos
路
12Comments
gordon-shumway-net
路
9Comments
mcmanuss8
路
13Comments
Most helpful comment
If we are going down this path; let's add some more issues that are somewhat related.
Apple icon (should you want to place PeeringDB on your iPhone/iPad screen). See here.
Twitter/Tweeters read this:
Open Graph (see above); but this is the one I care about:
...etc etc...