Meta Tag Generator
Generate SEO meta tags instantly. Covers title, description, robots, Open Graph (OGP), and X (Twitter) Card. Fill in the form and copy the generated HTML code.
Last updated:
How to Use
Expand how to useCollapse how to use
- 1
Enter basic information
Fill in the page title, description, keywords, and other SEO-related information.
- 2
Configure OGP and Twitter Card
Set up how your page appears when shared on social media. Specify image URL, content type, X account, etc.
- 3
Copy the code
Copy the generated meta tags and paste them into the '<head>' section of your HTML.
Basic Information
Robots Settings
Open Graph Settings
X (Twitter) Card Settings
Search Result Preview
Generated Code
<meta name="robots" content="index, follow"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:locale" content="ja_JP"> <!-- Twitter Card --> <meta name="twitter:card" content="summary_large_image">
About Meta Tag Generator
Meta Tag Generator produces a complete set of SEO meta tags and social sharing markup from a single form. It covers essential SEO tags (title, description, keywords, canonical URL), robots directives (index/noindex, follow/nofollow), Open Graph tags for Facebook and LinkedIn (og:title, og:description, og:image, og:url), and X (Twitter) Card settings (summary or summary_large_image). Real-time character count displays help you stay within recommended lengths — 60 characters for titles, 155 for descriptions. A live Google search result preview shows exactly how your page will appear in search results. Copy the generated HTML and paste it directly into your page's <head> section.
Key Features
- Basic SEO meta tags (title, description, keywords, canonical)
- Robots settings (index/noindex, follow/nofollow, etc.)
- Open Graph tags (og:title, og:description, og:image, etc.)
- X (Twitter) Card settings (summary, summary_large_image)
- Real-time character count display and recommendation alerts
Common Use Cases
- Add complete SEO meta tags to a new Next.js or React page
- Generate OGP tags for blog posts to control link preview appearance
- Set up meta tags for landing pages and marketing campaigns
- Audit and update meta tags for existing pages to improve search ranking
- Generate meta tag snippets for WordPress, Webflow, or other CMS platforms
Frequently Asked Questions
What is the recommended length for title and description?
Title: 10-60 characters, description: 50-160 characters is recommended. This tool displays character count in real-time and alerts you if you're outside the recommended range.
What's the difference between OGP and Twitter Card?
OGP (Open Graph Protocol) is used by Facebook, LinkedIn, and other platforms, while Twitter Card is specific to X (Twitter). When both are set, each platform uses its corresponding tags. Twitter will fall back to OGP if Twitter Card is not set.
What does the robots setting do?
It instructs search engine crawlers how to handle the page. 'index' allows search result display, 'follow' allows link following, 'noarchive' prevents caching, 'nosnippet' prevents snippet display.
What image size should I use for OGP?
Facebook and LINE recommend 1200x630px, X recommends 1200x600px for summary_large_image. Using 1200x630px works well across all platforms.
Where should I paste the generated code?
Paste it inside the <head> tag of your HTML. Place it as close to the opening <head> tag as possible. For CMS platforms like WordPress, use the SEO plugin's custom code section.