Meta Tag Generator

Generate complete HTML meta tags including Open Graph and Twitter Card tags. Copy-paste ready code for perfect SEO and social sharing.

Basic Meta Tags

0/60
0/160

Open Graph & Social

Generated Meta Tags
<!-- Basic Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />

SEO Checklist

Title (50-60 chars)
Description (120-160 chars)
OG Image URL set
Canonical URL set
Twitter Card configured

Complete Meta Tags

Generates basic HTML meta tags, Open Graph tags for Facebook/LinkedIn, and Twitter Card tags in one place.

SEO Best Practices

Built-in character limits and SEO checklist help you follow Google and social media best practices.

Copy-Paste Ready

Output is properly formatted HTML that you can paste directly into your page head section.

How to Use the Meta Tag Generator

  1. 1. Fill in the Basic Meta Tags section with your page title, description, and keywords.
  2. 2. Add Open Graph & Social information including image URL and site name for rich social previews.
  3. 3. Review the SEO Checklist to make sure all important fields are filled.
  4. 4. Click Copy All Tags and paste the generated HTML into your page's <head> section.

Frequently Asked Questions

What are meta tags and why are they important?

Meta tags are HTML elements in the <head> section that provide metadata about your webpage. They tell search engines what your page is about (affecting SEO rankings) and control how your content appears when shared on social media platforms.

What are Open Graph (OG) tags?

Open Graph tags (og:title, og:description, og:image, etc.) are meta tags created by Facebook that control how your content appears when shared on Facebook, LinkedIn, Pinterest, and other platforms. They ensure rich, attractive link previews.

What is the ideal length for title and description?

Google typically displays the first 50-60 characters of a title tag and 120-160 characters of a meta description. Keep your title under 60 characters and description between 120-160 characters for optimal display in search results.

Do I need both OG tags and Twitter Card tags?

Twitter will fall back to OG tags if Twitter Card tags are missing. However, having both gives you maximum control over how your content appears on each platform. Twitter-specific tags override OG tags on Twitter/X.