JPKCom DB

Meta Tags Generator

Head tags for SEO, hreflang, Open Graph, X Cards, icons, and JSON-LD, plus security headers for nginx/Apache — with a live preview and checks.

Every meta tag for a page in one place

The Meta Tags Generator assembles the complete <head> block for a page: title, description, canonical and hreflang, Open Graph and X Card data, favicons and mobile/PWA tags, resource hints, verification codes, and a ready-made JSON-LD script. Security headers that only work when the server sends them come as a ready-to-paste snippet for nginx or Apache. You fill in a form, see the result immediately as cleanly commented HTML — and copy or download it.

The tool takes over exactly the kind of busywork where mistakes creep in: forgotten og:image dimensions, a title past the snippet limit, a relative canonical URL, an X-Frame-Options in a <meta> tag that no browser honours, hand-typed JSON-LD with a missing comma. Instead of looking up each <meta> tag individually, you click together the building blocks you need and get back correct, consistently formatted markup — plus checks that flag what's missing or wouldn't take effect.

It's built for everyone who ships pages: developers who need a complete head for a new template fast; SEO and content people who want to keep title, description, and social previews within their limits; and anyone who wants to try structured data without memorizing Schema.org syntax. No account, no installation, free.

What the generator produces

The form is organized into nine thematic building blocks (accordion sections). Each section has its own Include in output switch — only what you actually want goes into the head. By default only Essential is active; the other eight switch themselves on as soon as you type in them, or you turn them on by hand:

  • Essential — charset (always UTF-8), <title>, meta description, canonical, robots directives (noindex, nofollow, noarchive, nosnippet, noimageindex, max-snippet, max-image-preview), viewport, and language versions via hreflang. The mandatory tags for every page.
  • Open Graph — og: tags for Facebook, LinkedIn, and WhatsApp: type, URL, title, description, image (including dimensions and alt text), site name, and locale; with og:type = article also published/modified time, author, section, and tags.
  • X (Twitter) Card — card type, @site and @creator handles (the tool turns name or a profile URL into @name), title, description, image, and alt text. Empty X fields that Open Graph already covers are left out by default — X reads them from there.
  • Icons, Mobile & App — favicon.ico, SVG icon, apple-touch-icon, web app manifest, theme-color (optionally separate for light and dark), color-scheme, standalone web-app tags, the iOS status bar, and format-detection.
  • Authorship — author, copyright, generator, and the SafeSearch rating (adult or the RTA label).
  • Security — Content-Security-Policy (with Strict/Moderate/Loose presets, delivered as <meta>, HTTP header, or both) and Referrer-Policy; plus the header-only X-Frame-Options, X-Content-Type-Options: nosniff, and a Permissions-Policy whose checkboxes deny camera, microphone, geolocation, payment, USB, and the Topics API and restrict fullscreen to the page's own origin.
  • Resource Hints — as many preconnect, dns-prefetch, preload (with fetchpriority), modulepreload, and prefetch lines as you like.
  • Verification — confirmation codes for Google Search Console, Bing, Pinterest, Yandex, and Facebook (Meta) domain verification; you can also paste the whole tag and the tool pulls out the code.
  • Structured Data (JSON-LD) — a generated application/ld+json script for 13 schema types, from WebPage, WebSite, Article, and Organization through Product, Event, and Recipe to FAQPage, BreadcrumbList, and LocalBusiness — with notes on the properties Google requires for rich results.

Live preview and convenience

A dedicated Preview tab shows four previews built from your input: a Google search result that truncates by pixel width the way Google does and measures the width as it goes, an Open Graph card, an X card, and the formatted JSON-LD. So you see roughly how the search result and social preview will look before you ship the page.

Empty fields inherit their value: og:title from the page title, og:url from the canonical, the JSON-LD fields from title, description, canonical, and og:image. The inherited value appears in italics as the field's placeholder, so you never type anything twice and can still override it at any time. Character counters with a coloured bar on the title, description, and social fields keep you within the recommended lengths, and below the output the tool collects checks — from a relative og:image URL to an unquoted CSP keyword to an event without an address. Two more tabs — Tips and Reference — provide priorities, lengths, testing tools, and a tag reference right inside the tool.

HTML and server headers

Some security settings only work as a real HTTP header — browsers ignore X-Frame-Options, Permissions-Policy, and X-Content-Type-Options in a <meta> tag. The generator therefore never writes them into the HTML. Instead, the HTML | nginx | Apache switch gives you a ready-made server configuration: add_header … always; for nginx or Header always set … for Apache, each escaped correctly. The Content-Security-Policy can go out as <meta>, as a header, or both.

Everything in the browser — nothing leaves your device

The generator is purely client-side: there's no server round-trip, no API, and no upload. Markup and header snippets are built entirely in your browser, and your form state is stored only locally in localStorage — close the tab, come back, and it's all still there. Nothing you type is sent to a server; the only exception is the preview, which loads the images whose URLs you enter directly from their server. How to reset the state and which field produces which tag is covered in the manual.

Try it now

→ Open the Meta Tags Generator — fill in the fields, copy the finished HTML or download it as meta-tags.html, and grab the headers as an nginx or Apache configuration along the way. No account, free, right in the browser.

Generate, then verify — these tools fit right in:

  • SEO & GEO Analyzer — check the meta, Open Graph, and JSON-LD data you produce here against a real URL and have it pass in the score.
  • robots.txt & Sitemap — crawling rules and a sitemap to match the robots directives you set here.
  • llms.txt Generator — the AI-friendly complement to clean structured data.

There's more on the subpages: the manual with every section and field in detail, hands-on examples, and a collection of tips & tricks.