Meta Tag Generator
Generate complete title, description, Open Graph, and Twitter Card tags.
Written by Anil Gautam · Updated
What does the meta tag generator produce?
The form builds up to 15 tags: the title tag, a meta description, a canonical link, seven Open Graph tags and four or five Twitter tags. Your title and description are each written three times, once for the page and once each for Open Graph and Twitter. The canonical URL doubles as og:url, and the preview image goes into both og:image and twitter:image. A twitter:site line is added only when the Twitter handle field has something in it, and twitter:card is always summary_large_image, the card style with a large picture above the text.
For a recipe page you might enter the title "Masala Chai Recipe: 10-Minute Stovetop Method | Chai Corner", which the counter shows as 59 characters, a 148-character description, the canonical URL https://example.com/masala-chai and the OG type article. The output then has og:type set to article and the same address in both the canonical link and og:url, so search engines and social shares point at one version of the page.
What should I enter in each field?
Use full URLs that start with https:// in the canonical and image fields; crawlers that read og:image fetch the picture from exactly the address you give. The image hint suggests 1200×630 pixels. Pick website for a home page or tool page and article for blog posts and news, and the menu also lists product and profile. Locale defaults to en_IN and takes a language code, an underscore and a country code, so a Hindi page would use hi_IN and a US English page en_US.
Counters beside the title and description update as you type, and the Google search preview below the generated code repeats the title, URL and description. That preview prints the full text without shortening it. To see where a long title would be cut, paste it into the SERP Preview Tool, which trims at 60 and 160 characters.
What should I check before pasting the tags into my page?
The generator copies your text into the tags exactly as typed and does not escape it. A double quote inside the title or description therefore ends the content attribute early: a title such as Best "Budget" Phones produces an og:title that stops after the word Best. Use single quotes, or leave quote marks out, before you click Copy. The plain title tag is unaffected, which makes the fault easy to miss.
Paste the block inside the head section of your page and remove any older title, description and canonical tags so each appears once. The tags are built in your browser and nothing is fetched from the URLs you type. To check the image crop and the look of each social card, enter the same values in the Open Graph & Twitter Card Preview.