<meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Anvil — Developer Tools</title> <meta name="description" content="A fast, offline-first collection of developer utilities that run in your browser." /> <meta name="keywords" content="developer tools, json, base64" /> <meta name="author" content="Anvil" /> <meta name="theme-color" content="#10b981" /> <link rel="canonical" href="https://anvil.tools" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Anvil — Developer Tools" /> <meta property="og:description" content="A fast, offline-first collection of developer utilities that run in your browser." /> <meta property="og:url" content="https://anvil.tools" /> <meta property="og:image" content="https://anvil.tools/og.png" /> <meta property="og:site_name" content="Anvil" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Anvil — Developer Tools" /> <meta name="twitter:description" content="A fast, offline-first collection of developer utilities that run in your browser." /> <meta name="twitter:image" content="https://anvil.tools/og.png" />
About Meta Tag, Open Graph & Twitter Card Generator
Search engines and social platforms read your page's `<head>` to decide how it appears in results and in shared link cards. Getting that markup right — the standard SEO tags, Open Graph, and Twitter Card — is fiddly and easy to forget. This meta tag generator turns a few fields into a complete, paste-ready block.
Fill in a title, description, canonical URL, and an image, and the open graph generator emits matching `og:*` and `twitter:*` tags alongside charset, viewport, and canonical link. Every value is HTML-escaped, so quotes and ampersands in your copy won't break the markup.
It runs entirely in your browser — nothing is uploaded — so you can prep pages for search and social sharing completely offline.
Features
- Standard SEO, Open Graph, and Twitter Card tags from one form
- Automatic HTML-escaping of titles and descriptions
- Optional fields (image, author, theme-color) are omitted cleanly
- Copy the whole block with one click; fully offline
How to use
- Enter your page title and description — the two required fields.
- Add a canonical URL, image, site name, and any optional fields you need.
- Pick a Twitter card type (large image or summary).
- Copy the generated tags and paste them into your page <head>.
Frequently asked questions
What are Open Graph (og:) tags for?
Open Graph tags tell platforms like Facebook, LinkedIn, and Slack how to render a shared link — the title, description, and preview image of the card. Without them, those platforms guess, often poorly.
Do I need both Open Graph and Twitter Card tags?
Twitter (X) falls back to Open Graph when Twitter-specific tags are missing, but adding twitter:card and twitter:image gives you precise control over the card layout. This generator emits both so you are covered everywhere.
What should the og:image size be?
A 1200×630 image works well for the summary_large_image card and is the safest default across platforms. Use an absolute URL so crawlers can fetch it.
Is my content sent anywhere?
No. The tags are built in your browser with no network calls, so your titles, URLs, and copy never leave your device. It works offline.
Related tools
Everything runs locally in your browser — your input is never uploaded.