Meta Tag Generator

This meta tag generator turns a title, description, address and image into the finished code for the head of your page: title, meta description, canonical, Open Graph for social networks and cards for X. Lengths and common mistakes are checked right away.

Source: Google Search Central – Control your title links in search results (title-Element). Updated: .

main term first; as a rule of thumb up to about 60 characters
one or two sentences; as a rule of thumb 70 to 160 characters
full URL of the preferred version of the page
about 1200 × 630 pixels; for social media previews
e.g. en_US, en_GB; empty = leave out
My ToolboxYour inputs are saved in this browser only.

Result

Code for the head
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Meta Tag Generator – Example Page</title> <meta name="description" content="Example description: in one or two sentences, this says what the page is about and what visitors will find there."> <link rel="canonical" href="https://www.example.com/example/"> <meta property="og:type" content="website"> <meta property="og:title" content="Meta Tag Generator – Example Page"> <meta property="og:description" content="Example description: in one or two sentences, this says what the page is about and what visitors will find there."> <meta property="og:url" content="https://www.example.com/example/"> <meta property="og:image" content="https://www.example.com/image.jpg"> <meta property="og:site_name" content="Example Shop"> <meta property="og:locale" content="en_US"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Meta Tag Generator – Example Page"> <meta name="twitter:description" content="Example description: in one or two sentences, this says what the page is about and what visitors will find there."> <meta name="twitter:image" content="https://www.example.com/image.jpg">
Lengths
Title 33 characters, description 113 characters
Check
  • No issues found.
The lengths are guidelines, not Google requirements: search engines truncate by pixel width and may show their own titles and excerpts. Paste the code into the head of each page and adapt it page by page.

How it is calculated

Meta tags sit in the head of an HTML page and describe it to search engines and social networks. The generator assembles the most important ones and escapes special characters such as quotes and & for HTML.

What the tags do

Tips

A preview image with an aspect ratio of about 1.91 : 1, for example 1200 × 630 pixels, displays cleanly in most networks. How a title and description look in Google is shown by the SERP preview, the character count is checked by the character counter, and campaign links are built with the UTM builder.

Frequently asked questions

What are meta tags?

Information in the head of an HTML page that is invisible to visitors but read by search engines and social networks: for example title, description, preview image and indexing rules.

How long should the title and description be?

As a rule of thumb up to about 60 characters for the title and 70 to 160 for the description. Google names no fixed limit and truncates by pixel width; put important words first.

Does the meta description improve ranking?

No, it is not a ranking factor. It can appear as a text excerpt in search and so influence whether someone clicks. Google also often shows its own excerpt from the page.

What is Open Graph for?

Open Graph defines how a shared link looks in networks and messengers: title, description and image. Without these tags the services guess and often show an unsuitable image.

What does noindex mean?

The page should not be added to the search index. It remains reachable for visitors. Unlike a block in robots.txt, the page must be fetchable so the search engine can read the instruction.

Sources and legal basis

As of: · Editorial policy

Related tools