Meta Tag Generator
Generate SEO meta tags online. Fill in the title, description, canonical URL, Open Graph image and Twitter Card details, and get complete meta tag HTML ready to paste into your page head.
FreeOnline Tool
Loading…
How to Use
- Fill in the basic SEO fields: page title, description and canonical URL
- Pick the content type (website, article and so on) and fill in the Open Graph fields such as image URL, image alt text, width and height
- Choose the Twitter Card type and fill in the Twitter site and creator handles
- If the content type is set to "article", you can additionally provide published time, modified time, author, section and tags
- The complete meta tag HTML is generated live below, ready to copy straight into your page's <head>
Features
- Basic SEO tags: generates the title and description meta tags plus the canonical link
- Open Graph tags: generates og:title, og:description, og:type, og:url and og:image along with image alt, width and height, for social sharing cards
- Twitter Card tags: generates twitter:card, twitter:site, twitter:creator and the title, description and image fields
- Article-only fields: when the content type is "article", it also emits article:published_time, article:modified_time, article:author, article:section and multiple article:tag entries
- Escapes special characters such as quotes and angle brackets automatically so the generated markup never breaks
- Fields left blank produce no tag at all, avoiding meaningless empty meta elements
Use Cases
Setting up SEO tags for a new page
Fill in the title and description for a new page and drop the generated meta tag block straight into the head.
Improving how links look when shared
Configure Open Graph and Twitter Card data so your links show an attractive title-and-image card on WeChat, Twitter and Facebook.
Adding metadata to blog and article pages
Provide publish time, author, section and tags for article pages so search engines and social platforms understand the content better.
Standardizing meta tags across a team
Generate a consistent, spec-compliant meta tag template to use as the reference for SEO configuration across many pages.
FAQ
Where do the generated tags go?
Paste the generated meta tags inside the <head> element of your HTML page. Placing them early in the head generally helps search engines and social platforms pick them up.
What are Open Graph and Twitter Cards, and why configure them?
Open Graph is the page metadata protocol defined by Facebook and adopted widely, and Twitter Cards are Twitter's equivalent. With them configured, a shared link renders as a card with a title, description and image rather than a bare URL, which lifts click-through noticeably.
When are the article-only fields used?
Only when the content type is set to "article" do the published time, modified time, author, section and tag fields produce meta tags. Choosing "website" or another type leaves them out entirely.
How do I enter multiple article tags?
Separate the keywords with commas in the tag field, and the tool splits them and emits a separate article:tag meta element for each one.