Home › Generators & Text Tools › Meta Tag Generator

Meta Tag Generator

Every page on the web carries a small set of hidden instructions that decide how it appears in search results and when someone shares its link. This free meta tag generator writes that whole set for you: the SEO title and description, keywords, author, robots rules, Open Graph tags for Facebook and LinkedIn, and Twitter card tags for X. Fill in the form, watch the live search preview update as you type, then copy the ready-to-paste HTML snippet into your page.

How it works

Meta tags live in the head section of a page's HTML, where visitors never see them — but search engines and social platforms read them first. The title tag is the single most important one: it becomes the blue clickable headline in search results and the text on the browser tab. The meta description becomes the grey snippet underneath the headline, and while it does not directly change rankings, a clear description earns more clicks, and more clicks are a signal search engines notice.

Open Graph tags control the card that appears when a link is shared. When someone pastes your URL into Facebook, LinkedIn, or WhatsApp, the platform reads og:title, og:description, and og:image and builds a preview card with your image, your headline, and your words. Without those tags, the platform guesses — and it usually guesses badly, picking a random image and the first paragraph of text. Twitter card tags do the same job for X, and the summary_large_image card gives you a big image above the text, which is the format most shared links use.

The robots tag tells search engines what to do with the page. "index, follow" is the default: index the page and follow its links. "noindex, follow" keeps the page out of search results while still letting crawlers follow its links — useful for thank-you pages and private pages. The canonical URL tells search engines which version of a page is the real one when the same content exists at more than one address. The theme-color tag colors the browser's address bar on mobile, a small touch that makes a site feel finished.

This generator escapes every value it writes, so a quote or an angle bracket in your title cannot break the HTML. The character counters warn you when the title passes 60 characters or the description passes 160, the points where search engines start cutting text off. Keep the "use page title and description" box ticked and the Open Graph and Twitter tags follow your main title and description automatically; untick it only if you want different wording for social shares, such as a punchier headline for a shared post.

Worked example

You have a new page called "My Page" with the description "Hello world" at the address https://example.com/my-page, and you want it ready for search and sharing.

Step 1: Type "My Page" in the title field and "Hello world" in the description field. The counters read 7 / 60 and 11 / 160 — both well inside the limits.
Step 2: Leave robots on "index, follow" and Open Graph type on "website".
Step 3: Press Generate Meta Tags. The snippet includes <title>My Page</title>, <meta name="description" content="Hello world">, and <meta property="og:title" content="My Page">, plus the matching Twitter card tags, the canonical link, and the charset and viewport lines.
Step 4: The live preview shows "My Page" as the blue search headline with "Hello world" underneath, and the social card shows the same title and description. Press Copy Tags and paste the whole block inside the <head> of your page.

If the title grows past 60 characters, the counter turns red and the preview trims it with an ellipsis, exactly as a search engine would. Shorten the title until the counter is back under the limit, and the preview shows the full headline again.

FAQ