Meta Tag Generator

Website Meta Tags Generators

Fill out the form and instantly generate standard HTML Meta tags, supporting complete SEO elements such as Open Graph, Twitter Card, Canonical URL, etc. You can copy and paste with one click.

Basic information
72 / 320 characters
Tip: Keywords are no longer a major ranking factor on Google, but may still be used by some search engines.
Specify fully qualified URLs for search engine indexing to avoid duplicate content issues.
Open Graph (social sharing)
Twitter Card (X Share)
Other settings
Instant preview 0 tags
<!-- Instant preview after filling in the form -->

All data is processed in the browser only and will not be uploaded to any server.

Frequently Asked Questions

Meta Tag FAQ

Meta Tag(Meta tag) is a special tag in the <head> of an HTML file that provides metadata about the web page to browsers and search engines. Although most meta tags do not appear directly on the web page, they are crucial to SEO:

• Title Tag: Blue titles in search results are one of the most important SEO ranking factors.
• Meta Description: Summary text in search results, affecting click-through rate.
• Open Graph / Twitter Card: Control the sharing preview on social platforms.
• Canonical URL: Prevent duplicate content issues and ensure search engines index the correct pages.

Correct Meta tag settings can improve search engine rankings, increase social sharing exposure, and improve users' willingness to click.
Open Graph（OG） It is a communication protocol launched by Facebook in 2010, which allows web pages to display rich preview information (title, description, pictures) when shared on social platforms such as Facebook, LINE, and LinkedIn.

• og:title: Customize the sharing title, it is recommended to keep it 40-60 characters.
• og:description: Share description, 2-4 sentences recommended, no more than 200 characters.
• og:image: When sharing pictures, it is recommended to use 1200×630 pixels, which will greatly increase the click-through rate.
• og:type: Content type (website, article, product, etc.) to help the platform present correctly.

Setting the correct OG tag can make website links more beautiful and attractive on social platforms, effectively increasing social traffic.
Twitter Card It is the sharing preview protocol of X (formerly Twitter). It functions similarly to Open Graph, but is designed specifically for the X platform.

• summary_large_image: Large picture mode, suitable for content websites and blogs.
• summary: Small picture mode, suitable for personal information or simple pages.

The difference between the two：
• OG is widely supported by most platforms (Facebook, LINE, LinkedIn, Slack, etc.).
• Twitter Card only affects share previews on the X platform.
• best practices: Set both at the same time to ensure the best sharing effect on all platforms. If Twitter Card is not set up, X will automatically use OG information, but with less effectiveness.
Canonical URL(Canonical URL, rel="canonical") is used to tell search engines: When there are multiple URLs pointing to the same or very similar content, which one is the "official" version.

Why is it important?
• Prevent SEO penalties due to duplicate content.
• Ensure search ranking weight is concentrated on a single URL.
• Common scenarios: https vs http, www vs non-www, UTM parameter tracking, print version, pagination, etc.

Usage：
<link rel="canonical" href="https://example.com/original-page/" />

It is a best practice that every page should have a self-referential canonical URL (even if there are no duplicate content issues).
Short answer: Google no longer uses the Keywords Meta Tag as a ranking factor.

Google officially announced in 2009 that it would no longer use the Keywords Meta Tag for rankings because the tag had long been abused and stuffed with keywords by SEO operators.

• Bing / Yahoo: It is still possible to use the Keywords tag as one of the ranking references (but with very low weight).
• Yandex(Russia): It has been stated that Keywords still has reference value in some cases.
• Baidu(China): May still use Keywords as a secondary signal.

Suggestions: It's okay to maintain the Keywords tag (harmless), but don't spend time optimizing it. Focusing on Title, Description, content quality and user experience is the correct SEO strategy.
There are several ways to check your website’s meta tags:

1. Browser developer tools: Right click → Inspect → Look at the <head> area.

2. View the source code of the web page: Ctrl+U (Windows) or Cmd+U (Mac) to view the HTML source code directly.

3. Use ToolHub tools：
• SEO Meta Checker — Paste HTML to instantly analyze all Meta tags and SEO scores.
• Website SEO Audit — Get an in-depth analysis of your website’s overall SEO health.

4. Social platform debugging tools：
• Facebook Sharing Debugger
• Twitter Card Validator
• LinkedIn Post Inspector
Yes, and it is recommended! Open Graph and Twitter Card can coexist on the same page without interfering with each other.

best practices：
• Configure complete Open Graph tags (supported by most platforms).
• Plus Twitter Card tags (optimized specifically for X platform).
• The value of the Twitter Card can be the same as or different from the OG.

Things to note：
• Twitter will fall back to using the OG tag (if there is no Twitter Card tag), but with less effectiveness.
• If both are set, Twitter uses the Twitter Card tag first.
• Facebook, LINE, LinkedIn, etc. use OG tags and are not affected by Twitter Card.

Using this generator, just fill in the fields and it will automatically generate complete labels for both.
SEO knowledge base

Learn more about Meta tags

The Complete Guide to Meta Tags

From basics to advanced, comprehensively understand the types, uses and best settings of HTML Meta tags. Contains detailed descriptions of core tags such as Title, Description, Keywords, Viewport, etc.

Open Graph optimization teaching

Learn to set the perfect OG tag so that website links can display the best results on social platforms such as Facebook, LINE, and LinkedIn, and increase social sharing traffic and click-through rates.

Twitter Card setting tutorial

Understand the four modes of Twitter Card (summary, summary_large_image, app, player) and master the best sharing settings on the X platform.

Canonical Labeling Best Practices

An in-depth analysis of how Canonical URLs work, common usage scenarios, differences from 301 redirects, and how to handle multi-language websites.

How to optimize website Meta information

Complete website meta information optimization strategy, from Title writing skills, Description methods to attract clicks, to OG image design points, master all the keys at once.

Robots Meta Tag and SEO

Understand the various commands of Robots Meta Tag (index, follow, archive, snippet, etc.), and how to correctly set the crawling and indexing behavior of search engines.