HTML Meta Tags Generator
Fill in your page details and get a complete set of HTML meta tags — SEO, Open Graph, Twitter Card, and technical tags — ready to paste into your `<head>`.
Last updated: May 21, 2026
Find this tool useful? Support the project to keep it free!
Buy me a coffeeWhat is HTML Meta Tags Generator?
HTML meta tags live inside the `<head>` element and communicate page metadata to browsers, search engines, and social platforms. The `description` tag appears in search result snippets, Open Graph tags control how your page looks when shared on Facebook or LinkedIn, and Twitter Card tags control Twitter previews.
This generator creates all the essential meta tags from a single form: charset, viewport, title, description, keywords, author, robots, canonical URL, Open Graph properties, and Twitter Card tags.
How to Use HTML Meta Tags Generator
Enter your page title and description
Add keywords and author if needed
Set the robots directive (index/noindex, follow/nofollow)
Add your canonical URL and Open Graph image for social sharing
Configure Twitter Card type and site handle
Copy the generated tags and paste them inside your HTML <head>
Common Use Cases
- Developers adding SEO meta tags to a new page or site.
- Content teams ensuring pages have correct Open Graph images for social sharing.
- Marketers configuring Twitter Card metadata for link previews.
- Developers setting up a new site template with standard meta tags.
Example Input and Output
Meta tags for a landing page with Open Graph and Twitter Card.
Title: My Product
Description: The best tool for developers
OG Image: https://example.com/og.png<meta charset="UTF-8">
<title>My Product</title>
<meta name="description" content="The best tool for developers">
<meta property="og:image" content="https://example.com/og.png">Privacy
All tag generation happens in your browser. No data is sent to any server.
Frequently Asked Questions
Does the meta description directly affect search rankings?
No — Google does not use the meta description as a ranking signal. However, a compelling description improves click-through rates in search results, which can indirectly affect traffic. Google may rewrite the description if it finds a better match for the query.
What image size is recommended for Open Graph?
Facebook recommends 1200×630px for OG images. Twitter large card images should be at least 1200×628px. Keep image file size under 1 MB for fastest loading.
Related Tools
HTML Link Generator
Generate HTML anchor tags with href, target, rel, title, download, and other attributes. Copy ready-to-use link code instantly.
HTML Button Generator
Generate HTML button elements with type, id, class, style, onclick, disabled, aria-label, and other attributes. Preview included.
HTML Table Generator
Generate HTML table code with configurable rows, columns, headers, borders, captions, and attributes. Copy ready-to-use table markup.
Open Graph Generator
Generate Open Graph and Twitter Card meta tags for rich social media link previews.
Meta Tag Generator
Generate SEO title tags, meta descriptions, Open Graph, and Twitter Card tags for any webpage.
HTML Stripper
Remove HTML tags from text, preserving line breaks and decoding HTML entities. Instant plain-text extraction from HTML.