Generate perfect SEO meta tags, Open Graph, and Twitter Card tags in seconds — with a live Google SERP preview and social media preview. Free, no sign-up.
Meta tags are snippets of HTML code placed inside the <head> section of a webpage that provide structured information about the page to search engines, browsers, and social platforms. They are invisible to regular website visitors but critical to how your pages are discovered, described, and displayed in Google search results and on social media.
The two most important meta tags for SEO are the title tag — the blue clickable headline in Google results — and the meta description — the short paragraph shown beneath it. Together, these directly influence your click-through rate (CTR), which is one of Google's strongest ranking signals. A compelling title and description can double your organic traffic without changing your ranking position.
The title tag is the single most important on-page SEO element. Getting it right directly impacts how often users click your result.
Keyword | BrandGoogle doesn't use the meta description as a direct ranking factor, but it massively impacts CTR — which does affect rankings indirectly.
Open Graph (OG) tags control how your pages look when shared on Facebook, LinkedIn, WhatsApp, Telegram, and Slack. Without them, these platforms make ugly automatic previews using random images and truncated text.
og:title — the headline shown in the social cardog:description — the description under the headlineog:image — the preview image (1200×630px recommended)og:url — the canonical URL of the shared pageog:type — website, article, product, etc.Twitter Card tags control how your URL appears when posted on Twitter/X. The summary_large_image card type shows a full-width image above your title and description — far more eye-catching than a plain link.
twitter:card — card type (use summary_large_image for best results)twitter:title — headline shown in the card (max 70 chars)twitter:description — description under the titletwitter:image — image URL (1200×628px ideal)twitter:site — your @handle to get attributionEnter your page title, meta description, URL, and author. Watch the character counters — green means good, yellow means getting long, red means too long.
Choose index/noindex and follow/nofollow. Add a canonical URL if this page has a preferred version or if it's accessible via multiple URLs.
Fill the OG title, description, and image URL. Use a 1200×630px image for the best appearance on Facebook and LinkedIn.
Select summary_large_image and fill in the Twitter-specific title, description, and image for the best appearance on Twitter/X.
Check the live Google SERP preview to see how your page will look in search results. Switch to Social Share to preview the OG card.
Click Generate Meta Tags, then copy the HTML and paste it into the <head> section of your page. That's it — done.
| Tag | Purpose | Recommended Value |
|---|---|---|
| <title> | Page Title (Google blue link) | 50–60 characters, primary keyword first |
| meta description | Search result snippet | 140–155 characters, keyword + CTA |
| meta robots | Crawl & index control | index, follow (default for public pages) |
| canonical | Preferred URL for duplicate pages | Full absolute URL of canonical version |
| og:title | Social share headline | Up to 95 characters |
| og:description | Social share description | Up to 200 characters |
| og:image | Social share image | 1200×630px JPG or PNG |
| og:type | Content type for Facebook | website / article / product |
| twitter:card | Twitter card format | summary_large_image |
| twitter:title | Twitter headline | Up to 70 characters |
| meta keywords | Keyword hints (Bing only) | 5–10 relevant keywords, comma-separated |
| meta author | Content attribution | Author or brand name |
See exactly how your page will appear in Google search results before publishing — including truncation.
Preview your Open Graph card as it will appear when shared on Facebook, LinkedIn, and WhatsApp.
Color-coded counters for every field tell you instantly if your title or description is too short, ideal, or too long.
SEO, robots, canonical, Open Graph, and Twitter Card — all generated together in one clean HTML snippet.
Everything runs in your browser. Your page titles and content are never sent to any external server.
No account, no watermark, no limits. Use it for every page of every website you build.
<head> of a webpage that provide information about the page to search engines and social platforms. The title tag and meta description directly affect your click-through rate in Google results — which is one of the strongest ranking signals. Open Graph and Twitter Card tags control how your page looks when shared on social media, affecting how much traffic those shares drive back to your site.Primary Keyword — Secondary Keyword | Brand. Every page on your site should have a unique title tag that accurately describes that specific page's content.noindex tells search engines not to include this page in their search index — it will not appear in Google results. nofollow tells search engines not to follow the links on this page and not to pass PageRank to linked pages. You can combine them: noindex, nofollow excludes the page and doesn't follow its links. noindex, follow excludes the page from results but still allows Google to follow and credit its outbound links. Most public pages should be index, follow.<head>...</head> section of your HTML page — between the opening and closing head tags. In WordPress, use a plugin like Yoast SEO or Rank Math which adds a meta box directly on the edit screen — no need to touch HTML. In Shopify, meta tags are managed in the page/product editor. In custom HTML sites, paste the generated tags directly into the <head> before the closing </head> tag.<link rel="canonical" href="...">) tells Google which version of a page is the preferred "master" copy when the same content is accessible at multiple URLs. You need it when your page can be reached via HTTP and HTTPS, with and without trailing slashes, with URL parameters (like ?ref=banner), or when you've syndicated content to other sites. Without it, Google may split the ranking authority of a page across multiple URLs, weakening its position in search results.