The Open Graph Generator writes the og: meta tags that control how a page looks when it is shared on Facebook, LinkedIn, WhatsApp, Slack and similar apps. Enter the title, description, image and page address, choose a type, and the code appears below the form with a copy button. When you add an image, extra fields appear for its description and its width and height. Empty fields are left out, and text is escaped so quotes cannot break the tags. It runs in your browser.
Made for marketers and seo. Typical uses:
With the title "Free Word Counter", the image https://example.com/share.png (described as "Screenshot of the word counter", 1200 by 630), the page https://example.com/word-counter and the site name Example, the tool writes og:title, og:image, og:image:alt, og:image:width, og:image:height, og:url, og:type (website), og:site_name and og:locale (en_US).
The tool writes tags only: it has no preview and does not check that your image exists or loads. It does not add extra properties for types such as an article's publication date. Social platforms cache previews, so a changed page may show old results until the platform fetches it again. Open Graph tags do not affect search rankings.
Accuracy: Results show what the tool can measure at the moment you run it and can differ from what search engines see. Use them as guidance.
Expert Tip
Use a 1200 by 630 image at a public https:// address, put its width and height in the tags, and use the page's canonical address as og:url. After you change an image, ask Facebook or LinkedIn to fetch the page again.
Open Graph tags tell Facebook, LinkedIn, WhatsApp, Slack and many other apps what to show when someone shares a link: a title, a description, an image and a site name. The Open Graph Generator writes those tags as you fill in the form. You enter the title, description, image address and page address, choose a type (website, article, product, profile, video, music or book), and optionally add a site name and locale. When an image is given, three more fields appear for its description and its width and height, which start at 1200 and 630.
With the title "Free Word Counter", the image https://example.com/share.png with the description "Screenshot of the word counter", the page address https://example.com/word-counter and the site name Example, the tool writes these tags: og:title, og:image, og:image:alt, og:image:width with 1200, og:image:height with 630, og:url, og:type with website, og:site_name and og:locale with en_US. Fields that you leave empty are left out, and quotation marks and ampersands are escaped so that a title such as A & B cannot break the tag.
On a social feed the image is what people see first. Use an address that starts with https:// and loads without logging in. A size of 1200 by 630 pixels, which has a ratio of about 1.91 to 1, works on most platforms, and putting the width and height in the tags helps platforms show the image straight away, instead of waiting to download it. The alt text is read by screen readers and is shown when the image does not load. Keep important content away from the edges, because some apps crop the picture.
The type is "website" for most pages and "article" for posts. Other values, such as product or profile, are for specific content, and extra properties for them, such as an article's publication date, are not generated here. The locale is a language and country code, for example en_US or fr_FR. Platforms store previews for some time, so if you change the image or text, a share can still show the old version. Facebook and LinkedIn each provide a tool for fetching a page again; use it after you publish changes.
Open Graph tags change how a link looks when it is shared. They are not a ranking factor, and they do not replace the title and description used by search engines, which you can write with the Meta Tag Generator. X (Twitter) reads Open Graph tags when it has no Twitter tags of its own, and the Twitter Card Generator adds the card type. To see how a finished page will look, use the Open Graph Preview.
Write a description that is different from the title, give every page its own image where you can, and use the page's canonical address as the og:url so that shares are counted together. For better search results, add structured data with the Schema Markup Generator. The tags are generated in your browser, and nothing you enter is uploaded.
How titles and descriptions appear in search results, what length limits really mean, what schema markup can and cannot do, and a workflow using free SEO tools.
Explore more in SEO Tools, read the guides and articles, or see how we test our tools.
Generate Twitter Card markup for rich social sharing previews.
Best for making a shared link show a large image card instead of a bare link
Preview how your webpages appear when shared on Facebook, Twitter, and LinkedIn.
Best for checking a new blog post's share card before announcing it on social media
Generate SEO-optimized meta tags for your web pages.
Best for creating SEO meta tags for new web pages
Generate SEO-optimized title tags for your web pages.
Best for drafting a title for a new page from a keyword
Generate JSON-LD schema markup for SEO.
Best for adding structured data to articles, products and local business pages