Meta Tag Generator
Generate SEO-friendly HTML meta tags instantly for your website with our free online Meta Tag Generator.
What are meta tags and why use a Meta Tag Generator?
Meta tags are pieces of HTML code that provide information about a web page to search engines, browsers, and social platforms. They are generally placed inside the head section of an HTML document and help define information such as the page title, description, canonical URL, and social sharing details.
A Meta Tag Generator makes it easier to create commonly used meta tags without writing each HTML element manually. This tool generates basic SEO tags, Open Graph tags, and Twitter Card tags based on the information you enter.
How to use the Meta Tag Generator
- Enter your page information: Add the page title and meta description in the Basic SEO meta tags section.
- Add optional SEO information: You can also enter keywords, author information, and a canonical URL.
- Configure Open Graph tags: Add an OG title, description, image URL, type, and page URL if you want to control social sharing previews.
- Configure Twitter Card tags: Select a card type and optionally add a title, description, image URL, and site handle.
- Generate the code: Click Generate Meta Tags to create the HTML code.
- Copy the result: Click Copy All and paste the generated code into the appropriate section of your HTML document.
Basic SEO meta tags
The basic section includes several commonly used HTML elements for search engines and browsers.
- Page Title: Defines the document title shown in browser tabs and commonly used as the title link in search results.
- Meta Description: Provides a summary of the page that search engines may use in search result snippets.
- Keywords: Creates a keywords meta tag. Major search engines generally do not use this tag as a ranking signal.
- Canonical URL: Specifies the preferred URL for a page when multiple URLs may represent the same or similar content.
- Author: Identifies the author or organization associated with the page.
Open Graph and Twitter Card tags
Open Graph tags help define how a page can appear when shared on platforms that support the Open Graph protocol. The generated fields include the title, description, image, URL, and content type.
Twitter Card tags provide similar information for supported Twitter and X sharing previews. The tool supports Summary and Summary Large Image card types.
Frequently Asked Questions (FAQ)
Meta tags are generally placed inside the head section of an HTML document, before the closing head tag. If you use WordPress, your SEO plugin or theme may provide a different way to manage these elements.
No. Only the Page Title or Meta Description is required to generate the basic output. The other fields are optional and are included when you provide a value.
There is no fixed character limit that guarantees how a description will appear in search results because search engines can truncate or rewrite snippets. The 160-character counter in this tool is a practical writing guide rather than a strict search engine limit.
Open Graph tags provide information that social platforms can use when generating a preview of a shared page. They can define elements such as the title, description, image, URL, and content type.
The generator processes the information directly in your browser using JavaScript. The tool does not send the values you enter to a server as part of the generation process.
For additional information about how Google handles page titles, visit Google Search Central . You can also explore our JSON Formatter and URL Encoder/Decoder for other web development tasks.