Meta Tag Generator

Our free online Meta Tag Generator is a tool that generates a set of essential meta tags to help you enhance your website's search engine ranking.

Meta tags are snippets of HTML code that inform search engines about the content of a web page and  influence how your pages are indexed and displayed in search results. The ‹meta› elements are usually added in the ‹head› section of the page and provide document-level metadata, applying to the whole page.

The Meta Tag Generator creates the following often used tags:

Charset

‹meta charset="UTF-8"›

The charset meta tag specifies the character set used by the HTML document. This is important for correctly interpreting and displaying text. If the attribute is present, its value must be "UTF-8" (in lower- or uppercase),  because it is the only valid encoding for HTML5 documents. If you use this meta tag, make sure that the encoding of your page actually matches the one specified by this tag.

Note: the ‹meta http-equiv="Content-Type" content="text/html; charset=utf-8"› declaration is equivalent to ‹meta charset="UTF-8"›.

Viewport

‹meta name="viewport" content="width=device-width, initial-scale=1.0"›

The viewport meta tag provides recommendations about the initial size of the viewport (the visible portion of the page displayed in a browser window). It ensures that the page is  displayed correctly on various devices, including smartphones and tablets, enhancing the overall user experience.

Title

‹title›Your Page Title Here‹/title›

The title is a HTML tag that defines the title of your page. The title serves as the main headline in search engine results and also is shown on the tab of the user’s browser. The title should be concise, descriptive, and contain relevant keywords that accurately reflect your page's topic. While there's no target number of characters, it is recommended to use a title with a length between 20 and 40 characters in order to fit Google Search results that have a 600-pixel limit.

Description

‹meta name="description" content="Brief summary of your page content here."›

The meta description tag provides a brief summary of the page content. Search engines use this information to understand the topic of the page and may also display the meta description in search results. Browsers use this as the default description of bookmarked pages. It is recommended to use well-written and engaging meta descriptions with a length between 80 and 160 characters (including spaces).

Keywords

‹meta name="keywords" content="Keyword1, Keyword2, Keyword3"›

The tag should contain the keywords accurately reflecting  the intended topic of your page  separated by commas. While the importance of the meta keyword tag has diminished, including relevant keywords can still have some impact on search engine rankings. 

Canonical

‹link rel="canonical" href="URL"›

The canonical tag is used in HTML to specify the preferred version of a webpage when multiple versions of that page exist. It helps search engines understand the authoritative or canonical version of a page, especially in situations where the same content is accessible through different URLs. This tag is particularly useful for avoiding duplicate content issues in search engine rankings.

Robots

‹meta name="robots" content="index, follow"›

The robots meta tag provides instructions to search engine crawlers on how to index your page. This tool allows you to choose the following directives:

• index: Allows the page to be indexed by search engines. If omitted, the default behavior is usually to index the page.
• noindex: Instructs search engines not to index the page.
• follow: Instructs search engines to follow the links on the page.
• nofollow: Instructs search engines not to follow the links on the page.

For more granular control, you may also use a robots.txt file at the root of your website to specify rules for the entire site or specific pages

Author

‹meta name="author" content="John Doe"›

The author meta tag is used to specify the author of the document. Leave the input field blank if you do not want to generate an author tag.  

Other Settings to Consider

Language

For specifying the language in HTML, it is common and recommended to use the lang attribute on the ‹html› tag or the lang attribute on specific elements to denote language.

For example: 

‹html lang="en"›
‹p lang="fr"›Ceci est un paragraphe en français.‹/p›
‹p lang="es"›Este es un párrafo en español.‹/p›

Note: 

The ‹meta http-equiv="Content-Language" content="en"› tag is deprecated and should not be used in new websites.

Open Graph Tags
Twitter Card Tags

Leverage these tags to enhance the representation of your content on social media platforms.

For more information see:

The metadata element - HyperText Markup Language

MetaExtensions - WHATWG Wiki

Answering more popular picks: meta tags and web search

How to Specify a Canonical with rel="canonical" and Other Methods