/ developer & network toolbox
← all tools

$ og

runs locally

Meta & Open Graph

Generate SEO + Open Graph + Twitter meta tags with a live social-share preview.

meta — invoker.tools

preview

invoker.tools
invoker.tools — developer & network toolbox
A growing set of fast, no-nonsense developer and network tools. No sign-up, nothing tracked.
<title>invoker.tools — developer &amp; network toolbox</title> <meta name="description" content="A growing set of fast, no-nonsense developer and network tools. No sign-up, nothing tracked."> <meta property="og:type" content="website"> <meta property="og:title" content="invoker.tools — developer &amp; network toolbox"> <meta property="og:description" content="A growing set of fast, no-nonsense developer and network tools. No sign-up, nothing tracked."> <meta property="og:url" content="https://invoker.tools"> <meta property="og:image" content="https://invoker.tools/og.png"> <meta property="og:site_name" content="invoker.tools"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="invoker.tools — developer &amp; network toolbox"> <meta name="twitter:description" content="A growing set of fast, no-nonsense developer and network tools. No sign-up, nothing tracked."> <meta name="twitter:image" content="https://invoker.tools/og.png">

About the Meta & Open Graph

The meta tag generator builds the SEO and social tags for a page from a simple form. Fill in details like title, description, URL and image, and it produces the standard SEO meta tags along with Open Graph and Twitter Card markup, with a live preview card showing how the link will look when shared. When you are happy, copy the generated tags straight into your page's head section.

Use it when launching a new page or fixing how a link appears on social platforms, so titles, descriptions and preview images render correctly. The tool runs entirely in your browser, so nothing you type is uploaded anywhere.

How to use it

  1. Fill in the form fields such as page title, description, canonical URL and share image.
  2. Watch the live preview card update to show how the link will appear when shared.
  3. Adjust the wording and image until the preview looks right.
  4. Copy the generated SEO, Open Graph and Twitter Card tags.
  5. Paste the tags into the head section of your HTML page.

Examples

  • Enter a blog post's title, description and a 1200x630 image and copy the Open Graph tags so it previews nicely on social platforms.
  • Generate a meta description and title tag for a product page to improve how it appears in search results.
  • Build Twitter Card tags with a summary_large_image style and check the preview before publishing.

Frequently asked questions

What meta tags does this generator create?

It generates standard SEO meta tags like title and description, plus Open Graph tags for platforms such as Facebook and LinkedIn, and Twitter Card tags, all ready to paste into your page head.

What are Open Graph and Twitter Card tags?

They are special meta tags that control how a link looks when shared, defining the title, description and preview image. Open Graph is used by most social platforms and Twitter Cards are used by X/Twitter.

Where do I put the generated tags?

Paste them inside the head section of your HTML document, before the closing head tag, so crawlers and social platforms can read them when they fetch the page.

Is my input sent anywhere?

No. The generator runs entirely in your browser, so the text and URLs you enter are never uploaded to a server.

What image size should I use for social previews?

A common choice is 1200 by 630 pixels for a large preview image, which works well for Open Graph and Twitter's summary_large_image card. Always host the image at a publicly reachable URL.

Can I preview how my link will look before publishing?

Yes. The live preview card shows an approximation of the share card as you edit the fields, so you can refine the title, description and image before going live.