!! Wat leuk je hier te zien! Momenteel bekijk je deze website in een verouderde browser. Meer weten? Lees dit artikel !!

Social Preview

You paste a link into LinkedIn or WhatsApp and the wrong image shows up, or a truncated title, or nothing at all. This extension shows you beforehand what is going to happen.

The extension panel open on the Previews tab, showing the LinkedIn preview of a page and a note that LinkedIn drops the description.

What you see

Click the icon and you see the page you are on previewed in ten places: LinkedIn, Facebook, X, Instagram, WhatsApp, Slack, Discord, Pinterest, iMessage and Google. Every platform applies its own fallback chain, and you see that reflected. X prefers twitter:title, Google just uses your <title>, and LinkedIn drops your description entirely.

Under every preview you get the character count of your title and description against that platform's limit, plus a note about its quirks.

What it checks

A missing og:title or og:image. A relative path where an absolute URL is required. An image that is too small, will not load, or is too slow. An og:url that disagrees with your canonical. Missing alt text. A missing lang attribute. Noindex where you did not expect it.

The image is really loaded, so the actual size and aspect ratio are measured rather than inferred from what the tag claims.

What it does not do

No account, no server, no tracking, no storage. Nothing runs on your pages: the page is read once, only when you click the icon. That is why it needs no host permissions, and why it works on staging, on localhost and behind a login.

The only external request it makes is loading your own og:image, because otherwise the size cannot be checked.

Privacy

The extension collects nothing: no account, no server, no analytics and no storage. What it does do is described part by part in the privacy policy.

Installing

The extension is not in the Chrome Web Store yet. As soon as it is, the install link will be here. If you want to try it before that, send me a message.


Why I built this

I am Robin Poort, a front-end designer based in Hilversum in the Netherlands. I design interfaces and then build them myself, usually as a specialist within a team. This extension comes out of my own work: on almost every project something was wrong with the sharing tags, and it only surfaced once somebody pasted the link somewhere.

Things like that cost almost nothing while you are building and turn into a rebuild afterwards. That is what my work is about, and what the articles I write alongside it are about. Both are in Dutch, so if that is not your language, the extension itself is the better read.