SEO Toolkit
4 SEO tools in one: a meta tags & OpenGraph generator with a live social-preview mockup, a robots.txt rule builder, a JSON-LD structured data generator for 5 schema types, and a UTM campaign link builder.
- Pick a mode from the pill bar: Meta Tags & OpenGraph, Robots.txt, JSON-LD Schema, or UTM Builder.
- Fill in the relevant fields — page title and description, robots rules, schema properties, or campaign parameters.
- Watch the output (HTML tags, robots.txt text, JSON-LD script tag, or final tracked URL) update live as you type.
- Copy the result with one click and paste it into your page <head>, your robots.txt file, or your marketing link.
All processing happens entirely in your browser. Your data never leaves your device.
Key Features
- Full meta tag + Open Graph + Twitter Card generator with a live social-preview card mockup
- Robots.txt rule-row builder with add/remove rows and one-click block-all / allow-all presets
- JSON-LD structured data generator for Article, Product, FAQPage, LocalBusiness, and Person schemas
- Dynamic FAQ question/answer list builder for FAQPage schema
- UTM campaign link builder with proper URL-encoding of every parameter
- One-click suggestion chips for common utm_source (google, facebook, newsletter, twitter) and utm_medium (cpc, email, social, referral) values
- Live-updating output in every mode — no generate button needed
- One-click copy for every generated tag block, file, or URL
About SEO Toolkit
SEO Toolkit bundles four separate on-page SEO tasks into one workspace: writing meta and Open Graph tags, building a robots.txt file, generating JSON-LD structured data, and building UTM-tagged campaign links. Each of these is a small, fiddly task that's easy to get wrong by hand — a missing og:image, a robots.txt rule that blocks more than intended, invalid JSON-LD that Google's rich results test rejects, or a UTM link with unencoded spaces that breaks tracking in analytics.
The Meta Tags & OpenGraph mode generates the full block of <title>, <meta name="description">, canonical link, Open Graph, and Twitter Card tags from a single form, plus a live mockup of how the page will look when shared on social media. The Robots.txt mode lets you build User-agent/Allow/Disallow rules row by row (with one-click "block everything" and "allow everything" presets) and add a Sitemap directive. The JSON-LD mode covers five of the most commonly implemented schema.org types — Article, Product, FAQPage, LocalBusiness, and Person — with a dedicated form for each type's typical properties, and wraps the result in a valid <script type="application/ld+json"> tag. The UTM Builder properly URL-encodes each campaign parameter and offers one-click suggestion chips for common source and medium values.
All four modes run entirely client-side with hand-written template and encoding logic — no page content or campaign data is ever sent to a server.
Frequently Asked Questions
Each schema type includes the core required and recommended properties for that type per schema.org, and empty fields are omitted from the output so you don't end up with blank properties. Always validate against your specific content in Google's Rich Results Test before publishing, since requirements can vary by content type.
Yes — each rule row has its own User-agent field. Rules are automatically grouped so that multiple Allow/Disallow rules under the same user-agent are combined into one block.
It uses the browser's built-in URLSearchParams / encodeURIComponent, which follows standard URL encoding rules — this ensures the link works correctly when pasted into any browser or ad platform and that your analytics tool parses the campaign parameters correctly.
The output is plain HTML tags meant for a document <head>. You can paste them directly into a static HTML file, or adapt the values into your framework's head-management component (e.g. next/head or react-helmet).
No. Every tag, file, and URL is built with local string templates and the browser's native URL API — nothing you type is transmitted anywhere.