Social Preview
Je plakt een link in LinkedIn of WhatsApp en er verschijnt de verkeerde afbeelding, een afgeknipte titel, of helemaal niets. Deze extensie laat je vooraf zien wat er gaat gebeuren.

Wat je ziet
Je klikt op het icoon en je krijgt de pagina waar je op staat te zien zoals tien plekken hem tonen: LinkedIn, Facebook, X, Instagram, WhatsApp, Slack, Discord, Pinterest, iMessage en Google. Elk platform pakt zijn eigen volgorde van tags, en dat zie je terug. X kijkt eerst naar twitter:title, Google gebruikt gewoon je <title>, en LinkedIn laat je omschrijving helemaal weg.
Onder elk voorbeeld staat hoeveel tekens je titel en omschrijving hebben tegenover de grens van dat platform, met een opmerking over waar dat platform eigenwijs in is.
Wat er wordt gecontroleerd
Een ontbrekende og:title of og:image. Een relatief pad waar een volledig adres moet staan. Een afbeelding die te klein is, niet laadt of te traag binnenkomt. Een og:url die iets anders zegt dan je canonical. Ontbrekende alt-tekst. Een ontbrekend lang-attribuut. Een noindex waar je die niet verwachtte.
De afbeelding wordt echt geladen, dus de werkelijke afmeting en verhouding worden gemeten en niet afgeleid uit wat er in de tag staat.
Wat het niet doet
Geen account, geen server, geen tracking en geen opslag. Er draait niets op je pagina's: de pagina wordt één keer gelezen, alleen op het moment dat je op het icoon klikt. Daarom heeft de extensie geen toegang tot websites nodig, en daarom werkt hij ook op staging, op localhost en achter een login.
Het enige verzoek dat naar buiten gaat is het ophalen van je eigen og:image, want anders valt de afmeting niet te controleren.
Privacy
De extensie verzamelt niets: geen account, geen server, geen statistiek en geen opslag. Wat er wel gebeurt staat per onderdeel in de privacyverklaring.
Installeren
De extensie staat nog niet in de Chrome Web Store. Zodra dat wel zo is, staat de installatielink hier. Wil je hem eerder proberen, stuur me dan een bericht.
Waarom ik dit heb gemaakt
Ik ben Robin Poort, front-end designer uit Hilversum. Ik ontwerp interfaces en bouw ze daarna zelf, meestal als specialist in een team. Deze extensie komt uit mijn eigen werk: bij vrijwel elke oplevering bleek er iets mis met de deel-tags, en dat kwam pas boven als iemand de link ergens plakte.
Zulke dingen kosten bij het bouwen bijna niets en zijn achteraf een verbouwing. Daar gaat mijn werk over, en daar gaan de artikelen over die ik erbij schrijf.