Generate SEO meta tags, Open Graph, and Twitter Card tags with live Google and social media previews. Fill in the form, preview, and copy — free, instant, no signup.
Google Search Result
Page Title — Your Site Name
https://example.com
Your meta description will appear here. Write a compelling summary of your page content to improve click-through rates from search results.
Facebook / LinkedIn
example.com
Meta tags are invisible HTML elements that provide search engines and social media platforms with structured information about your web page. While users never see them directly, meta tags have a massive impact on how your page appears in Google search results and on social media feeds. A well-crafted title tag and meta description can increase your Click-Through Rate (CTR) by 20–50% compared to generic or missing tags. Open Graph tags ensure that when someone shares your link on Facebook, LinkedIn, or Twitter, the preview displays your chosen image, title, and description — rather than a random snippet pulled by the platform's crawler. This tool generates all essential meta tags in one place, with real-time previews so you can see exactly how your page will appear before publishing.
<head> section of your HTML document.Keep your title under 60 characters and description between 120–160 characters to avoid truncation in search results. Use unique titles and descriptions for every page — duplicate meta tags across pages confuse search engines. For Open Graph images, use a 1200×630 pixel image for optimal display on Facebook and LinkedIn. Always include both og:title and og:description even if they match your basic meta tags — some platforms require explicit OG tags and will not fall back to standard meta tags.
Essential terms and definitions related to Meta Tag Generator.
HTML elements in the <head> section that provide metadata about a web page to browsers and search engines. Key meta tags include: <title> (page title shown in search results), <meta name="description"> (page summary), and <meta name="viewport"> (responsive layout). Meta tags do not appear as visible content on the page but significantly impact SEO and social sharing.
A protocol developed by Facebook that uses meta tags (og:title, og:description, og:image, og:url) to control how a web page appears when shared on social media platforms. Without OG tags, platforms generate their own preview from page content, which is often inaccurate or unappealing. The recommended og:image size is 1200×630 pixels.
Meta tags (twitter:card, twitter:title, twitter:description, twitter:image) that control how a page appears when shared on Twitter/X. The "summary_large_image" card type displays a large image preview, driving higher click-through rates. Twitter falls back to OG tags if Twitter-specific tags are not present.
The page displayed by a search engine in response to a query. Your page's title tag and meta description directly appear in SERP listings and heavily influence click-through rate (CTR). Optimizing these meta tags — keeping titles under 60 characters and descriptions between 120-160 characters — is one of the highest-impact SEO activities.
Google typically displays up to 155–160 characters of the meta description in search results. Descriptions longer than this are truncated with an ellipsis. For best results, write concise, compelling descriptions between 120 and 160 characters that accurately summarize the page content and include a call-to-action.
There are several common reasons: the image URL may not be an absolute URL (it must start with https://), the image may be smaller than the minimum required size (200×200 pixels for Facebook, 1200×630 recommended), or Facebook may have cached an older version of your page. Use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to clear the cache and re-scrape your page.
Google officially stated in 2009 that the keywords meta tag is not used as a ranking signal. Most major search engines have followed suit. However, some smaller search engines may still use it, and it can serve as internal documentation for content teams. This tool includes it as an optional field.
Yes. While some platforms fall back to the title and meta description, Facebook, LinkedIn, and other social platforms explicitly look for og:title and og:description. Without these, the platform may display incorrect or missing information. This tool automatically generates both standard and OG tags from your input.
The recommended OG image size is 1200×630 pixels (1.91:1 aspect ratio). This works well across Facebook, LinkedIn, and Twitter. Minimum size is 200×200 pixels, but images smaller than 600×315 may not display as a large card on Facebook. Use high-resolution images for the best visual impact.
Common errors developers encounter and how to resolve them.
Title truncated in Google search results: Exceeds 60-character display limit Google measures title width in pixels (approximately 600px), not characters. Wider characters (W, M, uppercase) reduce the visible length. As a safe rule, keep titles under 60 characters. If your title is truncated, shorten it or move the most important keywords to the beginning. This tool shows a character counter and truncates the Google preview at 60 characters to match real search behavior.
Social media shows wrong image or old content: og:image cache issue Facebook, LinkedIn, and Twitter cache Open Graph data aggressively. After updating your OG tags, the old preview may persist for hours or days. Solution: use the Facebook Sharing Debugger (developers.facebook.com/tools/debug/) to force a re-scrape, LinkedIn Post Inspector (linkedin.com/post-inspector/), and Twitter Card Validator (cards-dev.twitter.com/validator). Also add a cache-busting query parameter to the og:image URL (e.g., ?v=2) to force a fresh image fetch.
Duplicate meta tags causing SEO issues: Multiple title or description tags Having multiple <title> tags or duplicate meta description tags on the same page confuses search engines and may result in the wrong content being displayed. This commonly happens when a CMS auto-generates meta tags and manual tags are also present. Use browser DevTools (Elements panel) to inspect the <head> section and remove duplicates. Only one <title>, one meta description, and one set of OG tags should exist per page.
Robots noindex accidentally set: Page disappears from Google The robots meta tag with "noindex" tells search engines not to include the page in search results. If your page suddenly disappears from Google, check for <meta name="robots" content="noindex">. This can also be set via the X-Robots-Tag HTTP header. Additionally, verify that your robots.txt file is not blocking the page. Use Google Search Console URL Inspection tool to check how Google sees your page.