ToolVaults

Meta Tag & Open Graph Generator

Generate SEO, Open Graph, and Twitter Card meta tags from your title, description, URL, and image. Includes a live Google SERP preview.

Runs 100% in your browser — nothing is uploaded.
Google search preview
https://toolvaults.net
ToolVaults — Fast, private tools
Hundreds of online tools that run 100% in your browser.
Generated <head> tags
<title>ToolVaults — Fast, private tools</title>
<meta name="description" content="Hundreds of online tools that run 100% in your browser." />
<link rel="canonical" href="https://toolvaults.net" />
<meta property="og:title" content="ToolVaults — Fast, private tools" />
<meta property="og:description" content="Hundreds of online tools that run 100% in your browser." />
<meta property="og:url" content="https://toolvaults.net" />
<meta property="og:image" content="https://toolvaults.net/og.png" />
<meta property="og:site_name" content="ToolVaults" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ToolVaults — Fast, private tools" />
<meta name="twitter:description" content="Hundreds of online tools that run 100% in your browser." />
<meta name="twitter:image" content="https://toolvaults.net/og.png" />

How to use

  1. 1
    Fill in title, description, URL

    These populate both the SEO tags and the Open Graph / Twitter tags in one pass.

  2. 2
    Add an image URL

    1200×630 is the sweet spot for Facebook, LinkedIn, and Twitter (summary_large_image).

  3. 3
    Pick Twitter card type

    summary_large_image is the modern default. summary is smaller and still supported.

  4. 4
    Copy the generated tags

    Paste into your <head>. The SERP preview and card previews show what users will see.

Examples

Minimal SEO + OG
Input
Title: ToolVaults · Desc: fast browser tools · URL: https://toolvaults.net · Image: https://toolvaults.net/og.png
Output
<title>ToolVaults</title>
<meta name="description" content="fast browser tools">
<link rel="canonical" href="https://toolvaults.net">
<meta property="og:title" content="ToolVaults">
<meta property="og:description" content="fast browser tools">
<meta property="og:image" content="https://toolvaults.net/og.png">
<meta property="og:url" content="https://toolvaults.net">
<meta name="twitter:card" content="summary_large_image">
Copy this straight into your <head>. Covers Facebook, LinkedIn, Slack, and Twitter.

Frequently asked

What is the difference between og:image and twitter:image?

Twitter reads twitter:image if present, otherwise falls back to og:image. Facebook, LinkedIn, and Slack use og:image. You almost always just need og:image.

What image size should I use for og:image?

Facebook recommends 1200×630 (1.91:1) for large previews. Twitter's summary_large_image works with the same. LinkedIn also 1200×627.

Do I need all of these tags?

The minimum useful set is title, description, canonical URL, og:title, og:description, og:image, and twitter:card. The generator includes the rest for completeness.

Related tools