--- title: "Meta Tag Generator - Free SEO & Open Graph Tags | CanDoYa" description: "Free meta tag generator that builds SEO, Open Graph, and Twitter Card HTML from your page details. Live preview, no sign-up - runs in your browser." url: https://candoya.com/tools/meta-tag-generator/ locale: en type: browser-tool --- # Free Meta Tag Generator Category: SEO & Web ## What is a meta tag generator? A meta tag generator turns your page title, description, and social details into the exact HTML meta tags a page needs - the SEO title and description plus Open Graph (og:) and Twitter Card tags. Fill in the fields and it writes escaped, copy-ready markup live. Everything runs in your browser, so nothing is uploaded. Meta tags live in the `` of a page and tell search engines and social platforms how to display it. This generator builds the whole set at once: the title and meta description Google shows in results, the canonical and robots directives, and the Open Graph and Twitter Card tags that control the image, title, and text when someone shares your link. It escapes every value you type, so a stray quote or angle bracket in a title can never break the markup, and it skips any field you leave blank instead of emitting an empty tag. ## How to use it 1. **Enter your page details** - Type the page title and meta description, then add the canonical URL and, if you want, an og:image and site name. 2. **Set the social options** - Pick the og:type, choose a Twitter card size, and add your Twitter handle. The og:url defaults to the canonical URL. 3. **Watch the live preview** - A Google-style result and a social card update as you type so you can see how the page will look when it is found or shared. 4. **Copy the meta tags** - The HTML regenerates live. Copy it and paste it into the head of your page. ## Who it's for - **SEO specialists** writing a clean title and meta description and checking them against Google's length limits. - **Web developers** who need ready-to-paste Open Graph and Twitter Card tags for a page template. - **Marketers** setting the image, title, and description that appear when a link is shared on social media. - **Bloggers and store owners** adding proper meta tags without a plugin or CMS setting. ## Expert note The title, og:title, and twitter:title serve three different surfaces - the search result, the social card, and the tweet - but there is rarely a reason to differ, so this tool keeps them in sync from one field. If you ever need them apart, edit the output after copying; the escaping still holds because each value is encoded once when generated. ## Frequently asked questions ### Is the meta tag generator free? Yes - it is completely free, with no sign-up and no limits. It runs entirely in your browser. ### Is my data uploaded anywhere? No. The title, description, and URLs you enter are turned into HTML meta tags locally in your browser and are never sent to a server. ### What meta tags does it generate? It builds the title tag, meta description, canonical link, robots directive, the Open Graph set (og:type, og:title, og:description, og:url, og:image, og:site_name), and the Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image, twitter:site). ### How long should the title and description be? Aim for a title under about 60 characters and a meta description of roughly 50 to 160 characters. The tool flags anything longer, since Google truncates titles and descriptions that overflow those limits in search results. ### What is the difference between og:image and twitter:image? og:image is the picture shown when your link is shared on Facebook, LinkedIn, and most platforms; twitter:image is the equivalent for X/Twitter cards. This tool uses the same image URL for both, which is the usual setup - a single 1200x630 image works everywhere. ### Where do I paste the generated meta tags? Put them inside the element of your page's HTML, alongside any existing meta tags. Then you can validate the social tags with Facebook's Sharing Debugger or the Twitter Card Validator. ## Related tools - [Open Graph Generator](https://candoya.com/tools/open-graph-generator/) - [Breadcrumb Schema Generator](https://candoya.com/tools/breadcrumb-schema-generator/) - [Topical Map Generator](https://candoya.com/tools/topical-map-generator/) --- *Markdown edition of , published for AI agents and other automated readers. Index of key pages: .*