SEO Meta Tag Generator
Build valid HTML <head> tags and Next.js App Router metadata configurations with social cards, crawler directives, and canonical links.
Primary Search Engine Tags
<!-- Primary Meta Tags -->
<title>ToolHub — Free Online Browser File Tools</title>
<meta name="title" content="ToolHub — Free Online Browser File Tools" />
<meta name="description" content="Free, fast, and 100% private browser tools. Compress images, merge PDFs, generate CSS grids, format subtitles, and optimize SEO." />
<meta name="keywords" content="file tools, pdf editor, image compressor, css grid generator, seo tools" />
<meta name="author" content="ToolHub Team" />
<meta name="robots" content="index, follow, max-image-preview:large" />
<link rel="canonical" href="https://iformat.io" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://iformat.io" />
<meta property="og:title" content="ToolHub — 60+ Free Online Browser Tools" />
<meta property="og:description" content="Fast, secure client-side browser utilities for developers, designers, and webmasters." />
<meta property="og:image" content="https://iformat.io/og-cover.png" />
<meta property="og:site_name" content="ToolHub" />
<!-- Twitter / X -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://iformat.io" />
<meta property="twitter:title" content="ToolHub — 60+ Free Online Browser Tools" />
<meta property="twitter:description" content="Fast, secure client-side browser utilities for developers, designers, and webmasters." />
<meta property="twitter:image" content="https://iformat.io/og-cover.png" />
<meta name="twitter:site" content="@toolhub_app" />
<meta name="twitter:creator" content="@toolhub_app" />Essential Meta Tags Explained
Prevents duplicate content penalties by telling search crawlers the definitive authoritative URL of a webpage.
Controls indexing (`index, follow`) and allows high-resolution image previews in Google Discover using `max-image-preview:large`.
Standardized by Facebook and widely used across WhatsApp, LinkedIn, iMessage, and Discord to generate rich social media preview cards.
Frequently Asked Questions
Do meta keywords still matter for Google?
Google does not use the <meta name="keywords"> tag for ranking. However, other search engines (like Baidu or internal enterprise search engines) and CMS plugins still index them.
How do I use this in Next.js App Router?
Switch the output format to "Next.js App Router", copy the generated snippet, and export it as export const metadata: Metadata = { ... } inside your page.tsx or layout.tsx file.