Meta Tag Generator

WHAT IT DOES Meta Tag Generator creates complete HTML meta tags for your website, including SEO essentials and social media sharing tags. Generate title, description, keywords, author, viewport, charset, Open Graph tags (og:title, og:description, og:image, og:url, og:type, og:site_name), and Twitter Card tags (card, title, description, image, site). The tool previews the generated tags as HTML or Markdown, and you can copy them to your clipboard or download them as a file. Five preset configurations (Blog, Portfolio, Business, Product, Ecommerce) help you get started quickly. WHERE IT RUNS The extension runs entirely within your browser's local environment using the BotGentz framework. All meta tag generation, formatting, and previewing occur on your machine without any network requests. No website data, generated tags, or user activity is ever transmitted, uploaded, or stored externally. The tool works on any website and respects the browser's security boundaries, operating within the isolated extension sandbox. Meta tag generation uses HTML string formatting with escape functions. HOW TO USE Click the extension toolbar icon to open the Meta Tag Generator panel. Fill in the fields: Title, Description, Author, Keywords, OG Image URL, OG Type, OG URL, OG Site Name, Twitter Card type, Twitter Site, Viewport, and Charset. Click any preset button (Blog, Portfolio, Business, Product, Ecommerce) to load a pre-configured set of values. The output area shows the generated meta tags in real time. Toggle "Include Open Graph" to include or exclude OG tags. Toggle "Include Twitter Cards" to include or exclude Twitter Card tags. Select the "Output Format" (HTML or Markdown) to control how the tags are displayed and downloaded. Click "Copy" to copy the generated tags to your clipboard. Click "Download" to save the tags as an .html or .md file. THE META TAG GENERATION ENGINE — WHY IT WORKS Most meta tag generators require you to know the exact tag names and formats. This tool provides a user-friendly interface with all common meta tag fields, automatically generating the correct HTML syntax. The engine collects values from each input field, validates them, and applies HTML escaping to prevent injection issues. For Open Graph tags, it uses property attributes; for standard SEO tags, it uses name attributes; for Twitter Cards, it uses the twitter:name convention. The preset system loads pre-configured values for common website types, saving time when starting new projects. The output formatter supports both raw HTML for direct copy-paste into sections and Markdown code blocks for documentation. This approach ensures you get correctly formatted, ready-to-use meta tags every time. THE PANEL The Meta Tag Generator panel is fully draggable by its title bar and remembers its position on screen per website. It snaps to the edges of your browser window for clean alignment. Collapse the panel to a compact icon strip using the minimize button, restoring it with a single click. Resize the panel by dragging any edge or corner; the input fields, presets, and output area adjust proportionally. Press the Escape key to close the panel instantly. The panel maintains independent state for each browser tab, allowing you to generate meta tags for multiple pages simultaneously. PLEASE NOTE This extension requires the free BotGentz extension framework to be installed and enabled. The tool generates meta tags but does not modify your website automatically—you must copy and paste the tags into your HTML. The presets are templates and should be customized for your specific content. The Twitter Card image should be at least 1200x630 pixels for optimal display. All generated tags are processed locally and are never transmitted, logged, or shared. The extension requests no network permissions and functions entirely offline. The source code is fully auditable and available for review.