Open Graph tags generator
Generate Open Graph and Twitter Card tags so your page looks good when shared on Facebook, LinkedIn, X and other social networks.
Processed on your device. Nothing is sent to any server.
<meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image">
Generates the og:title, og:description, og:image and similar tags, plus the corresponding twitter:card tags, the standard social networks use to generate a link preview.
Use cases
- Preparing a blog post's social preview.
- Configuring how a product looks when shared on social media.
- Adding social metadata to a new landing page.
How it works
- 1
Fill in the fields
Title, description, URL, image and content type.
- 2
Copy the code
Paste the result into your HTML's head.
Technical details
- It generates og:title, og:description, og:url, og:image, og:site_name and og:type (website by default) and, if you pick a card type, the twitter:card, twitter:title, twitter:description and twitter:image tags.
- The image URL must be absolute and public: networks fetch the image from their own servers.
- Networks cache link previews; after changing the tags, the preview may take a while to update or need a re-scrape with the network's link debugger.
Frequently asked questions
What size should the og:image be?
An image of at least 1200x630 pixels is recommended so it displays correctly on most platforms.
Related tools
- Favicon GeneratorGenerates a favicon pack in several sizes.
- Meta Tags GeneratorGenerates meta tags for the head.
- robots.txt GeneratorGenerates a robots.txt file.
- UTM Link GeneratorAdds UTM parameters to a URL.
- Character CounterCount characters and check common limits.
- CSS MinifierReduces a CSS file's size.