UtilToolkits2025-12-13
TL;DR — The Meta Tag Generator outputs a complete copy-paste <meta> block — title, description, canonical, Open Graph, Twitter cards — with live previews of how it’ll look in Google SERPs, on Facebook, LinkedIn, and X. Validate length with the built-in Word Counter logic; clean the URL with the Slug Generator.
You can rank #1 on Google and still lose the click. The title and meta description are the only things between your ranking and a visit. A bad meta description hurts your click-through rate, and CTR feeds back into ranking. Equivalent on social: a missing OG image turns a beautiful share into a sad gray box that no one clicks.
<title>. The clickable headline in SERPs. 50–60 chars, primary keyword near the front.<meta name="description">. The pitch under the title. 150–160 chars, written for humans.<link rel="canonical">. Tells Google which URL is "the real one" when content appears at multiple URLs.<meta name="robots">. index, follow for almost everything; noindex for thin pages, drafts, internal search results.summary_large_image is almost always the right choice in 2026.<meta name="viewport" content="width=device-width, initial-scale=1">. Required for mobile rendering and Google’s mobile-first index.<meta charset="UTF-8">. Should be the first thing in your <head>.<meta name="keywords"> — Google ignored it in 2009. Bing followed. Delete on sight.<meta name="author"> — neutral, but use structured data (schema.org) instead for real attribution.<meta name="revisit-after"> — never been a real directive.<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Free JSON Formatter & Validator — UtilToolkits</title>
<meta name="description" content="Pretty-print, validate, and fix any JSON in your browser. No upload, no signup, no logging.">
<link rel="canonical" href="https://utiltoolkits.com/tools/json-formatter">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="Free JSON Formatter & Validator">
<meta property="og:description" content="Pretty-print and validate JSON in your browser.">
<meta property="og:url" content="https://utiltoolkits.com/tools/json-formatter">
<meta property="og:image" content="https://utiltoolkits.com/og-json.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Free JSON Formatter & Validator">
<meta name="twitter:description" content="Pretty-print and validate JSON in your browser.">
<meta name="twitter:image" content="https://utiltoolkits.com/og-json.png">OG images render at 1200×630 px (1.91:1) — the size Facebook, LinkedIn, and X all crop to. Use that ratio or risk top-and-bottom cropping that decapitates your headline. Keep important content within the central 1080×566 "safe zone."
noindex on a page you do want indexed. Check after every CMS change.<head>.Yes — title, description, canonical, and OG image are core to how Google and social platforms display your page. They influence CTR directly, and CTR influences ranking.
Roughly 70% of the time, based on query relevance. A focused, well-written description gets rewritten less often.
Yes, in 2026 — Twitter (X) accepts the same 1200×630 image used for OG. One image, both meta blocks.
Inside <head>, after charset and viewport. Most frameworks (Next.js, Nuxt, Astro) have a dedicated head component for this.