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>.
Generated HTML Meta Tags

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.

Most of the head is ignored

Look at the source of almost any page and you will find a dozen meta tags. Very few of them do anything. Some were invented by tools that no longer exist, some were supported by search engines that shut down twenty years ago, and a handful were never read by anything at all — they simply spread because they appeared in a template somebody copied.

It is worth knowing which is which, because a head full of decorative markup makes it harder to notice when one of the four tags that matters is missing or wrong.

The ones that still do something

  • The title. Not strictly a meta tag, but the most important thing in the head. It is a real ranking input, it is the headline of your search result, and it is what a browser tab and a bookmark inherit.
  • The description. Not a ranking factor, and Google says so plainly. It is the sentence under your result, and it decides how many people click, which makes it worth writing carefully for a reason that has nothing to do with ranking.
  • The viewport. Without width=device-width a page renders at desktop width on a phone and the reader gets a postage stamp of text they have to pinch at. This is the tag whose absence causes the most damage and gets the least attention.
  • Robots. noindex keeps a page out of results; nofollow stops link equity flowing from it. Both are instructions rather than hints, so both are worth being careful with.

The canonical is a fifth thing worth having, though it is a link element rather than a meta tag. Charset belongs there too, as early in the head as possible.

Open Graph and Twitter cards

These are read by social platforms and messaging apps rather than by search engines, and they control the box that appears when someone pastes your link into a feed or a chat. og:title, og:description, og:image, og:url and og:type are the working set.

X falls back to Open Graph when Twitter-specific tags are absent, so duplicating everything is unnecessary. The one Twitter tag worth adding is twitter:card, which chooses between the large image layout and a small thumbnail beside the text.

Two of these have to be written by hand for every page, which is why the [msm_tool slug="meta-tag-generator"] deliberately leaves them out. og:image and og:url both need an absolute address specific to one page, and a plausible-looking placeholder is worse than an absent tag: the markup looks complete and every preview is wrong.

The graveyard

Meta keywords stopped being used by Google around 2009 and were abused so thoroughly before that they became a spam signal rather than a ranking one. They do nothing now. Neither does revisit-after, which no crawler ever implemented, or author, copyright and rating, which are read by nothing that affects your traffic.

meta refresh is different: it works, and you should still not use it. A server-side redirect is faster, is understood correctly by search engines, and does not strand a reader on a page that jumps away while they are still reading it.

Writing the two that get seen

Around sixty characters for a title and around a hundred and fifty-five for a description are the usual figures, but both are approximations of a limit measured in pixels. A title made of wide capitals is cut off sooner than a longer one in narrow lowercase, so treat the counts as a guide and check the result rather than the character total.

Write the description as a promise about what the reader gets, in a sentence that reads like a sentence. Descriptions built out of keyword fragments are rewritten by Google far more often than ones that describe the page, and a rewrite means you have lost control of the only copy on the results page you actually wrote.

One set per page

The commonest fault in the wild is two of everything. A theme emits a title tag, an SEO plugin emits another, and the page ships with both. Search engines pick one and it is frequently not the one you wanted.

Before pasting a generated block into a WordPress site, load the page and read the rendered source. If Yoast, Rank Math or SEOPress is active, the title and description are already being written for you and belong in that plugin's fields, not in a second block in the template. What is often genuinely missing on such a site is the viewport tag or a complete set of Open Graph tags, and those are worth adding.

Everything else in a generated block should be treated as a starting point. Escape any quotation marks in your text so they cannot terminate an attribute early, put the whole thing inside the <head>, and check the rendered page afterwards rather than assuming the template did what you expected.

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.