Meta Tag Generator with Google and Social Previews

Fill in the form and the page writes the tags for the head of your HTML: charset and viewport, the title, the meta description, a canonical link, a robots meta tag, theme colours, favicon and manifest links, Open Graph tags for link previews and Twitter card tags. Values are escaped so quotes and ampersands cannot break the markup. Empty fields produce no tag, and Open Graph values default to the page title and description unless you override them. Copy the result or download it as a .html snippet.

The robots tag is written only when it differs from the default. Untick indexing for noindex, untick following for nofollow, and optionally add max-snippet and max-image-preview, which are directives Google documents. A warning reminds you that a page blocked in robots.txt cannot show crawlers its noindex tag, so do not use both on a page you want removed from results.

Google's documentation says a title element should be descriptive and concise, unique per page, free of keyword stuffing, and that the site name can go at the start or end separated by a hyphen, colon or pipe. It also says there is no limit on how long a title can be, but that results are cut off to fit the screen, so the important words should come first. Google may rewrite a title when it judges another text, such as a heading, describes the page better.

The length meters are therefore guides. The title meter estimates pixel width using Arial letter widths against the roughly 600 px desktop width often quoted by SEO tools; that figure is a rule of thumb, not a Google rule, and real results use Google's own fonts. Meta descriptions have no length limit either, snippets are cut to fit, and Google may ignore your text in favour of page content, so the meter marks about 70 to 160 characters as typical rather than required.

The Open Graph protocol asks for og:title, og:type, og:image and og:url, and an alt text for the image; the tool takes og:url from your canonical URL. Twitter or X reads twitter:card and can fall back to the Open Graph tags for the rest, so the tool writes only the card type, handles and an image alt text when Open Graph is on. A 1200 x 630 pixel image is a common size for large cards.

The social preview shows an image only after you type an address, and then only your browser requests that URL; the page itself fetches nothing and sends nothing. Meta tags help search engines and platforms understand a page, but they do not guarantee rankings, rich results or a particular snippet, and each platform caches previews on its own schedule.