Your site looks good. The preview should too.
Previews stay up to date as your site changes.
Captured, formatted, and optimized for Apple, Slack, Discord, LinkedIn, and more.
Lightweight to connect. No renderer running in your app.
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" />
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>
CLI, docs, and packages to get you connected fast.
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/...">...Simple setup for places people already deploy.
Preview how your pages render as social cards directly in Chrome, Firefox, or Safari.
Get a full analysis in seconds