Meta Tags Generator
Generate Open Graph, Twitter Card, and SEO meta tags with live preview.
- Title set
- Title length (≤60)
- Description set
- Description length (≤160)
- Canonical URL set
- OG image set
- Site name set
<meta name="robots" content="index, follow">
Fill in the title field above to generate schema.org markup…About this tool
The Meta Tags Generator creates all the HTML meta tags your page needs for SEO, Open Graph (Facebook/LinkedIn), Twitter Cards, and schema.org structured data. Fill in the fields and watch the live previews update for Google search, Twitter, and LinkedIn simultaneously. A quality checklist tracks what's missing. Copy all generated tags with one click. The JSON-LD structured data block now covers seven schema.org types independently of the OG type — WebSite, Article, Person, Product, FAQ Page, How-To, and Local Business — each with the specific extra fields that type actually needs (price and availability for Product, a Q&A list for FAQ Page, numbered steps for How-To, address and phone for Local Business). This is the format Google actually parses for rich results, separate from meta tags entirely.
When to use it
- →Setting up complete meta tags for a new web page or blog post
- →Previewing how a page will appear when shared on social media before publishing
- →Auditing existing pages for missing or incorrect social meta tags
- →Generating Twitter Card and Open Graph tags for marketing campaigns
- →Adding schema.org JSON-LD markup so search engines understand the page as an Article, Product, FAQ Page, How-To, or Local Business
- →Generating FAQ Page structured data to make a page eligible for expandable Q&A results in Google search
Tips
- ◆Keep your title under 60 characters — search engines truncate longer titles in results.
- ◆The description should be 120-160 characters — enough to describe the page but short enough to display fully.
- ◆Your OG image should be 1200×630px for best display across all platforms. Twitter Cards also accept this size.
- ◆The JSON-LD schema type is chosen independently of the Open Graph type — pick FAQ Page or How-To even for a page whose OG type is left as 'website', since those don't map to a standard OG type at all.
- ◆For FAQ Page, enter each pair as a Q: line followed by an A: line, with a blank line between pairs — the parser matches each answer to the question directly above it.
Frequently asked questions
What is the difference between Open Graph and Twitter Card tags?
Open Graph (og:) tags were created by Facebook and are used by Facebook, LinkedIn, Slack, Discord, WhatsApp, and most other platforms to generate link previews. Twitter Card (twitter:) tags are specific to Twitter/X. Both use similar fields — title, description, image — but different property names. Many platforms fall back to og: tags if twitter: tags are absent, so setting both is recommended.
Do meta keywords still matter for SEO?
No. Google and most major search engines stopped using the meta keywords tag as a ranking signal around 2009. Including it does no harm, but it provides no SEO benefit. Focus on the meta description — while it doesn't directly affect rankings either, a compelling description improves click-through rates from search results.
What is the ideal OG image size?
The recommended Open Graph image size is 1200×630 pixels (1.91:1 aspect ratio). This displays correctly on Facebook, LinkedIn, Twitter, and Slack. Minimum size is 200×200px, but smaller images may be displayed as a small thumbnail rather than a full-width card. Use PNG or JPG format; keep the file size under 1MB.
When should I use noindex or nofollow?
noindex tells search engines not to include the page in search results — use it for admin pages, duplicate content, thank-you pages, and staging environments. nofollow tells search engines not to follow the links on the page — use it sparingly, typically on user-generated content pages. Avoid noindexing pages you want to rank. Combining both (noindex, nofollow) is the most restrictive setting.
Which JSON-LD type should I use for a product page?
Use Product — it adds an Offer with price, currency, and availability, which is what makes a listing eligible for Google's rich product results (price and stock status shown directly in search). WebSite or Article schema won't include pricing information at all, since those types have no concept of an offer.