136 · Design & Web

Meta Tag Generator

Fill in your page details to get complete, correctly escaped meta tags to paste into your HTML.

Preview of a typical link card. Each app styles cards a little differently.

1200 × 630 image

How to use the meta tag generator

  1. Enter the title, description, URL and share image.
  2. Choose indexing and an optional theme colour.
  3. Copy the tags into the of your page.

Which tags matter

  • Title: shown in tabs and search results; about 50–60 characters.
  • Description: often shown under the title in search; 70–160 characters.
  • Canonical: tells search engines the main URL of the page.
  • Open Graph: controls link previews in social apps and chats.

Special characters such as & and quotes are escaped for you.

Examples

Title “Mugs | Clay & Co”

<title>Mugs | Clay &amp; Co</title>

Don’t index

<meta name="robots" content="noindex,follow">

Questions

Do meta keywords help SEO?

No. Major search engines have ignored the keywords meta tag for years, so it isn’t included.