How to Use This Tool
Fill In Basic Meta Tags
Enter your page title (under 60 characters), meta description (under 160 characters), keywords, author, and canonical URL. Character counters help you stay within limits.
Set Robots and Open Graph
Choose whether search engines should index and follow links on your page. Fill in Open Graph fields for social media sharing — empty fields fall back to your basic meta tags.
Add Twitter Card Tags
Configure how your link appears on Twitter/X. Choose the card type and fill in title, description, image, and your Twitter handle. Empty fields fall back to Open Graph values.
Preview and Copy
Check the Google search preview and social media previews to see how your page will look. Copy the generated HTML code or download it as a file. Paste it into your page's head section.
Frequently Asked Questions
What are meta tags and why do they matter for SEO?
▼
Meta tags are HTML elements placed in the head section of your webpage that provide information about the page to search engines and social media platforms. The title tag and meta description directly affect how your page appears in Google search results, while Open Graph and Twitter Card tags control how your links look when shared on social media.
What is the ideal length for a page title?
▼
Keep your page title under 60 characters. Google typically displays the first 50-60 characters of a title tag in search results. Titles longer than this get truncated with an ellipsis, which can reduce click-through rates.
What is the ideal length for a meta description?
▼
Keep your meta description between 120 and 160 characters. Google may display up to 160 characters in desktop search results and around 120 on mobile. Write a compelling summary that includes your target keyword and a call to action.
What are Open Graph tags and which platforms use them?
▼
Open Graph (OG) tags control how your page appears when shared on Facebook, LinkedIn, WhatsApp, Slack, Discord, and many other platforms. The most important tags are og:title, og:description, og:image, and og:url. Without them, platforms guess what to display, often poorly.
What are Twitter Card tags?
▼
Twitter Card tags control how your links appear on Twitter/X. The twitter:card tag specifies the card type — 'summary' shows a small thumbnail, 'summary_large_image' shows a large image. Twitter falls back to Open Graph tags if Twitter-specific tags are missing.
What does the canonical URL tag do?
▼
The canonical tag tells search engines which version of a page is the primary one. If the same content exists at multiple URLs (with/without www, with tracking parameters, etc.), the canonical tag prevents duplicate content issues by pointing to the preferred URL.
What do the robots meta tag index and follow options control?
▼
The 'index' directive tells search engines whether to include the page in search results. The 'follow' directive tells them whether to follow links on the page. 'noindex, follow' means the page is not shown in search results but links on it are still crawled.
What image size should I use for Open Graph and Twitter Cards?
▼
The recommended size is 1200 x 630 pixels (1.91:1 aspect ratio). This works optimally across Facebook, Twitter/X, LinkedIn, and other platforms. Use PNG or JPG format. Keep file size under 5 MB for fastest loading.
Do I need both Open Graph and Twitter Card tags?
▼
Ideally yes. While Twitter falls back to OG tags, having both ensures optimal display on all platforms. This generator creates both sets automatically. If your title and description are the same for both, the OG tags serve as the fallback.
Is this meta tag generator free to use?
▼
Yes. This generator is completely free, runs entirely in your browser, and requires no registration. Your page information is never sent to any server.
Free Meta Tag Generator — Create SEO, Open Graph, and Twitter Card Tags Instantly
Meta tags are HTML elements that provide information about your webpage to search engines and social media platforms. The title tag and meta description control how your page appears in Google search results, Open Graph tags determine how your link looks when shared on Facebook, LinkedIn, and WhatsApp, and Twitter Card tags control your appearance on Twitter/X. Getting these right is one of the most impactful things you can do for your website's SEO and social media presence.
This free meta tag generator creates all the essential meta tags in one place. Enter your page information and see live previews of how your page will appear in Google search results and on social media. Character counters keep your title and description within optimal limits. Open Graph and Twitter Card fields intelligently fall back to your basic meta tags when left empty, so you only need to fill in overrides. Whether you are optimizing a homepage, blog post, product page, or landing page, this tool generates properly formatted HTML meta tags ready to paste into your page's head section with no sign-up required.
Features Explained
Page Title with Character Counter
▼
Enter your page title with a live character counter showing your position relative to the 60-character limit. Titles beyond this limit get truncated in Google search results.
Meta Description with Character Counter
▼
Write your meta description with a 160-character counter. Google displays up to 160 characters on desktop and ~120 on mobile. The border turns red when you exceed the limit.
Keywords, Author, and Canonical URL
▼
Add comma-separated keywords, an author name, and a canonical URL. The canonical tag is critical for preventing duplicate content issues across multiple URLs.
Charset, Viewport, and Language
▼
Set character encoding (UTF-8 default), viewport for responsive design, and content language. These technical tags ensure your page renders correctly across devices and regions.
Robots Index and Follow Toggles
▼
Control whether search engines index your page and follow its links. Green means yes, red means no. The generated robots meta tag reflects your choices: index/noindex, follow/nofollow.
Complete Open Graph Tags
▼
Fill in og:title, og:description, og:url, og:image, og:type, and og:site_name. These control how your link appears on Facebook, LinkedIn, WhatsApp, Slack, and other platforms that support Open Graph.
Smart Fallback Logic
▼
Open Graph fields fall back to basic meta tags when left empty. Twitter Card fields fall back to Open Graph values. You only need to fill in overrides for platform-specific differences.
Twitter Card Tags
▼
Configure twitter:card type, twitter:title, twitter:description, twitter:image, and twitter:site handle. Choose between summary (small thumbnail) and summary_large_image (large preview) card types.
Google Search Preview
▼
A live preview shows exactly how your page will appear in Google search results — title in blue, URL in green, description in gray. Updates in real time as you type.
Social Media Preview
▼
Side-by-side previews for Facebook/LinkedIn and Twitter/X show how your shared link will look. See the image area, title, description, and domain/handle displayed as they would appear on each platform.
Live HTML Code Generation
▼
The generated meta tag code updates in real time as you fill in fields. Output is organized into three sections with HTML comment dividers — Basic Meta Tags, Open Graph / Facebook, and Twitter Card — making it easy to read and edit. Properly formatted with correct attribute escaping, ready to paste into your page's head section.
Copy to Clipboard
▼
One-click copy of all generated meta tags including comment dividers. Paste the entire block directly into your HTML file's head section, CMS, or theme editor.
Download as HTML File
▼
Download the generated tags as a meta-tags.html file for safekeeping or integration into your build process.
Reset All Fields
▼
Clear everything and start fresh with a single click. Default values for charset, viewport, language, and robots are preserved.
Who Is This Tool For?
Website Owners
Generate proper meta tags for every page on your site to improve search engine rankings and social media appearance.
SEO Specialists
Create optimized meta tags for client websites. Preview how pages will look in Google and on social platforms before publishing.
Web Developers
Generate meta tag HTML code quickly without looking up the correct syntax for OG, Twitter, and robots tags every time.
Bloggers
Optimize every blog post for search engines and social sharing. Character counters ensure titles and descriptions are the right length.
E-commerce Store Owners
Create compelling product page meta tags that drive clicks from search results and look great when shared on social media.
Marketing Teams
Ensure campaign landing pages have proper meta tags for search visibility and social sharing. Preview before launch.
Social Media Managers
Control exactly how shared links appear on Facebook, Twitter, LinkedIn, and WhatsApp with proper Open Graph and Twitter Card tags.
WordPress Site Owners
Generate meta tags to paste into your theme's header or use alongside an SEO plugin for fine-grained control.
Freelance Web Designers
Add proper meta tags to every client project. Download the tags and include them in the delivered HTML.
Content Creators
Make your articles and videos stand out when shared online. A good title, description, and image tag dramatically increase click-through rates.
Startup Founders
Get your website's SEO basics right from day one. Proper meta tags are the foundation of search visibility.
Students Learning Web Development
Understand what meta tags are, how they work, and how to create them by experimenting with the generator and seeing live output.
Non-Profit Organizations
Ensure your mission pages and donation links look professional when shared on social media and appear correctly in search results.
Podcast Hosts
Create meta tags for episode pages so they display correctly in search results and look compelling when shared on social platforms.
Portfolio Website Owners
Make your work samples and case studies discoverable in search and shareable on social media with proper meta tags.
Local Business Owners
Improve local search visibility with optimized title tags and descriptions that include your business name, location, and services.
News and Media Sites
Generate article-type Open Graph tags for news stories so they display with proper headlines and thumbnails when shared.
Event Organizers
Create meta tags for event pages that show event details in search results and look engaging when shared on social platforms.
Real Estate Agents
Optimize property listing pages with descriptive titles, compelling descriptions, and property images in Open Graph tags.
SaaS Product Owners
Ensure your landing pages, pricing pages, and feature pages have consistent, optimized meta tags across your entire site.
Email Marketers
When linking to landing pages in emails, proper OG tags ensure the links preview correctly in email clients that support link previews.
YouTube Creators with Websites
Add video-type Open Graph tags to your website's video pages so they display with video previews when shared.
Agencies Managing Multiple Brands
Generate consistent meta tags for different client brands. Set og:site_name per brand while maintaining SEO best practices.
Anyone Building a Website
Meta tags are essential for every website. This tool makes creating them fast and error-free, no HTML knowledge required.
Tips for Using This Tool
Keep your title under 60 characters
Google truncates titles beyond ~60 characters. Front-load your most important keyword. Make every character count.
Write a compelling meta description
Your description is your ad copy in search results. Include your target keyword, a clear value proposition, and a call to action — all within 160 characters.
Always set a canonical URL
Even if your page only has one URL, setting a canonical prevents issues if someone links to it with tracking parameters or alternate URLs.
Use a 1200x630 image for social sharing
This size works perfectly across Facebook, Twitter, LinkedIn, and WhatsApp. Use a clear, relevant image with minimal text.
Let fields fall back intelligently
If your OG title is the same as your page title, leave the OG field empty — it falls back automatically. Only fill in OG and Twitter fields when they need to be different.
Check both previews before copying
The Google preview shows search appearance. The social previews show sharing appearance. Check both to ensure your page looks great everywhere.
Set robots to noindex for staging pages
If you are building a page that is not ready for search engines, set Index to No. Remember to change it back before launching.
Include your brand in the title
Format like 'Page Name | Brand Name' or 'Page Name - Brand Name'. This builds brand recognition in search results.
Use the description as a sales pitch
Searchers decide whether to click based on your description. Answer their question or promise a benefit to improve click-through rates.
Paste meta tags in the head section
The generated code belongs inside the <head> tag of your HTML page, before the closing </head>. Most CMS platforms have a dedicated field for this.
Privacy & Security
This meta tag generator runs 100% in your browser. Your page titles, descriptions, URLs, and all other inputs are never sent to any server, stored in any database, or shared with any third party. All generation happens locally on your device.
No cookies, no analytics, no registration required. Your SEO strategy stays completely private. Close the tab and everything is gone.