Meta Tag Generator
Fill in your page details below to generate a ready-to-paste block of HTML meta tags, including standard SEO tags and Open Graph tags for social sharing previews.
How to use
- 1
Enter your page title and description
These power the core SEO tags search engines read.
- 2
Add keywords and author (optional)
These carry less SEO weight today but are still supported by some tools and CMSs.
- 3
Fill in Open Graph fields
Add a title, description, image, and URL for rich social media previews.
- 4
Copy the generated tags
Paste the output directly into the <head> of your HTML.
Examples
- Title "ToolHive" + description "Free online tools" → <title>ToolHive</title> and a matching <meta name="description"> tag
- Leaving Open Graph title blank reuses your page title for og:title automatically
Frequently asked questions
Where do these meta tags go in my HTML?
Paste the generated tags inside the <head> section of your HTML document, typically near the top, after the charset and viewport meta tags.
What are Open Graph tags for?
Open Graph tags (og:title, og:description, og:image, og:url) control how your page looks when shared on platforms like Facebook, LinkedIn, and Slack — showing a title, description, and preview image.
What happens if I leave the Open Graph fields blank?
If you leave og:title or og:description empty, they automatically fall back to your page title and meta description, so you don't have to repeat yourself.
What's an ideal length for the meta description?
Most search engines display roughly 150-160 characters of a meta description before truncating it, so keeping it concise and front-loaded with key information works best.