What image size should I use for og:image?

1200×630 pixels for the widest compatibility. Twitter's summary_large_image card also uses this size well.

Do meta keywords still matter for SEO?

Google ignores the keywords meta tag entirely. Some smaller search engines still read it, so it is harmless but not impactful. Focus on title, description, and content quality.

What does canonical do?

It tells search engines the preferred URL when the same content is reachable at multiple addresses (e.g., with tracking parameters). This prevents duplicate-content dilution.

How do I preview my card before publishing?

Use the live preview tabs in this tool. After publishing, verify with Facebook's Sharing Debugger, Twitter's Card Validator, and Google's Rich Results Test.

Meta Tag & Social Card Generator

<title>WebmasterKit — Free SEO & Webmaster Tools</title> <meta name="description" content="Slug generator, Base64 converter, UUID generator, robots.txt builder, and meta tag generator — free and fast." /> <meta name="keywords" content="seo tools, slug generator, base64, uuid, robots.txt, meta tags" /> <meta name="author" content="WebmasterKit" /> <meta http-equiv="content-language" content="en" /> <link rel="canonical" href="https://example.com" /> <meta name="robots" content="index,follow" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="WebmasterKit" /> <meta property="og:title" content="WebmasterKit — SEO & Webmaster Tools" /> <meta property="og:description" content="Free tools for developers and SEO professionals." /> <meta property="og:url" content="https://example.com" /> <meta property="og:image" content="https://example.com/og.png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="WebmasterKit — SEO & Webmaster Tools" /> <meta name="twitter:description" content="Free tools for developers and SEO professionals." /> <meta name="twitter:image" content="https://example.com/og.png" /> <meta name="twitter:site" content="@webmasterkit" />

About the Meta Tag & Social Card Generator

Meta tags describe your page to search engines and social platforms. A well-tuned <head> can double click-through rates from Google, produce rich preview cards on Facebook and X, and give crawlers unambiguous signals about content and canonicalization.

Core SEO tags

The <title> and <meta name="description"> control what Google displays in search results. Aim for a 50–60 character title with the primary keyword up front, and a 150–160 character description that reads like an ad and previews the page's value. The <link rel="canonical"> tag prevents duplicate-content penalties when the same content is reachable at multiple URLs.

Open Graph and Twitter Card

Open Graph tags (og:title, og:description, og:image) power previews on Facebook, LinkedIn, Discord, Slack, and most messengers. Twitter Card tags override Open Graph on X, letting you set a different image or card style specifically for that network.

Recommended image sizes: 1200×630 for og:image, 1200×675 for summary_large_image. Under 5 MB, in JPEG or PNG. Include text overlays only if they are readable at thumbnail scale.

Robots directives

The <meta name="robots"> tag controls indexing at the page level. Use noindex to keep a page out of search results while leaving it accessible. Use nofollow to tell Google not to follow outbound links from this page — useful for user-generated content sections. Combine as needed: 'noindex,follow' hides the page but keeps link equity flowing.

Step-by-step usage

1. Fill in the SEO tab: title, description, keywords, canonical URL, author, and language. 2. Move to Open Graph: title, description, and a 1200×630 image URL. 3. Configure Twitter card type and handle. 4. Set robots directives. 5. Watch the Google, Facebook, and X previews update live. 6. Copy the generated block and paste it inside your page's <head>.

Frequently Asked Questions

Title: 50–60 characters. Description: 150–160 characters. Google truncates longer strings in search results.