Meta Tag Generator
Generate essential HTML meta tags for SEO and social sharing.
OGP and Twitter Card tags are automatically generated and ready to copy.
🔍 Basic Settings (SEO)
💬 OGP & Twitter Settings (Social)
✨ Generated Meta Tags (HTML)
About Meta Tag Generator
The Meta Tag Generator is a free utility that automatically generates essential HTML <meta> tags required for website SEO (Search Engine Optimization) and social sharing, simply by filling out a form.
Beyond standard site titles, descriptions, and keywords, it comprehensively creates OGP (Open Graph Protocol) tags for beautifully displaying links on platforms like Facebook and Slack, as well as Twitter Card tags for X (formerly Twitter). The generated code can be copied with a single click and pasted directly into the <head> of your HTML.
How to Use
Basic Settings
Enter the site title, description, and keywords. These are crucial elements displayed in search results.
OGP & Social Settings
Provide the image URL, page type, and Twitter ID to optimize how your link appears when shared on social media.
Copy the Code
As you type, the HTML code updates in real-time in the output area. Click the "Copy" button to save it.
Paste into HTML
Paste the copied code directly into the <head> section of your website's HTML file.
Meta Tag Glossary
- Meta Tags
- Tags placed in the HTML <head> section to provide metadata about the HTML document to browsers and search engines.
- Meta Description
- A snippet of around 100-150 characters summarizing the page's content. It appears beneath the title in search engine results pages (SERPs) and heavily influences click-through rates.
- OGP (Open Graph Protocol)
- A common standard that allows any web page to become a rich object in a social graph, ensuring titles, thumbnail images, and descriptions display attractively when URLs are shared on platforms like Facebook and Slack.
- Twitter Card
- Dedicated meta tags that enable rich media experiences (like large or small preview images) when links are shared on X (formerly Twitter).
- Robots Meta Tag
- A tag that instructs search engine crawlers, such as Googlebot, whether they should index the page (index/noindex) and whether they should follow links on the page (follow/nofollow).
Frequently Asked Questions
- Q.Do meta keywords still have an effect on SEO?
- Currently, major search engines like Google do not use meta keywords as a ranking factor. Therefore, it is not required, but we keep it available because it is still used by some internal search engines and specific directory services.
- Q.Where should I paste the generated code?
- Paste it between the <head> and </head> tags in your HTML document. If you already have <title> or <meta charset> tags, delete or replace the existing ones to avoid duplicates.
- Q.What is the recommended size for OGP images?
- The recommended OGP image size is "1200 x 630 pixels (1.91:1 aspect ratio)". This ensures your thumbnails look sharp on high-resolution displays and across various social networks.
- Q.Is the information I enter saved on the server?
- No. This tool runs entirely in your browser (via JavaScript), and the text or URLs you enter are never sent or saved externally.
Use Cases
Launching a New Website
Use this tool to easily integrate a complete set of essential SEO meta tags into the HTML templates of newly created landing pages or corporate sites.
Social Optimization for Blog Posts
Quickly generate specific OGP images and Twitter Card settings for individual blog articles to ensure they look great when shared on X or Facebook.
Internal SEO Audits
Check existing sites for missing meta tags and correct descriptions, including mobile-friendly viewport settings and search engine indexing controls.
Learning & Mockups
Helpful for beginners learning proper HTML meta tag syntax, or for developers inserting temporary placeholder tags into mockup sites.
Send Feedback
Please let us know your thoughts to help us improve the tool.
Feedback is temporarily suspended
The server is busy or spam protection is active. Please try again later.