# Meta & Open Graph Tags Generator > Write your title, meta description and Open Graph / Twitter tags with live Google and social card previews, then copy the HTML. ```yaml url: "https://ailaunch.dev/tools/meta-tags-generator" slug: meta-tags-generator category: seo keywords: "meta tags generator, open graph generator, og tags, twitter card generator, serp preview" ``` ## How to use 1. **Write title & description** - Aim for ~50-60 and ~120-155 characters. 2. **Add URL and image** - Canonical URL and a 1200×630 share image. 3. **Check previews, copy HTML** - Paste the tags into your page . ## What makes a good title and description Lead with what the product does, not the brand, unless the brand is well known. Put the main keyword early, keep titles under ~60 characters so Google doesn't truncate them, and write the description as a benefit-led sentence with a reason to click. ## What you get - Live Google result preview - Social card preview - Length meters - Canonical, OG and Twitter tags ## FAQ ### Does meta description affect ranking? Not directly, but it's often shown as the snippet and strongly affects click-through. ### What image size for Open Graph? 1200×630 px (1.91:1). Keep text large and centered; it's shown small in feeds. ## Related tools - **[OG Image Generator](https://ailaunch.dev/tools/og-image-generator)** - Design a clean 1200×630 social share image for your product or launch in seconds and download it as PNG. - **[FAQ Schema Generator](https://ailaunch.dev/tools/faq-schema-generator)** - Turn your FAQs into FAQPage JSON-LD structured data that search engines and AI assistants can read. - **[Launch Title & Tagline Scorer](https://ailaunch.dev/tools/launch-title-scorer)** - Score your launch title and tagline for clarity, length and specificity, with suggestions to get more upvotes and clicks.