Meta Tag Generator

How to use 3 steps
  1. Enter the Page Title and Meta Description.
  2. Press Generate Meta Tags.
  3. Press Copy Code and paste it into your page's <head>.

Read the full guide

Generated HTML Meta Tags

Loading the tool… 0 of 3 parts

Getting the tool ready. On a slow connection this can take a few seconds.

How this tool works

It writes the block of meta tags a page needs for search results and for link previews, from a title and a description you supply. Nothing is checked against a live page — it formats what you type into the correct markup.

The output covers three sets: the primary title and description, Open Graph for Facebook and LinkedIn, and Twitter card tags. Quotation marks in your input are converted to &quot; so they cannot terminate an attribute early. It deliberately omits og:image and og:url, because both need an absolute URL specific to one page and a placeholder there is worse than an absent tag.

Getting tags that earn the click

  • Around sixty characters for the title: Google truncates on pixel width rather than character count, so there is no exact limit, but titles past roughly sixty usually cut off.
  • Around a hundred and fifty-five for the description: it is not a ranking factor. It is the sentence that decides whether someone clicks, which makes it worth more attention than its ranking weight suggests.
  • Write the description as a promise: say what the reader gets from the page. Descriptions listing keywords get rewritten by Google more often than ones that read like a sentence.
  • Add og:image yourself: a shared link without an image gets a fraction of the engagement. Point it at an absolute URL of at least 1200 by 630 pixels.

Full guide

5 min read

The meta tags that still do something, and the ones that never did

Four tags earn their place in the head and most of the rest are decoration. Which are which, what Open Graph is for, and why two of everything is the commonest fault.

Read the guide

Frequently Asked Questions

Specific to the Meta Tag Generator. Broader questions about this category are answered on the category page.

Not directly. Google has stated it is not used as a ranking signal. It affects how many people click the result, which is worth optimising for on its own terms.
Google rewrites titles and descriptions when it finds text on the page that matches the query better than what you supplied. This happens often, and the usual fix is a description that clearly describes the page rather than one padded with keywords.
Because it has to be an absolute URL pointing at a real image for that specific page. Generating a placeholder would produce markup that looks complete and breaks every preview.
X falls back to Open Graph when Twitter tags are absent, so they are not strictly required. They are worth keeping because twitter:card is what selects the large image layout over the small thumbnail.
Inside the <head>, once per page. On a WordPress site an SEO plugin usually emits these already — adding a second title tag or description creates a conflict, so check the rendered source before pasting.

Subscribe to receive notifications about new tools, features, and productivity tips.