Show HN: Metacheck – preview how any link appears on social media and chat apps
metacheck.appstate.coHey HN,
I’ve been an indie hacker for a while, but I haven’t had much success with my past projects. Recently, I came across Marc Lou’s advice about building free tools just for fun, so I decided to give it a shot.
I built Metacheck, a simple tool that lets you preview how any link will appear on Twitter/X, LinkedIn, Whatsapp, Telegram, and other platforms. No API keys, no setup—just paste a link and see the preview.
Why I built this I often ran into issues where social platforms displayed broken or unexpected link previews. Debugging Open Graph meta tags was annoying, so I made a tool to make it easier.
How it works Fetches metadata from any URL Parses Open Graph & Twitter Card tags Shows real-time previews of how the link will look when shared
Try it out: https://metacheck.appstate.co/
This is very cool!
Would it be possible to add Bluesky link cards? It passes through this domain to extract the link card and can be very hit and miss on how they show up.
https://cardyb.bsky.app/v1/extract?url=
https://github.com/search?q=repo%3Abluesky-social%2Fatproto%...
Blue sky's card domain is cute and clever. I miss clever "machine" (may be a HA cluster) names.
Here’s a version of the same idea but runs locally, so you can test without deploying. https://apps.gnome.org/SharePreview/
OP, maybe next step is to try a local version?
This is very good. One thing though Telegram (at least the linux version) does not support transparency and makes the transparency red. However, Metacheck shows it as transparent. Having all this on one page is a massive time saver.
You might get more users if you had shareable URLs, e.g.
https://metacheck.appstate.co/site/news.ycombinator.com
This is now possible chief, kindly try it out.
That is such a great growth hack. As in, it’s both a useful feature AND a growth mechanism.
Probably want to have https appended automatically
Would push a fix for this, apologies for the inconvenience.
a fix has been pushed for this, you can try it now.
I Deeply appreciate the feedback.
Ah I'd been using https://www.opengraph.xyz/
This doesn’t work for google maps links. It shows an icon and not the open graph images associated with a shared location.
Try this for instance: https://maps.app.goo.gl/jfj2vTjeZDTYSGMv9?g_st=com.google.ma...
A good idea bit the visualisation ist wrong. I.e. the preview image will not be shown correctly
yeah it doesn’t work if you try it with https://youtube.com
i really like the idea though
Would investigate why it wasn't working and push out a fix. thanks for trying it out.
An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
Awesome! Love these previews tools! Super useful.
I am creating a free tool to preview the whole social post.
This is awesome! I can’t believe this never occurred to me- my wife texts me links to her UX all the time to see how her changes look before the changes go to prod.
I like it, and one additional thing (because isn’t there always): It’d be nice if this could be offline to use with local development.
Should add support for Apple platforms (i.e. LPLinkView used in Notes/Messages/Mail etc.)
Dully noted, will push this in the next update.
An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.
Will look into this issue and push a fix.
Seems to work today. Nice service, thank you for it!
Well done! I was recently looking around for something like this and didn't love the options. Bookmarked Metacheck :)
Thanks, really means alot.
Great idea! Quick and easy link previewing is super useful.
Thanks for the feedback, really means alot.
Is this open source?
I'm assuming it is since I see a GitHub logo on it, although it isn't working...
Here is the repo link
https://github.com/oyeolamilekan/metacheck
Sorry, it was just an oversight. I will append the URL in the next deployment.
Very good. I use metatags.io at the moment. Local version would be great.
Local version is coming soon.
well done.. made me enable my static-sitegens opengraph plugin, add images, rewrite summaries, thanks!
Mastodon preview? :)
Done, this has been deployed.
Coming soon hopefully, this Saturday.
10/10; thank you so much!
Thanks for the feedback.
can i see the code?
Sure, will make it open source soon.
Another good site for previewing metadata.
https://socialsharepreview.com/
it doesn't recognise a url without the scheme? come on!
Will push a fix for this, sorry about that.
Can anyone tell me why WhatsApp seems so random whether it display the social preview image and text or not? E.g. for my own website https://bryanhogan.com/ it shows up in the tool but not in actual chats.
I've noticed this just as a casual user of WhatsApp, when pasting links into a conversation. I'm not sure what triggers it either, but I can say that it sometimes works for (e.g.) one tweet and not another.
I just tried your URL on my WhatsApp and it shows up exactly as in the preview from the tool. My experience is is has to be the full URL with https:// and it only shows the first link, and it sometimes gets confused when you have multiple links in a message and shuffle them around/delete some of them.
Maybe it times out depending on the load.