Meta Tag Generator
Create SEO-friendly meta tags for your website with this free online Meta Tag Generator. Generate HTML title tags, meta descriptions, robots directives, canonical URLs, Open Graph tags and Twitter Card metadata. Preview your search listing and social media appearance, then copy or download the ready-to-use HTML code.
Meta Tag Generator
Create SEO meta tags, Open Graph tags and Twitter Cards, then copy the HTML for your webpage.
Basic SEO
Open Graph
Twitter / X Card
Google Search Preview
Social Media Preview
Generated HTML
Copy the generated tags into the head section of your webpage. Search engines may rewrite snippets and do not use the meta keywords tag for Google ranking.
Your entries are processed in your browser and are not uploaded or saved.
Tutorial
What Is a Meta Tag Generator?
A Meta Tag Generator is an online tool that helps you create HTML metadata for your website. Meta tags provide information about a webpage to search engines, browsers and social media platforms.
Good metadata helps describe what a page is about and can influence how its title and description appear in search results. Open Graph and Twitter Card tags also help control how links are presented when someone shares your website.
Instead of writing every HTML tag manually, you can enter your page information into the generator and receive ready-to-use HTML code.
Why Are Meta Tags Important?
Different types of metadata serve different purposes:
- SEO titles: Describe the subject of a webpage and can appear as clickable titles in search results.
- Meta descriptions: Provide a short summary that may be displayed below the search result title.
- Robots directives: Tell search engines whether a page should be indexed and whether its links should be followed.
- Canonical URLs: Help identify the preferred URL when similar or duplicate page versions exist.
- Open Graph tags: Define how a webpage should look when shared on platforms such as Facebook and LinkedIn.
- Twitter Cards: Provide metadata for link previews on X.
Meta tags do not guarantee higher search rankings, but accurate and relevant metadata helps search engines and visitors understand your content.
1. Enter Your Basic Page Information
Start by entering the main information about your webpage.
Page Title
Enter a clear and descriptive title that explains what the page is about. This title may be used by search engines as the clickable headline in search results.
Try to keep it concise and put the most important words near the beginning.
Meta Description
Write a short summary of the page content. Explain what visitors can expect to find and why the page may be useful to them.
A useful description should be natural, informative and relevant to the actual page.
Keywords
You can enter relevant keywords associated with your content. Modern major search engines generally do not use the traditional meta keywords tag as a ranking factor, but the field can still be useful for other systems or your own reference.
Author
Optionally specify the author or organization responsible for the content.
Page Language
Choose the language used on the webpage. This helps describe the page’s intended language.
2. Configure Search Engine Instructions
The Robots settings control how search engines are instructed to handle a page.
Common options include:
- Index: Allows search engines to index the page.
- Noindex: Requests that search engines do not include the page in their search index.
- Follow: Allows search engines to follow links on the page.
- Nofollow: Requests that search engines do not follow links on the page.
For most ordinary public webpages, the typical configuration is Index and Follow.
Be careful with Noindex. Using it unintentionally may prevent a page from appearing in search results.
3. Add a Canonical URL
The Canonical URL identifies the preferred address of a webpage.
This is particularly useful when the same or very similar content is accessible through multiple URLs.
For example, a page might be accessible with different tracking parameters. A canonical URL tells search engines which version you consider the primary page.
Enter the complete preferred URL, including https://.
4. Configure Open Graph Tags
Open Graph metadata controls how your webpage is presented when someone shares its link on social platforms.
Important fields include:
- OG Title: The headline displayed in the shared link preview.
- OG Description: A short description of the shared page.
- OG Image: The image displayed with the link.
- OG URL: The preferred webpage address.
- OG Type: The content type, such as website or article.
- Site Name: The name of your website or brand.
For the best result, use a suitable image with a clear subject and enough resolution for social sharing.
5. Configure Twitter / X Cards
Twitter Card metadata provides information used when links are shared on X.
You can configure:
Card Type
Choose the presentation style, such as a summary card or a large image card.
Title and Description
Enter the headline and short description you want associated with the shared page.
Image URL
Add the address of the image you want to display in the card.
Try to keep the information consistent with your Open Graph settings so that your page has a coherent appearance across different platforms.
6. Preview Your Search Result
Use the Google Search Preview to see an example of how your page title and description may appear in a search result.
The preview updates as you change the information.
Check that:
- The title clearly describes the page.
- The description is easy to understand.
- The most important information appears early.
- The text is not unnecessarily long.
Search engines may rewrite titles and descriptions, so the preview is an illustration rather than a guarantee of the final search result.
7. Preview Your Social Media Appearance
Use the social media preview to check how your Open Graph and Twitter Card information fits together.
Pay particular attention to the image, title and description.
A suitable image and a clear headline make shared links easier to recognize and understand.
8. Generate and Copy Your HTML Code
When you are satisfied with your settings, generate the metadata.
The tool creates HTML tags that you can copy and add to the <head> section of your webpage.
You can also download the generated HTML code as a file for later use.
If you use WordPress or another content management system, check whether your SEO plugin or theme already generates these tags. Avoid adding duplicate title, description or Open Graph metadata.
Practical Tips
- Write a unique title and description for every important webpage.
- Describe the actual content rather than repeating keywords.
- Use a relevant image for social sharing.
- Make sure your canonical URL points to the correct page.
- Use Noindex only when you intentionally want to exclude a page from search results.
- Check for duplicate metadata if you use an SEO plugin.
- Review your metadata whenever you make significant changes to a webpage.
The Meta Tag Generator makes it easier to prepare SEO metadata and social sharing information without having to write HTML tags manually.