Meta Tag Generator
Generate HTML meta tags for SEO, Open Graph and Twitter Cards.
What are meta tags?
Meta tags are HTML elements placed in the <head> section of a webpage that provide metadata — information about the page that is not visible to users but is read by search engines, social platforms, and browsers. They are among the most important on-page SEO elements because they directly control how your page appears in search results and when shared on social media.
Critical meta tags and their purpose
| Tag | SEO Impact | Optimal length | Notes |
|---|---|---|---|
| <title> | Very high | 50–60 characters | Single most important on-page SEO element. Appears in tab and search result. |
| meta description | Medium (CTR) | 120–155 characters | Does not directly affect rankings but improves click-through rate from search. |
| Open Graph (og:title) | Social only | 60–90 characters | Controls title when page is shared on Facebook, LinkedIn, WhatsApp. |
| og:description | Social only | 155–200 characters | Controls description preview on social shares. |
| og:image | Social only | 1200×630px recommended | Social share image. Missing og:image results in blank or random image on shares. |
| Twitter:card | Twitter/X only | summary or summary_large_image | Controls Twitter card format. summary_large_image shows a prominent image. |
| robots | High | N/A (directive) | Controls indexing. "noindex" prevents page from appearing in search results. |
| canonical | High (duplicates) | Full absolute URL | Tells Google which URL is the preferred version if duplicate content exists. |
Writing an effective title tag
The title tag is the single most impactful on-page SEO element. It appears in the browser tab, search engine results pages (SERPs), and social shares. A well-crafted title includes the primary keyword (ideally near the start), is 50–60 characters long, and reads naturally while compelling users to click.
Good title tag structure:
[Primary Keyword] — [Benefit or Modifier] | [Brand Name]
Examples:
✓ "JavaScript Date Formatter — Free Online Tool | DevTools"
✓ "Best Budget Laptops 2025 — Reviewed & Ranked | TechGuide"
✗ "Page - Our Website - Homepage - Company" (no keywords)
✗ "The Best JavaScript Date Formatting Online Tool Free" (too long, keyword-stuffed)Open Graph for social sharing
Open Graph (OG) tags were created by Facebook and are now used by LinkedIn, WhatsApp, Slack, Discord, and most other platforms to generate link previews. Without them, platforms use whatever they find — often the wrong title, a missing image, or an incomplete description. Always include og:title, og:description, og:image, and og:url.
Frequently asked questions
What are meta tags?
Meta tags are snippets of HTML in the page <head> that describe the page to browsers and search engines — most importantly the title and meta description, plus Open Graph tags for social sharing.
What is the ideal meta description length?
Around 150–160 characters. Longer descriptions get truncated in search results, so put the most compelling, keyword-relevant text first.
Do meta keywords still matter?
No. Google has ignored the meta keywords tag for years. Focus on the title, meta description and Open Graph tags instead.
What are Open Graph tags for?
Open Graph (og:) tags control how your page looks when shared on social media — the title, description and preview image — which improves click-through from platforms like Facebook and LinkedIn.