Meta Tag Generator

Build SEO-ready HTML meta tags, Open Graph tags, and Twitter Cards with real-time Google search and social preview.

Metadata Form

Page Title (57 / 60 chars)Recommended: ≤ 60 chars

Description (141 / 160 chars)Recommended: ≤ 160 chars

Canonical URL

Author Name

Open Graph / Social Banner Image URL

Allow Indexing (index)Follow Links (follow)

Generated HTML Meta Tags

<!-- Primary Meta Tags -->
<title>Tech Dastak | Premium Web Development & Digital Solutions</title>
<meta name="title" content="Tech Dastak | Premium Web Development & Digital Solutions" />
<meta name="description" content="Tech Dastak is a premier web development agency specializing in full stack applications, bespoke web tools, and seamless digital experiences." />
<meta name="keywords" content="web development, digital solutions, nextjs, react, tools" />
<meta name="author" content="Muhammad Haroon Nawaz" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://techdastak.com" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://techdastak.com" />
<meta property="og:title" content="Tech Dastak | Premium Web Development & Digital Solutions" />
<meta property="og:description" content="Tech Dastak is a premier web development agency specializing in full stack applications, bespoke web tools, and seamless digital experiences." />
<meta property="og:image" content="https://techdastak.com/OG_banner.png" />

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://techdastak.com" />
<meta property="twitter:title" content="Tech Dastak | Premium Web Development & Digital Solutions" />
<meta property="twitter:description" content="Tech Dastak is a premier web development agency specializing in full stack applications, bespoke web tools, and seamless digital experiences." />
<meta property="twitter:image" content="https://techdastak.com/OG_banner.png" />

How to use this tool

Step 1

Fill Page Information

Enter your page title, description, canonical URL, and preview image URL.

Step 2

Inspect Live Search Preview

Check how your title and description will appear in Google SERP results and social feeds.

Step 3

Copy HTML Markup

Click 'Copy HTML Meta Tags' and paste into your webpage <head> or Next.js metadata object.

Related Tools

Other utilities you might find helpful for your workflow

Popular

Text Case Converter

Instantly transform text between UPPERCASE, lowercase, Title Case, Sentence case, and Capitalize Each Word.

textLaunch

Popular

Word & Character Counter

Real-time count of words, characters, characters without spaces, sentences, paragraphs, and reading time.

textLaunch

Text Cleaner

Strip redundant whitespace, collapse multiple spaces, remove blank lines, trim lines, and normalize line endings.

textLaunch