DevKits

Meta Tag Generator — Generate SEO Meta Tags for HTML Head, Free

Generate meta tags for your website — title, description, Open Graph (Facebook/LinkedIn), Twitter Card, favicon, and viewport. Copy the complete HTML snippet to paste into your <head> section. 100% local.

Last updated:

Comments

Fill in title, description, and image URLs to get a complete set of SEO meta tags — Open Graph, Twitter Card, favicon, and viewport — ready to paste into <head>.

Generated HTML — paste in <head>
<title>My Awesome Website</title>
<meta name="description" content="The best website for online developer tools. Free, no signup, 100% local.">

<!-- Open Graph / Facebook / LinkedIn -->
<meta property="og:title" content="My Awesome Website">
<meta property="og:description" content="The best website for online developer tools. Free, no signup, 100% local.">
<meta property="og:image" content="https://example.com/og.png">
<meta property="og:type" content="website">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="My Awesome Website">
<meta name="twitter:description" content="The best website for online developer tools. Free, no signup, 100% local.">
<meta name="twitter:image" content="https://example.com/og.png">

<!-- General -->
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">

What is Meta Tag Generator?

Meta tags are the invisible signals in your page's <head> that search engines, social media platforms, and browsers use to display your page correctly. SEO meta tags (title, description) affect search result listings. Open Graph tags control how your page appears when shared on Facebook, LinkedIn, and messaging apps. Twitter Card tags control the Twitter preview. Viewport ensures mobile responsiveness. A complete set of meta tags is the foundation of on-page SEO.

How to generate meta tags

  1. 1Enter your page title and description.
  2. 2Set the OG image URL and Twitter card type.
  3. 3Copy the generated HTML and paste into your page's <head>.

Frequently Asked Questions

What meta tags do I need for SEO?

At minimum: title, meta description, and Open Graph tags (og:title, og:description, og:image, og:type) for social sharing. Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image) for Twitter preview cards. Plus viewport for mobile, and a favicon link for the browser tab.

What's the difference between meta description and Open Graph description?

Meta description appears in the Google search result snippet. Open Graph description appears when someone shares your page on Facebook, LinkedIn, or messaging apps. They can be the same text, but you might want different versions (search snippet vs social media preview).

What size should my OG image be?

1200 × 630 pixels — this is the standard size for Facebook, LinkedIn, Twitter, and most messaging apps. Under 5 MB, and use JPG or PNG format. The image should be visually representative of the page content.

Try Next

Meta Tag Preview

Preview how your page will appear in Google search results and social share cards on Facebook, Twitter/X, and LinkedIn. Parses <title>, meta description, canonical, and full Open Graph / Twitter Card tags with diagnostics. 100% local.

Related Tools

Reference & Guides