Bluesky Website Card: How to Add & Optimise (2026)
- "Website card" on Bluesky refers to the rich preview that appears when you paste a URL into a post or bio ??” pulls Open Graph metadata.
- For Bluesky to render a rich card, your destination needs proper Open Graph tags (
og:title,og:description,og:image). - Cards make bio links and posts visually richer + drive higher CTR.
How Bluesky Cards Work
When you paste a URL in a post or in your bio, Bluesky fetches metadata from the destination:
- Title ??” page title (from
og:titleor<title>). - Description ??” short excerpt (from
og:description). - Image ??” preview image (from
og:image). - Domain ??” visible alongside.
Card displays as a clickable rectangle with image preview. Much higher visual weight than a plain URL.
Where Cards Render
| Location | Card displays? |
|---|---|
| Posts | Yes ??” when you embed URL |
| Bio description | Plain link (no card preview) |
| Reply | Yes |
| Quote post | Yes |
Note: Bio description URLs don't render full cards ??” only posts do. Strategy: pin a post with the URL to get full-card display.
Setting Up Open Graph on Your Destination
Add to your destination page's <head>:
<meta property="og:title" content="Your Page Title">
<meta property="og:description" content="Brief description (150 chars)">
<meta property="og:image" content="https://yoursite.com/preview.jpg">
<meta property="og:url" content="https://yoursite.com/page">Most modern CMS (WordPress, Webflow, Shopify, Substack, etc.) auto-generate these.
Image Specs
- Aspect ratio: 1.91:1 (landscape).
- Resolution: 1200 ?— 630 px recommended.
- File size: under 5 MB.
- Format: JPG or PNG.
Cards on Bio Link Tool URLs
If you use UniLink / Linktree / Beacons URL in your bio, those tools auto-generate Open Graph metadata. Bluesky renders cards for them automatically.
Example: pasting unil.ink/yourname in a post displays your profile preview as a card.
Why Cards Matter for CTR
| Format | Typical CTR |
|---|---|
| Plain text URL | 1-3% |
| Auto-linked URL | 2-5% |
| Rich card with image | 5-15% |
Pin a Post with Card
To get bio-level card visibility:
- Create a post with your URL embedded.
- Pin the post to your profile.
- Card displays at top of profile permanently.
FAQ
What is a Bluesky website card?
The rich preview (image + title + description) that appears when you paste a URL into a Bluesky post.
Why doesn't my URL show a card?
Destination lacks Open Graph metadata, or image isn't accessible. Add og:title, og:description, og:image tags.
Do bio links show as cards?
Bio body URLs render as plain links. Pin a post with the URL for full-card display.
Can I customise card title / description?
Only via your destination's Open Graph metadata. Can't override on Bluesky's end.
Do cards work on third-party Bluesky clients?
Most do. Some bare-bones clients show URLs as plain text.
- Cards = rich URL previews in posts.
- Powered by Open Graph metadata on destination.
- Bio body URLs are plain text; pin a post for full-card visibility.
- Cards have 5-15% CTR vs 1-3% for plain URLs.
Auto-card-friendly bio link
UniLink auto-generates Open Graph metadata ??” your unil.ink URL renders as a rich card on Bluesky.
Try UniLink free ?†’Create Your Free Link-in-Bio Page
Join thousands of creators using UniLink. 40+ blocks, analytics, e-commerce, and AI tools — all free.
Get Started Free