Developer Tools

Meta Tag Generator

Generate SEO meta tags with live Google SERP and social media card previews.

Back to Tools

Basic SEO

Page TitleShown in browser tabs and search results. Keep under 60 characters.

Meta DescriptionSummary shown below your title in search results. Aim for 150-160 characters.

KeywordsComma-separated keywords for your page. Most search engines ignore this today.

AuthorThe content author or organization name.

Canonical URLThe preferred URL for this page. Prevents duplicate content issues.

RobotsControls search engine indexing. 'index,follow' is the default for most pages.

ViewportControls mobile scaling. The default value works for most responsive sites.

Social Media

OG TitleTitle shown when shared on Facebook, LinkedIn, etc. Falls back to Page Title.

OG DescriptionDescription in social media cards. Falls back to Meta Description.

OG Image URLImage shown when shared on social media. Recommended: 1200x630px.

OG URLCanonical URL for social sharing. Should match your Canonical URL.

OG Type'website' for homepages, 'article' for blog posts, 'product' for product pages.

Twitter Card Type'summary_large_image' for large preview, 'summary' for smaller thumbnail.

Twitter @usernameYour Twitter/X handle. Shown in card footer when shared.

Preview

Google Search Preview

Your Page Title

https://example.com

Your meta description will appear here...

Social Card Preview

No image set

example.com

Your Page Title

Your meta description will appear here...

Generated Code

<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="index,follow" />

<meta property="og:type" content="website" />

<meta name="twitter:card" content="summary_large_image" />

How to Use the Meta Tag Generator

Enter Basic SEO Info

Fill in your page title (under 60 characters) and meta description (under 160 characters). Add keywords, author, and canonical URL if needed.

Configure Social Media Tags

Set Open Graph and Twitter Card properties. If left empty, they'll inherit from your basic SEO fields.

Preview Your Results

Check the live Google SERP preview and social media card preview to see exactly how your page will appear.

Copy the Code

Copy the generated HTML meta tags and paste them into your page's <head> section.

Features

Live Google search result (SERP) preview

Social media card preview for Facebook, LinkedIn, and Twitter

Character count guidance with color-coded indicators

Generates title, description, keywords, author, canonical, and robots tags

Full Open Graph (og:) tag support

Twitter Card meta tag generation

Help tooltips explaining every field

One-click copy of generated HTML code

Free to use with no sign-up required

Frequently Asked Questions

Meta tags are HTML elements in your page's <head> that provide information about the page to search engines and social media platforms. They control how your page appears in search results and when shared on social media.

Aim for 50-60 characters. Google typically displays the first 50-60 characters of a title tag. Longer titles may be truncated in search results.

Keep it between 150-160 characters. Google usually shows up to 155-160 characters. Make it compelling — it's your sales pitch in search results.

Yes, if you want your pages to look good when shared on Facebook, LinkedIn, WhatsApp, and other platforms. Without OG tags, platforms guess how to display your content, often with poor results.

More Tools

Need a Custom Tool or Application?

We build production-grade web applications, SaaS platforms, and developer tools. Let's talk about your project.

or book a free call