Meta Tags Generator

The head of a page carries the tags that decide how it looks before anyone opens it: the title and description on the results page, the canonical address naming the preferred URL, the robots line permitting or refusing indexing, plus author, theme color and viewport hints. This generator builds that head block from labeled fields and renders a live Google-style snippet beside it for tuning against realistic truncation. Title caps at seventy characters and description at two hundred, matching the lengths the preview truncates against, and the finished block ships fully escaped for pasting into a template or CMS head field.

Fields the head block is assembled from

• 🏷️ Title, description, keywords and author lines, each emitted only when filled in
• 🔗 Canonical link plus index and follow switches composing the robots line in all four combinations
• 🎨 Theme color picker from a violet default, alongside an always-included viewport line
• 🔍 Live snippet preview shortening long titles near sixty characters and descriptions near one-sixty
• 📋 Copy button plus a meta-tags.html download for moving the block between projects

Pages that benefit from a fresh tag pass

• ✨ A new post or landing page whose first impression in search matters most
• 📉 An older page whose title underperforms and needs rewriting against visible truncation

Where the preview stops and Google starts

• 🎲 The preview mirrors typical limits, yet Google may rewrite titles or substitute its own snippet from page text
• 🏷️ The keywords line is included for completeness although major engines ignore it for ranking

Every keystroke is processed locally in this browser with nothing uploaded, so unreleased titles and drafts never leave your machine.