See your link preview on every platform — instantly.

When someone pastes your URL into X, Slack, or iMessage, each platform fetches your HTML and looks for a tiny set of meta tags — the Open Graph protocol (originally from Facebook) and Twitter's own twitter:card tags. Each platform reads slightly different combinations, applies its own design, and caches the result.

If those tags are missing, malformed, or the image is unreachable from the platform's servers, you get a broken-looking preview — no image, generic title, or just a raw URL. That's a broken first impression everywhere the link is shared.

• <title> — 50–60 characters, used by Google and most platforms as a fallback.
• meta description — 140–160 characters, shown by Google in search results.
• og:title — overrides <title> for social cards.
• og:description — overrides meta description for social cards.
• og:image — the image shown on Facebook, LinkedIn, Slack, Discord, iMessage. Should be 1200×630 (1.91:1) for best fit.
• og:url — the canonical URL of the page.
• twitter:card — usually summary_large_image for the big-image style on X.
• twitter:image — X uses this if present, else falls back to og:image.

1. Image is unreachable — protected by login, hot-link blocked, or behind a CDN that rejects bots. Use a public CDN URL.
2. Image is too big — Slack and Discord skip images over ~5 MB. Compress to under 1 MB.
3. Wrong aspect ratio — anything other than 1.91:1 gets cropped or boxed badly on at least one platform.
4. Relative URLs — og:image must be an absolute URL (https://...), not /og.jpg.
5. Stale cache — platforms cache aggressively. After fixing tags, force a re-scrape (Facebook Debugger, LinkedIn Post Inspector).

Setting OG tags for one page is easy. Setting them correctly for every blog post, product, category page, and landing page across a site is where this gets painful — and where teams ship broken previews for years without noticing.

That's what Linkraft is for: a visual editor that lets you write one rule (e.g., "for every URL matching /products/:slug, the OG image is the product hero, the title is the product name + brand…") and apply it across thousands of pages, with live previews on every platform.