Sign up free

Open Graph Generator

Fill in the share title, description and image, watch the card previews, and copy the Open Graph and Twitter Card tags.

More tools
More generators301 Redirect GeneratorHtpasswd GeneratorHreflang Tag GeneratorUTM Link Builderllms.txt Generator

About Open Graph Generator

Open Graph tags decide what people see when your link is pasted into a chat or a social post: the title, a short description and the picture. Without them, apps have to guess, which often means the wrong image or none at all. This Open Graph generator covers og:title, description, image with its width, height and alt text, url, type (website, article, product, video, profile or book), site_name and locale. Search results use a separate title and description, which the Meta Tag Generator writes.

For X, choose a summary card with a small thumbnail or summary_large_image with a wide picture, and add the twitter:site and twitter:creator handles. Previews for Facebook, X and WeChat update as you type, and the image is loaded from its URL, so a wrong address shows up straight away. Copy the HTML into the head of your page, then test the published page with the Open Graph Checker. The tags are built in your browser, and nothing you type is uploaded. To see which shares bring visitors, tag the shared link with the UTM Link Builder.

How to use Open Graph Generator

  1. 1
    Describe the page

    Enter the title, description, page URL, site name, type and locale.

  2. 2
    Add the share image

    Paste the image's full URL with its width, height and alt text, and the previews load it from there.

  3. 3
    Pick the X card

    Choose summary or summary_large_image and add your @site and @creator handles.

  4. 4
    Copy the tags

    Paste the HTML into the page head and check the live page with the Open Graph Checker.

Why use Cubfile for this

  • Three live previews

    Facebook, X and WeChat cards change as you type.

  • Open Graph and Twitter Card

    All the og tags plus twitter:card, twitter:site and twitter:creator in one block.

  • Six page types

    website, article, product, video, profile and book.

  • Built in your browser

    Nothing is uploaded. Only the preview image is fetched, straight from the address you gave.

FAQ

Open Graph Generator: questions and answers

What size should an og:image be?
1200 × 630 pixels, a 1.91:1 ratio, is what Facebook recommends, and it suits large cards elsewhere too. Use a full https:// address and keep the file well under 5 MB.
What's the difference between summary and summary_large_image?
summary shows a small square thumbnail beside the title, while summary_large_image shows a wide image above it. Choose the large card when the picture carries the message.
Do I need Twitter Card tags if I already have Open Graph?
X falls back to og:title, og:description and og:image, but it needs twitter:card to know which card to show. That's one extra line.
Why does Facebook still show my old image?
Facebook caches link previews. After changing the tags, open Facebook's Sharing Debugger and scrape the URL again to refresh the card.
Is anything I enter uploaded?
No. The tags are generated in your browser, free and without limits. The only request is your browser loading the image from the URL you entered, for the previews.
Share Open Graph Generator with a friendIt runs in any browser, and they can try it without signing up.

Related tools

XML XML Sitemap GeneratorCrawl your site or paste a list of URLs to build an XML sitemap.
HTML Meta Tag GeneratorWrite title, description and robots tags with live length checks and a preview.
TXT Robots.txt GeneratorCreate a robots.txt with presets for search engines and AI crawlers.
JSON Schema Markup GeneratorGenerate JSON-LD for FAQ, articles, products, organizations and more.
CONF 301 Redirect GeneratorGet redirect rules for Apache, Nginx, IIS, PHP and HTML.
URL UTM Link BuilderAdd UTM tags to links so you can track campaigns in analytics.
HTML Hreflang Tag GeneratorBuild hreflang tags for every language version of a page.
CONF Htpasswd GeneratorCreate .htpasswd lines for Apache and Nginx basic authentication.