Meta Tag Generator
Generate complete HTML meta tags for SEO and social sharing.
Basic SEO
Open Graph / Social
Twitter / X
Generated Meta Tags
<!-- Primary Meta Tags --> <meta name="robots" content="index, follow"> <meta name="theme-color" content="#ffffff"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image">
What the Meta Tag Generator does
Meta tags are snippets of HTML that live inside the <head> of a page and tell search engines and social platforms how to display it. Writing them by hand is fiddly, and a single misplaced quote can break the whole block. This generator turns a simple form into a ready-to-paste set of tags covering the three things that matter most: classic SEO tags, Open Graph for Facebook and LinkedIn, and Twitter/X card tags.
It is built for developers, bloggers, marketers and small-business owners who want their pages to look right in Google results and in social previews without memorising every property name. You fill in plain-language fields and the tool writes the correct <title>, <meta name="description">, robots, canonical, og: and twitter: tags for you, all kept in sync.
How to use it
Start with the Basic SEO section: enter your page title and meta description. The character counters next to each field turn red when you exceed Google's typical display limits (around 60 characters for titles and 160 for descriptions), so you can trim before search engines truncate your text.
Next, set your canonical URL to point at the preferred version of the page, toggle the Index and Follow robots checkboxes to control crawling, and pick a theme color. In the Open Graph and Twitter sections, add a social title, description and a 1200x630 image URL; if you leave the OG fields blank they automatically fall back to your basic title and description. When everything looks right, click Copy All and paste the block into the <head> of your HTML.
Tips for better results
Always provide an Open Graph image. Links shared without one look bare and get fewer clicks; a 1200x630 pixel image is the safe size across Facebook, LinkedIn and Twitter. Keep your title and OG title aligned with the actual page content so previews match expectations and reduce bounce.
Set the canonical URL on every page to avoid duplicate-content issues, especially if the same page is reachable through multiple URLs. Choose the og:type that fits the page (website, article or product) and use the summary_large_image Twitter card when you have a wide hero image to show.