Meta Tag Generator
Generate ready-to-paste title, meta description, canonical, Open Graph and X (Twitter) card tags for your page
Your data stays with you. Conversion happens inside the browser; nothing is sent to a server.
Did this tool do the job?
Thanks, your feedback came through.
How it works
Type the page title in the left box, then the description, the full page address and the address of the image you want shown when the page is shared; the tags appear on the right at once. Example: a recipe blog with the title "Homemade Plum Jam Recipe", a two-sentence description, the address https://www.example.com/plum-jam and the address of the cover photo; set the type to "Article". The tool writes <title>, meta description, robots, canonical, og:type, og:title, og:description, og:url, og:image, og:locale and the X card lines in order. An & or a quote in the title is escaped as & or ", so the tag does not break. If you type the image as a short path such as /img/cover.jpg, it is completed into a full address from the page address, because Facebook and WhatsApp only read full image addresses; if the page address is empty, the tool tells you. An address without https://, such as www.example.com, is completed automatically. The result line counts the characters in the title and description and warns when the title passes 60 or the description passes 160, since they may be cut in search results. With no image, a small X card is written instead of the large one. og:locale follows the language of this page: here it is en_US.
This tool is also known as meta tag generator, open graph generator, meta description generator, og tags generator, twitter card generator.
What is Meta tag?
A meta tag is an HTML line in the page's <head> that visitors do not see and that describes the page. The best known is the meta description, which suggests the text shown under the title in search results. The robots tag tells search engines whether to list the page. The old meta keywords tag has been ignored by Google for years, which is why this tool does not produce it. The title is not a meta tag but the <title> element; it sits in the same section and matters at least as much as the description.
What is Open Graph?
Open Graph is a set of meta tags with the og: prefix that defines the card shown when a link is shared. Facebook published it at ogp.me, and today most platforms read it, including WhatsApp, LinkedIn, Telegram and Discord. The four core tags are og:title, og:type, og:image and og:url; og:description and og:locale (language and region, such as en_US or en_GB) are optional. Without these tags a platform picks some text and a picture from the page on its own, or shows a card with no image.
What is the difference between meta description and og:description?
The meta description is for search engines: Google may use it for the grey text under the title on the results page. og:description is for social platforms: it supplies the text under the card when the link is shared on Facebook or WhatsApp. On most pages the same text works for both, and this tool writes it that way. If you want them to differ, you might choose an informative sentence for search and a more inviting one for sharing; just edit the generated line by hand.
Length, image address and escaping: the three most common mistakes
Length: Google publishes no fixed character limit for titles or descriptions; the snippet is cut to fit the screen width. In practice a title past about 60 characters and a description past about 160 get an ellipsis on desktop. Google is also free to ignore your description and pick a passage from the page that fits the query better, though a well-written description is often shown as it is.
Image address: og:image needs a full address starting with https://. With a relative path (/img/cover.jpg), WhatsApp and Facebook cannot find the picture and the share shows no image. The recommended size is 1200×630 pixels in JPG or PNG; most platforms do not show SVG, and the tool warns you about it. Escaping: a title such as "Coffee & Cake" or one with a quotation in it breaks the HTML if written raw; the tool writes & and " instead.
- "Coffee & Cake" → Coffee & Cake
- /img/cover.jpg + https://example.com/recipe → https://example.com/img/cover.jpg
- No image + large card → summary (small card) is written
- SVG image → warning: use JPG or PNG
What each tag does and which ones you need
<title> and the meta description are the two lines shown in search results and belong on every page. Canonical tells search engines the main address when the same content is reachable at several (tracking parameters, filters); pointing each page at its own address is the safe default. In the robots line, "index, follow" is the default and applies even when the line is missing; pick "noindex" for a thank-you page, a draft or a members-only page you want kept out of search.
The og:* lines (Open Graph) decide how the page looks when shared on Facebook, WhatsApp, LinkedIn and Telegram: title, description and picture. The twitter:* lines choose the X card style; when X finds none, it falls back to the og:* lines. No meta keywords line is written, because Google has ignored it for years. In WordPress, plugins such as Yoast or Rank Math print these lines themselves; in that case type the text into the plugin's fields and do not add the code as well, or every line will appear twice.
Frequently asked questions
How do I write a good meta description?
Say in one or two sentences what the page offers, in a way that answers the searcher's question; roughly 70–160 characters is a good range. When you type the description in the box below, the result line shows its character count and warns past 160. Every page should have its own description.
Why is there no picture when I share my link?
Facebook, WhatsApp and similar apps read the share picture from the og:image tag, and that tag must hold a full address (https://…). With no tag, a relative path, a very large file or an SVG, no picture appears. Enter the full image address here and add the generated og:image line to the page's <head>. Platforms also cache previews, so an old share may keep the old card for a while.
Where do meta tags go in a page?
Paste the generated lines between the <head> and </head> tags of the page. Website builders usually call this area "header code", "head code" or "SEO settings". If you use an SEO plugin in WordPress, type the text into the plugin's boxes instead of pasting the code.
Is what I type sent anywhere?
No. The tags are built entirely in your browser; the title, description and addresses you type never leave this page and are not saved. The tool does not connect to the addresses you enter; it only checks how they are written.