Link previews that just work

Every page. Every platform. Kept up to date automatically.

Make links worth clicking

Your site looks good. The preview should too.

Every page, handled automatically

Previews stay up to date as your site changes.

Check out this article!
https://legiblenews.com
Legible News
L
What is this?
Before OpenGraph+
Check out this article!
January 17, 2026
Legible News
Nice! I'll check it out
After OpenGraph+

Looks right wherever it's shared

Captured, formatted, and optimized for Apple, Slack, Discord, LinkedIn, and more.

Built on standard HTML

Lightweight to connect. No renderer running in your app.

Configured via meta tags

Define preview behavior using simple HTML metadata.

<meta property="og:title" content="January 17, 2026" />
<meta property="og:site_name" content="Legible News" />
<meta property="og:image" content="https://opengraphplus.com/api/websites/v1/cVB0clB4QnFKRGUySFlFRGRwekVZUTq0qjzZMVXDvYkBN9bSHQwB/image?url=https%3A%2F%2Flegiblenews.com" />
<!-- Customize how previews render with tags -->
<meta property="og:plus:selector" content="article.post" />
<meta property="og:plus:style" content="padding: 40px;" />
<meta property="og:plus:viewport:width" content="1200" />

Control what's rendered with CSS selectors & Tailwind

Hide nav bars, show social-only content, and customize per platform.

CSS

html[data-ogplus] nav { display: none; }
html[data-ogplus] .social-card { display: block; }

Hosted CDN

<link rel="stylesheet"
  href="https://opengraphplus.com/stylesheets/v1.css">
<nav class="ogplus-hide">...</nav>
<div class="ogplus-show">...</div>

Tailwind

<nav class="ogplus:hidden">...</nav>
<div class="hidden ogplus:block">
  Social card content
</div>

Built for developers by developers

CLI, docs, and packages to get you connected fast.

Command-line for humans and AI

Generate meta tags from your terminal or let your AI agent handle it.

$ ogplus meta example.com
<meta property="og:title" content="Example Domain">
<meta property="og:image" content="https://opengraphplus.com/api/...">
...

Guides for humans. Markdown for AI. Packages for apps.

Simple setup for places people already deploy.

Tailwind CSS
Utility-first social card styling
Rails
Dynamic social cards for your web app
HTML & CSS
How the renderer works
Astro
Static Pages, Living Previews
Coming Soon
Any Website
Links That Look Right
Coming Soon
Next.js
Dynamic by Default
Coming Soon
Wix
Your Site, Everywhere
Coming Soon
Shopify
Sell Before the Click
Coming Soon
Django
Previews That Keep Up
Coming Soon
Middleman
Eye-catching cards for static sites
Coming Soon
Nuxt
Server-Rendered Shares
Coming Soon
Laravel
Production-Ready Previews
Coming Soon

In-browser debugging tools

Preview how your pages render as social cards directly in Chrome, Firefox, or Safari.

OG+ Preview browser tool showing platform preview options
Preview social cards on any page with the OG+ browser tool

See what's happening on your site

Get a full analysis in seconds