SEO & Social Generator
Create social media Open Graph meta tags (og:title, og:site_name, og:url, og:description, og:type, and multiple og:image links) ready to copy and paste into your website.
The overall name of your website or brand.
Canonical URL that serves as the permanent ID for the page.
og:type)og:image)Provide absolute URLs (e.g. https://example.com/banner.jpg). The recommended image dimension is 1200 × 630 pixels (1.91:1 ratio).
Copy and paste these Open Graph tags directly into your site's <head> section.
<!-- Open Graph / Facebook --> <meta property="og:type" content="website">
Craft standardized Open Graph metadata that guarantees your content looks professional when shared across social channels.
Transform shared URLs into rich interactive cards on Facebook, LinkedIn, Twitter, Slack, and Discord to dramatically increase click-through rates.
Add multiple high-resolution fallback and carousel image links with automatic 1200x630 dimension formatting guidance.
Configure standard Open Graph object types (website, article, product, profile, book, music, video) or custom values.
All tags are formatted instantly in your browser with zero latency, no tracking, and no signup needed.
A quick reference for integrating your generated tags into common web frameworks and platforms.
Open your index.html file and paste the snippet directly between the opening <head> and closing </head> tags.
Paste into your SEO plugin (Yoast SEO, Rank Math, SEOPress, or All in One SEO) under Social / Facebook metadata settings.
Add to the openGraph object inside your page's metadata export in App Router.
Common questions regarding Open Graph metadata, social crawlers, and best practices.
The Open Graph protocol enables any web page to become a rich object in a social graph. It is used by social platforms like Facebook, LinkedIn, Discord, and Slack to display attractive rich previews when your links are shared.
The optimal dimension for Open Graph images (og:image) is 1200 × 630 pixels (an aspect ratio of 1.91:1). Images should be under 8MB in JPG or PNG format to ensure fast rendering across social feeds.
The HTML <title> tag is primarily rendered in browser tabs and search engine SERP snippets, while og:title is specifically read by social network scrapers and chat apps. They can be identical or customized for each platform's audience.
Providing multiple image URLs gives social crawlers fallback options if one image fails to load, and allows platforms that support multiple images (like Pinterest or certain chat apps) to display rich previews.
Use official crawler diagnostic tools such as the Facebook Sharing Debugger, LinkedIn Post Inspector, and Twitter Card Validator to inspect and clear cache for your pages.