Meta Tag Generator
<meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="" /> <meta name="twitter:description" content="" /> <meta name="description" content="" /> <title></title>
OG & Twitter
Generate Open Graph and Twitter Card tags.
Preview
See how your page appears in social feeds.
Copy Result
One-click copy to clipboard.
Free & Fast
No signup, no limits. Works instantly.
เกี่ยวกับ Meta Tag Generator
The HTML Meta Tag Generator helps you craft the essential meta tags every web page needs for SEO and social sharing. Meta tags communicate critical information to search engines and social platforms — they control how your page title and description appear in Google search results, how a link card looks when shared on Facebook, Twitter, LinkedIn, and more. With this tool you fill in simple fields (title, description, URL, image) and instantly get ready-to-paste Open Graph, Twitter Card, and standard HTML meta tags. Good meta tags improve click-through rates, strengthen brand recognition in social feeds, and give search engines accurate signals about your content. Whether you are launching a blog post, a product page, or a landing page, using well-crafted meta tags is one of the highest-ROI things you can do in less than five minutes.
วิธีใช้ Meta Tag Generator
- Enter your page title — keep it under 60 characters so search engines do not truncate it.
- Write a compelling description (120-160 characters) that summarises the page and encourages clicks.
- Paste the canonical URL of the page to help search engines and social platforms link back correctly.
- Add an image URL (recommended 1200×630 px) for a rich social media preview card.
- Choose the OG type (website, article, product) and your preferred Twitter card format.
- Click Copy and paste the generated tags inside the <head> section of your HTML.
คำถามที่พบบ่อย
What is the difference between Open Graph and Twitter Card tags?
Open Graph (og:) tags were created by Facebook and are now used by most social platforms including LinkedIn and Slack. Twitter Card (twitter:) tags are Twitter-specific. When Twitter Card tags are absent, Twitter falls back to Open Graph values, so providing both guarantees consistent previews everywhere.
How long should my meta description be?
Google typically displays 120-160 characters on desktop and around 100 characters on mobile. Keep descriptions concise, include your primary keyword naturally, and write a clear call-to-action. Longer descriptions are not penalised, but they may be cut off in search results.
Does the meta description directly affect Google rankings?
No — Google has confirmed the meta description is not a direct ranking factor. However, a well-written description increases click-through rate (CTR), which is a behavioural signal that can indirectly influence rankings over time.
What image size works best for social sharing?
The recommended size is 1200×630 pixels at 72 dpi. Facebook and LinkedIn display this at a 1.91:1 aspect ratio. Twitter large image cards use a 2:1 ratio. Providing a 1200×630 image satisfies both platforms without cropping important content.
Can I use the same meta tags on every page of my site?
No — each page should have unique title and description meta tags that accurately describe that specific page's content. Duplicate meta tags across pages can confuse search engines and reduce the effectiveness of your SEO strategy.
เครื่องมือที่เกี่ยวข้อง
Top 10 Free Tools Every Developer Needs
Boost your productivity instantly. Get our exclusive cheatsheet featuring the most essential web utilities you didn't know you needed, delivered straight to your inbox.
We respect your inbox. Unsubscribe at any time.