Meta Tag Generator

You fill in three fields and the generator writes eight lines for your page's <head>:

The robots line states the default, so you can delete it, or swap it for a tag from the Meta Robots Tag Generator if the page needs noindex. The Open Graph lines have no image. For a full social preview, use the Open Graph Generator on this site and replace these three lines with its output.

Under the title and description boxes, a counter shows the length in characters and a tick when it falls in range: 30–60 for the title, 70–155 for the description. A shop page might use:

• Title: Handmade Ceramic Planters | Clayworks (37 characters)
• Description: Wheel-thrown planters in six glazes, each with a drainage hole and a matching saucer. (85 characters)

The canonical URL is the address you want search engines to treat as the main version of this page. Enter the full address, with https:// and your domain, exactly as it should appear, including or omitting the trailing slash the way your site does. The box starts as https://example.com, so change it on every page. Leaving one URL, such as your home page, on every page tells search engines that all those pages are copies of it.

The generator puts your text into the tags exactly as typed. It doesn't convert special characters, so a double quotation mark ends the attribute early. A title of The "Best" Pizza in Town produces:

<meta property="og:title" content="The "Best" Pizza in Town" />

A browser reads the content as just The and drops the rest. Three ways to avoid it:

1. Use typographic quotes (“Best”) or single quotes in the text.
2. After copying, replace each straight double quote inside an attribute with ".
3. Rephrase so the quotes aren't needed.

An ampersand such as "Salt & Pepper" usually displays fine, but writing it as & is the strictly correct form. Angle brackets in a title should always be written as < and >.

Most content management systems, themes and SEO plugins already write some of these lines. Pasting the full block on top creates two titles, two canonicals or two viewport tags, and then you can't be sure which one a search engine or browser will use.

Before pasting, open the page, view its source, and search for <title, canonical and viewport. Paste only the lines that are missing, and edit the existing ones in your CMS settings rather than overriding them by hand.