🏷️ Meta Tags Generator — SEO & OG Tags Builder

Generate complete HTML meta tags — SEO title, description, canonical, Open Graph, and Twitter Card — in seconds. Copy-paste ready HTML. Free.

Fill in your page title, description, keywords, OG image URL, and Twitter card type — and get the complete, copy-paste ready block of HTML meta tags. Covers SEO basics, Open Graph (for Facebook/LinkedIn previews), and Twitter Card tags.

Page Title

0 / 60

Meta Description

0 / 160

Keywords Author Canonical URL OG Image URL

Content Type

Twitter Card

Generated Meta Tags

How to Use

Fill in your page details

Enter your page title (60 chars), meta description (160 chars), keywords, author, and canonical URL.

Configure social meta tags

Add your OG image URL and choose content type and Twitter Card style for social sharing previews.

Copy the generated HTML

Click "Copy HTML" to copy all generated meta tags. Paste them inside your HTML <head> section.

Frequently Asked Questions

What are meta tags? +

Meta tags are HTML elements in the <head> section that provide information about a web page to browsers and search engines. They control how pages appear in search results (title, description) and on social media (Open Graph, Twitter Card).

Which meta tags are most important for SEO? +

The most impactful meta tags for SEO are: title (shown in search results, under 60 characters), meta description (shown in search snippets, under 160 characters), canonical URL (prevents duplicate content), and robots (controls indexing).

What is Open Graph? +

Open Graph (OG) is a protocol that controls how pages appear when shared on Facebook, LinkedIn, and most social media platforms. The og:title, og:description, og:image, and og:url tags determine the preview card shown when someone shares your URL.

What is a Twitter Card? +

Twitter Cards are meta tags specifically for Twitter/X that control how your page appears when shared. The twitter:card type (summary, summary_large_image) determines the layout, while twitter:title, twitter:description, and twitter:image fill the preview.

What is the ideal meta description length? +

Google typically shows 150–160 characters of the meta description in search results. Longer descriptions are truncated. Aim for 150–155 characters that accurately describe the page and include your main keyword naturally.

Complete Guide: Meta Tag Generator

Meta tags are HTML elements that communicate page information to search engines, social media platforms, and browsers. Getting them right is one of the highest-leverage SEO improvements you can make — and getting them wrong can actively harm your search rankings or social sharing appearance.

The 10 Essential Meta Tags

Title tag: <title>Page Title Here</title> — the most important on-page SEO element. Not technically a meta tag, but always included.
Meta description: <meta name="description" content="..."> — shown in search snippets. Doesn't directly affect rankings but improves click-through rate.
Meta robots: <meta name="robots" content="index, follow"> — controls crawler behavior.
Canonical URL: <link rel="canonical" href="https://example.com/page/"> — prevents duplicate content penalties.
OG title: <meta property="og:title" content="...">
OG description: <meta property="og:description" content="...">
OG image: <meta property="og:image" content="https://example.com/og.jpg">
OG type: <meta property="og:type" content="website"> (or article, product, etc.)
Twitter card type: <meta name="twitter:card" content="summary_large_image">
Viewport: <meta name="viewport" content="width=device-width, initial-scale=1"> — essential for mobile rendering.

Title Length: The 50–60 Character Sweet Spot

Google typically displays the first 50–60 characters of a title tag (roughly 600 pixels wide) in search results. Titles over 60 characters are truncated with an ellipsis. Titles under 30 characters may appear thin and fail to convey enough context for clicks. Best practices:

Put the most important keyword near the beginning
Include the brand name at the end, separated by a pipe or dash: Keyword Rich Title | Brand Name
Write for humans first, search engines second — clickable titles beat keyword-stuffed ones

Meta Description: 155 Character Limit

Descriptions over 155 characters are truncated in search results. Google doesn't always use your meta description — it may generate its own snippet from page content that better matches a query. However, a well-crafted description improves CTR when Google does show it. Include your primary keyword naturally and a clear value proposition or call to action.

Open Graph Image: 1200×630 Requirement

The OG image is what appears when your page is shared on Facebook, LinkedIn, Slack, and other platforms. The recommended dimensions are 1200×630 pixels at a 1.91:1 aspect ratio. Requirements:

Minimum size: 600×315 (will appear smaller on high-DPI screens)
Maximum file size: 8MB (Facebook limit)
Use absolute URLs — relative paths will not work
Include og:image:width and og:image:height tags to prevent layout shifts while loading

Twitter Cards: Large Image vs Summary

Twitter supports two main card types:

summary_large_image — shows a prominent image above the title and description. Best for articles and visual content.
summary — shows a small thumbnail to the left of text. Better for home pages or non-visual content.

Twitter will fall back to Open Graph tags if Twitter-specific tags are absent, so minimal Twitter card implementation only needs the twitter:card type declaration.

hreflang for Multilingual Sites

If your site serves content in multiple languages or regions, hreflang tags tell Google which version to show in each locale:

<link rel="alternate" hreflang="en" href="https://example.com/en/page/">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/page/">
<link rel="alternate" hreflang="x-default" href="https://example.com/">

The x-default tag designates the fallback for unmatched languages. Every page in the hreflang set must link to every other page in the set (bidirectional).

Robots Directives: noindex, nofollow, noarchive

noindex — removes the page from search results. Use for thank-you pages, admin panels, duplicate pages.
nofollow — tells crawlers not to follow links on this page. Rarely needed; most robots respect link equity automatically.
noarchive — prevents Google from showing a cached version of the page.
nosnippet — prevents a description snippet from appearing in search results.

Preview your tags in action with our OG Preview tool. For structured data markup beyond meta tags, see the Schema Generator.