oddbird / oddcontrast

https://www.oddcontrast.com/
BSD 3-Clause "New" or "Revised" License
28 stars 1 forks source link

Add social share image and og tags #98

Closed jamesnw closed 1 year ago

jamesnw commented 1 year ago

Description

Adds Open graph tags and a static share image.

Steps to test/reproduce

Share the deploy preview at https://deploy-preview-98--oddcontrast.netlify.app/, and verify the content is as intended.

https://developers.facebook.com/tools/debug may be useful.

Show me

Facebook

image

Elk (Mastodon client)

image
netlify[bot] commented 1 year ago

Deploy Preview for oddcontrast ready!

Name Link
Latest commit 3f686619a9977e3d99773278cb3db86c41db822d
Latest deploy log https://app.netlify.com/sites/oddcontrast/deploys/64d54ab7a7def900088a3df7
Deploy Preview https://deploy-preview-98--oddcontrast.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

SondraE commented 1 year ago

I want a social media image when I paste a link to oddcontrast - maybe showing the current colors/contrast?

jamesnw commented 1 year ago

@SondraE Can you check again? I'm guessing you triggered the initial crawl, and so it's working now. This is what I'm seeing on Twitter-

image

And Linkedin-

image

I switched to an en dash in e9e083c

SondraE commented 1 year ago

When I switched to my personal Twitter account it worked. It still didn't work in LinkedIn, even when I logged into LinkedIn on Safari. Maybe there's some sort of caching issue?