Open Graph Generator
Generate Open Graph meta tags for Facebook, Twitter, LinkedIn, and more. Preview how your content looks when shared.
Meta Information
Enter text
Recommended size: 1200x630 pixels
Social Preview
EXAMPLE.COM
Your Page Title
A brief description of your content that will appear when shared on social media.
Preview simulates how the link looks on Facebook, LinkedIn, etc.
Generated HTML
Open Graph Generator
The Open Graph Generator helps you create the necessary meta tags to control how your website content appears when shared on social media platforms like Facebook, Twitter (X), LinkedIn, and Pinterest.
What is Open Graph?
The Open Graph protocol was introduced by Facebook to allow any web page to become a rich object in a social graph. By adding specific <meta> tags to your page's <head>, you can define the title, description, image, and other details that appear in the preview card.
Key Meta Tags
- og:title: The title of your object as it should appear within the graph (e.g., "The Rock").
- og:type: The type of your object (e.g., "video.movie"). Depending on the type, other properties may also be required.
- og:image: An image URL which should represent your object within the graph.
- og:url: The canonical URL of your object that will be used as its permanent ID in the graph.
- og:description: A one to two sentence description of your object.
Why is it important?
Optimized social sharing cards significantly increase click-through rates (CTR). A compelling image and title can make the difference between a user scrolling past your link or clicking on it.