Meta Tag Generator

About this tool

Fill in the page title, description, address and share image, and the generator writes the meta tags for the head of your HTML: the title and description for search results, a robots tag (index or noindex, follow or nofollow), a canonical link, Open Graph tags for Facebook, LinkedIn and WhatsApp, and Twitter (X) card tags. A live preview shows roughly how the page will look in Google.

A meta tag example

These are the tags most pages need. Each page should have its own title and description; one set copied across the whole site makes pages compete with each other.

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Handmade Leather Bags | Example Store</title>
  <meta name="description" content="Handmade leather bags and wallets, made to order and shipped worldwide. Free returns within 30 days.">
  <link rel="canonical" href="https://www.example.com/bags/">
  <meta name="robots" content="index, follow">

  <meta property="og:type" content="website">
  <meta property="og:title" content="Handmade Leather Bags">
  <meta property="og:description" content="Made to order and shipped worldwide.">
  <meta property="og:url" content="https://www.example.com/bags/">
  <meta property="og:image" content="https://www.example.com/images/bags-share.jpg">
  <meta name="twitter:card" content="summary_large_image">
</head>

Do meta tags still work?

The ones that matter do. The title tag is still a strong on-page signal and is usually the blue link in results. The description doesn't change rankings, but Google often shows it as the snippet, and a good one earns more clicks; Google rewrites it when the page has a better match for the search. The robots tag is followed exactly. The keywords tag does nothing in Google, which said so in 2009, so the generator keeps it optional.

Adding meta tags to your website

In plain HTML, paste the tags into the head of each page. On Netlify, Vercel or GitHub Pages it's the same: in your HTML files, or in the layout of your static site generator. In WordPress, an SEO plugin such as Yoast or Rank Math gives every post its own title and description fields. In a PHP site, set the title and description on each page and print them in a shared header:

<?php
// at the top of each page
$page_title = 'Handmade Leather Bags | Example Store';
$meta_desc  = 'Handmade leather bags and wallets, made to order and shipped worldwide.';
require 'header.php';

// in header.php
?>
<title><?= htmlspecialchars($page_title) ?></title>
<meta name="description" content="<?= htmlspecialchars($meta_desc) ?>">

AI generators and tags from a URL

AI writers can draft a description quickly, but check the facts and the length: about 50 to 60 characters for the title and 150 to 160 for the description before Google cuts them off. To read the tags an existing page already has, put its address in our Open Graph checker below; it shows the title, description and share card the page sends.

GuideHow to Increase Your Website Ranking on Google