Free Online Meta Tag Generator
Generate title, description, Open Graph, and Twitter Card tags from one form
<!-- Open Graph --> <meta property="og:type" content="website" /> <!-- Twitter Card --> <meta name="twitter:card" content="summary" />
Try these next
Why use Meta Tag Generator
- One form generates title, description, OG, Twitter Card, canonical, and robots tags -- no hunting through documentation.
- Live SERP preview shows exactly how your title and description will truncate at different lengths.
- Character counters flag when you exceed Google's display limits before you publish.
How it works
The generator assembles standard HTML meta elements based on your inputs. The title tag is validated against a 60-character soft limit (Google's typical truncation point) while the meta description checks against 155 characters. Open Graph tags follow Facebook's protocol: og:title, og:description, og:image (with recommended 1200x630 dimensions), og:url, and og:type. Twitter Card tags are generated in parallel, falling back to OG values when Twitter-specific fields are left empty -this mirrors how Twitter's crawler actually resolves metadata. The canonical URL is output as a link[rel=canonical] element to prevent duplicate content issues. Robots directives are assembled from your index/noindex and follow/nofollow selections into a single meta[name=robots] tag. The Google preview simulates how Googlebot truncates titles mid-word at pixel width boundaries, not just character count, giving you a more accurate picture of what searchers will see.
About this tool
Fill in your page title, description, URL, and image, and copy a complete <head> block covering Google, Facebook, LinkedIn, and Twitter in one step. Title tags get a live character counter and a SERP truncation preview (Google typically shows 50-60 characters). Descriptions validate against the 150-160 character range. Canonical URLs, robots directives, Open Graph tags, and Twitter Card tags are all generated from the same form. A side-by-side preview shows how the page will appear in Google search results and in a social media link unfurl, so you can iterate on copy before deploying. This is useful when a CMS doesn't have an SEO plugin, when you're launching a static site without a meta-tag framework, or when you need to generate tags in bulk during a site audit.
How to use Meta Tag Generator
- Enter page details. Fill in title, description, URL, and image URL. Character counters update in real time.
- Check the preview. See how the page will appear in Google search results and in a social media link unfurl side by side.
- Copy the <head> block. One click copies all meta tags, OG tags, and Twitter Card tags as a complete HTML block.
Use cases
- You're launching a static site with no SEO plugin. Generate the full meta tag block and paste it into your HTML <head>.
- A link preview in Slack looks terrible because OG tags are missing. Generate them with the right image and description so the unfurl looks intentional.
Frequently Asked Questions
Meta tags are HTML elements placed in the <head> section of a web page that provide metadata about the page. They are not visible to users but are read by search engines, social media platforms, and browsers. Key meta tags include the title tag, meta description, Open Graph tags, and Twitter Card tags.
Google typically displays the first 50–60 characters of a title tag. Aim for 50–60 characters to ensure your full title appears in search results without being truncated. Place your primary keyword near the beginning of the title for maximum SEO impact, and include your brand name at the end if space allows.
Google displays approximately 150–160 characters of meta descriptions on desktop and 120–130 characters on mobile. Write compelling descriptions within 150–160 characters that include your target keywords and a clear call to action. Google may override your description with content it deems more relevant to the search query.
Open Graph (OG) tags are meta tags that control how your page appears when shared on Facebook, LinkedIn, Discord, Slack, and other platforms. Key OG tags include og:title, og:description, og:image, og:url, and og:type. Without these tags, social platforms may display incorrect or missing information when your links are shared.
Twitter Cards are meta tags that control how your links appear on Twitter (X). The twitter:card tag specifies the card type (summary, summary_large_image, app, or player). Twitter falls back to Open Graph tags for title, description, and image if specific Twitter tags are not provided.
No. Google has officially stated that it does not use the meta keywords tag as a ranking signal. Bing gives it minor consideration for spam detection. Most SEO professionals no longer include meta keywords. Focus your efforts on the title tag and meta description, which directly affect click-through rates.
The canonical URL tag (rel="canonical") tells search engines which version of a page is the primary one when duplicate or similar content exists at multiple URLs. This prevents duplicate content issues and consolidates SEO signals. Always set the canonical URL to the preferred, clean version of your page URL.
Use Google's Rich Results Test, Facebook's Sharing Debugger (developers.facebook.com/tools/debug), and Twitter's Card Validator to preview how your page appears. This generator includes built-in previews for Google search results and social media cards. After deploying, re-test with platform tools to ensure tags are correctly parsed.
Open Graph (OG) tags are a standard originally created by Facebook and used by most platforms -Facebook, LinkedIn, Slack, Discord, iMessage, and others -to generate link previews. Twitter Card tags are Twitter's own format that controls how links appear when shared on Twitter/X. There is significant overlap (both support title, description, and image), but Twitter's tags use a different prefix (`twitter:` vs `og:`) and some properties differ. It's best to include both sets.
Google typically displays 155–160 characters of the meta description in search results on desktop. On mobile, it's often shorter -around 120 characters. Write a description that delivers the key message within the first 120 characters, with supporting detail in the remaining space. Google may rewrite your description if it doesn't match the search query, but a well-written description still influences click-through rate when it is shown.
The recommended OG image size is 1200×630 pixels with an aspect ratio of 1.91:1. This renders correctly across Facebook, LinkedIn, and most other platforms. Twitter's summary_large_image card also uses this ratio. Keep important visual content away from the edges, as some platforms crop or add safe zones. For Twitter's standard summary card, a 1:1 square image at 400×400px is used instead.
Related Tools
Discover more free utilities to enhance your productivity.
JSON Formatter & Validator
Paste messy JSON, get clean indented output
Text to Slug Converter
Turn any title or phrase into a URL-safe slug
Markdown to HTML Converter
Turn Markdown into clean, sanitized HTML with GFM support
WCAG Color Contrast Checker
Test foreground/background color pairs against WCAG AA and AAA contrast thresholds