An open graph generator creates the HTML meta tags that control how your web pages look when someone shares them on Facebook, LinkedIn, Pinterest, WhatsApp, or Slack. ToolsPivot's open graph generator supports 27+ content types (from articles and products to music, video, and restaurant menus), produces copy-ready code instantly, and requires no account or sign-up to use.
How to Use ToolsPivot's Open Graph Generator
Enter your page title: Type the title you want displayed in social media previews. Keep it under 60 characters so platforms don't cut it off mid-sentence.
Add a site name: Fill in the name of your website or brand. This appears alongside the title in most social previews.
Paste the page URL: Enter the full URL of the page you're generating tags for. Use the canonical version if you have duplicate pages.
Write a description: Summarize the page content in 155-160 characters. This text shows beneath the title on Facebook and LinkedIn link cards.
Select a content type: Pick from the dropdown menu: Article, Product, Website, Video, Music, Business, Restaurant, Profile, and more. The type tells social platforms how to categorize your link.
Choose the number of images: Select between 1 and 10 og:image slots depending on how many preview images your page needs.
Copy the generated code: The tool outputs clean meta tag markup instantly. Hit the Copy button, then paste the tags inside the section of your page's HTML.
What ToolsPivot's Open Graph Generator Does
The generator takes your page details and converts them into properly formatted OG meta tags that social platforms can read. Here's what each output tag controls.
og:title tag: Sets the clickable headline displayed in link previews. Facebook truncates titles beyond roughly 88 characters, but 60 or fewer is the sweet spot for full visibility on all platforms.
og:site_name tag: Identifies your brand or website name. This appears as secondary text on Facebook cards and helps users recognize the source before clicking.
og:url tag: Points to the canonical URL of your content. If someone shares a non-canonical version, the platform still pulls the correct page data.
og:description tag: Provides the summary text beneath the headline. Think of it as the social media equivalent of a meta description for search results.
og:type tag: Tells platforms what kind of content they're dealing with. The generator supports over 27 types including article, product, business, music.song, video.movie, restaurant.menu, and profile.
Multiple og:image slots: You can specify up to 10 images per page. Each image gets its own meta tag, letting platforms choose the best one or display a gallery.
Once generated, the code is valid HTML you can drop directly into your page header. No cleanup, no reformatting. If you need to check whether existing pages already have OG tags before creating new ones, run them through the open graph checker first.
Why Use ToolsPivot's Open Graph Generator
No account required: Generate as many tag sets as you need without signing up, logging in, or handing over an email address. Some competing tools gate their output behind a free trial or registration wall.
27+ content types: Most generators only offer 5-8 types (website, article, product, video). This tool covers niche types like restaurant.menu, music.playlist, book.author, fitness.course, and election. If your content fits a specific category, the right og:type helps platforms display it correctly.
Multi-image support: Need more than one preview image? Select up to 10 og:image slots. This is useful for product pages, portfolios, and galleries where a single image doesn't tell the full story.
Clean, copy-ready output: The generated code uses proper property attributes and content values with no extra markup, no inline styles, and no JavaScript dependencies. Paste it in and it works.
Works with any platform: The tags are recognized by Facebook, LinkedIn, Pinterest, WhatsApp, Slack, Discord, iMessage, and Telegram. You write the tags once, and every platform that supports the Open Graph protocol reads them.
Pairs with SEO metadata: OG tags cover social sharing, but you still need standard meta tags for search engines. Use ToolsPivot's meta tag generator alongside this tool to build a complete section.
Zero data storage: Everything runs client-side. Your titles, descriptions, and URLs aren't logged, saved, or sent to a third-party server.
Picking the Right og:type for Your Page
Most people default to "website" for every page. That works, but it's not always the best choice. The og:type tag tells Facebook and LinkedIn what kind of content you're sharing, and different types can trigger different display formats.
For blog posts and news articles, select "article." Facebook uses this type to pull in publish dates and author metadata when available. Product pages should use "product" so platforms know the shared link relates to something someone can buy. If you're sharing a video landing page, "video.movie" or "video.other" lets platforms recognize the media and sometimes display inline playback controls.
This generator goes further than most. Running a restaurant site? There's a dedicated "restaurant" type, plus "restaurant.menu," "restaurant.menu.item," and "restaurant.menu.section" for individual pages. Music sites can use "music.song," "music.album," "music.playlist," or "music.radio_station." These niche types add semantic context that platforms use internally.
Not sure which type to pick? Check how your Twitter cards and Facebook previews render with the generic "website" type first. If the preview looks right, you might not need to change it. But if you want richer metadata or you're building structured content, pick the specific type that matches.
OG Image Specs That Actually Matter
The og:image tag has more impact on click-through rates than any other OG property. A missing or incorrectly sized image can drop engagement by 50% or more compared to a properly configured preview card.
Platform
Recommended Size
Aspect Ratio
Minimum Size
Facebook
1200 x 630 px
1.91:1
200 x 200 px
LinkedIn
1200 x 627 px
1.91:1
200 x 200 px
Pinterest
1000 x 1500 px
2:3
600 x 600 px
WhatsApp
1200 x 630 px
1.91:1
300 x 200 px
Aim for 1200 x 630 pixels as your default. That size works well across Facebook, LinkedIn, WhatsApp, and Slack without cropping issues. Keep the file under 5 MB (JPEG for photos, PNG for graphics with text). If your images are larger than they need to be, run them through an image compressor before uploading. Need to crop to exact OG dimensions? The image resizer handles that.
One thing people miss: include og:image:width and og:image:height tags alongside your og:image URL. Without explicit dimensions, Facebook has to fetch and measure the image before it can display a preview. That means the first person to share your link might see a blank thumbnail while Facebook loads the image in the background.
Who Needs an Open Graph Generator
Content marketers publishing blog posts
Every article you publish gets shared on social media, whether by you or your readers. Without OG tags, Facebook and LinkedIn pull whatever text and image they find first on the page. That often means a sidebar ad, a logo, or a random stock photo instead of your featured image. Generate tags before each post goes live, then verify them with the meta tags analyzer after implementation.
E-commerce managers running product campaigns
Product pages shared on Facebook need to show the product image, name, and price at a glance. Setting og:type to "product" and writing a description that highlights the key selling point (not just a generic product blurb) makes shared links look like mini ads. Pair OG tags with schema markup for even richer search and social visibility.
Freelance web developers building client sites
Clients rarely think about OG tags until they share their new site on LinkedIn and see a broken preview. Building OG tag generation into your delivery workflow takes about 2 minutes per page and avoids the awkward "why does my site look weird on Facebook?" email a week after launch. Run a full SEO check and a page speed test before handing off the project.
Social media managers at agencies
Managing 5-10 client accounts means dozens of shared links per week. Mismatched thumbnails and truncated titles make your client's brand look unprofessional. Create tags for every campaign URL, then track performance with the social stats checker.
Testing OG Tags After You Add Them
Generating the tags is half the job. You also need to confirm they're working on each platform. Here's the testing process that catches most issues.
Start with Facebook's Sharing Debugger (developers.facebook.com/tools/debug). Paste your URL, hit "Debug," and check the preview card. If it shows the wrong image or title, Facebook might be serving a cached version of your page from before you added OG tags. Click "Scrape Again" to force a refresh.
For LinkedIn, use the Post Inspector (linkedin.com/post-inspector). Same idea: paste the URL, review the preview. LinkedIn caches aggressively, so you may need to inspect the URL twice before it pulls the updated tags.
Common problems and fixes:
Wrong image showing: The og:image URL is probably relative (like /images/hero.jpg) instead of absolute (like https://yoursite.com/images/hero.jpg). OG tags require full URLs.
No preview at all: Check that your tags sit inside the section, not the . Tags in the body are invalid and get ignored.
Image too small: Below 200 x 200 pixels, Facebook shows a tiny thumbnail instead of a large card. Resize to at least 1200 x 630.
Before debugging, double-check that the tags exist on the live page by viewing the source code or using a tag validation tool to confirm nothing got lost during deployment.
Common Questions About Open Graph Tags
What are open graph tags?
Open graph tags are HTML meta elements placed in a page's section that control how the page appears when shared on social media. Facebook created the Open Graph protocol in 2010, and platforms like LinkedIn, Pinterest, WhatsApp, Slack, and Discord now support it too. The four required tags are og:title, og:type, og:image, and og:url.
Is ToolsPivot's open graph generator free?
Yes, 100% free with no usage limits. You don't need to create an account, enter an email, or install anything. Generate tags for as many pages as you need, as often as you need.
Do open graph tags affect SEO rankings?
OG tags don't directly influence Google search rankings. Google ignores them during indexing and uses standard meta tags and page content instead. But well-configured OG tags drive higher click-through rates on social media, which can increase traffic, backlinks, and brand searches. Those signals do affect SEO indirectly.
What happens if I don't add OG tags to my page?
Social platforms guess. Facebook's crawler scans the page and pulls whatever title, image, and text it finds first. The result is usually a mismatched image, a truncated headline, or a description pulled from random page text. Pages without OG tags see up to 50% lower engagement on shared links compared to pages with proper tags.
Can I use the same OG tags on every page?
You shouldn't. Each page needs unique og:title, og:description, og:image, and og:url values that match that specific page's content. Reusing the same tags across your site means every shared link looks identical, which confuses users and hurts click-through rates.
What's the difference between open graph tags and Twitter cards?
Open Graph tags were created by Facebook and are used by most social platforms. Twitter (now X) developed its own format called Twitter Cards with tags like twitter:title and twitter:image. If Twitter can't find its own card tags on a page, it falls back to OG tags. For full coverage, add both. ToolsPivot's Twitter card generator handles the Twitter-specific tags.
How do I add OG tags to WordPress?
Two options. You can paste the generated code directly into your theme's header.php file, or you can use an SEO plugin like Yoast SEO or Rank Math that adds OG fields to each post editor. The plugin route is easier for non-developers because it lets you set tags per page without editing theme files.
Do OG tags work on WhatsApp and Slack?
Yes. Both WhatsApp and Slack read Open Graph tags to build link previews in conversations. When someone pastes a URL into a WhatsApp chat or Slack channel, the app fetches the page's OG tags and displays a preview card with the image, title, and description you set.
What size should my OG image be?
Use 1200 x 630 pixels with a 1.91:1 aspect ratio as the default. This size displays as a large preview card on Facebook, LinkedIn, and WhatsApp. Images smaller than 600 x 315 pixels appear as small thumbnails, which get significantly fewer clicks. Keep file size under 5 MB.
How often should I update my OG tags?
Update them whenever the page content changes meaningfully, like a new featured image, a revised headline, or a rewritten description. If you're running A/B tests on social headlines, you can update the og:title independently of the page's regular title tag. After any update, re-scrape the URL in Facebook's Sharing Debugger to clear the cached version. You can also use the AI meta title generator to brainstorm title variations quickly.
Can I use different titles for SEO and social media?