Meta Tag Generator
Generate SEO, Open Graph, and Twitter Card meta tags with a live search result preview. Copy the HTML and paste it into your <head>.
Google Search Preview
A short description of this page that appears in search engine results.
Open Graph / Social Share Preview
<title>My Awesome Page</title> <meta name="description" content="A short description of this page that appears in search engine results." /> <meta name="keywords" content="keyword1, keyword2, keyword3" /> <meta name="robots" content="index, follow" /> <link rel="canonical" href="https://example.com/my-page" /> <meta property="og:title" content="My Awesome Page" /> <meta property="og:description" content="A short description of this page that appears in search engine results." /> <meta property="og:url" content="https://example.com/my-page" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://example.com/og-image.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Awesome Page" /> <meta name="twitter:description" content="A short description of this page that appears in search engine results." /> <meta name="twitter:image" content="https://example.com/og-image.png" /> <meta name="twitter:site" content="@yourtwitterhandle" />
About the Meta Tag Generator
Meta tags are HTML elements placed in the <head> section of a page that provide metadata to search engines, social media platforms, and browsers. This tool generates three sets of tags: basic SEO tags (title, description, keywords, canonical, robots), Open Graph tags (used by Facebook, LinkedIn, Slack, and most social platforms), and Twitter Card tags (used by X/Twitter for rich link previews).
The title tag (50–60 characters) and meta description (120–160 characters) are the two most important for SEO — they directly determine how your page appears in Google search results. The Open Graph image (og:image) controls the preview image shown when your page is shared on social media; the recommended size is 1200×630px. Canonical tags prevent duplicate content issues by telling search engines which URL is the authoritative version of a page.
Open Graph tags are also consumed by messaging apps (iMessage, WhatsApp, Telegram) and link unfurlers. Twitter Cards are validated by Twitter's card validator. All tag generation runs locally — no data is sent to any server.
Frequently Asked Questions
What is the ideal meta description length?
Google typically truncates meta descriptions at around 155–160 characters in search results. Descriptions shorter than 120 characters often leave wasted space; descriptions longer than 160 are cut off with "…". Aim for 120–155 characters with the most important information at the start, in case truncation occurs.
What size should the Open Graph image be?
Facebook and most platforms recommend 1200×630px at a minimum of 600×315px. Use JPG or PNG format. Avoid images with important content in the corners, as some platforms may crop or overlay UI elements there. Twitter uses a 2:1 aspect ratio for summary_large_image cards (1200×600px is ideal).
What does the robots meta tag do?
index, follow (the default) allows search engines to index the page and follow its links. noindex prevents the page from appearing in search results. nofollow tells crawlers not to follow links on the page. Use noindex, nofollow for admin pages, thank-you pages, and duplicate content that should not appear in search results.
What is a canonical URL and why does it matter?
A canonical URL tells search engines which URL is the "preferred" version of a page when the same content is accessible at multiple URLs (e.g., with and without trailing slashes, with different query parameters). Without canonical tags, search engines may split ranking signals across duplicate URLs or penalize the site for duplicate content.