Meta Tag Generator
Instantly generate perfectly optimized SEO meta tags, Open Graph properties, and Twitter cards natively. Visualize live Google and social media renders.
Meta Tag Generator
Generate perfect SEO meta tags, Open Graph (Facebook), and Twitter cards. Preview how your site looks on search engines and social media instantly.
Site Details
Live Preview
tools.devriq.in
https://tools.devriq.in
My Awesome Website
This is a description of my awesome website. It provides the best tools for developers and creators.
Generated Meta Tags
How to Use
Fill in Site Details
Enter your website's title, description, and URL. Keep an eye on the character counters to ensure optimal SEO lengths.
Check Live Previews
Toggle between Google and Social previews to see exactly how your links will appear when shared or searched.
Copy & Paste
Click "Copy HTML" and paste the generated tags directly into the <head> section of your website's HTML.
Frequently Asked Questions
What are Meta Tags?
Meta tags are snippets of text that describe a page's content. They don't appear on the page itself, but only in the page's source code. They are essential for SEO and telling search engines what your site is about.
What is the optimal length for Title and Description?
For optimal SEO, keep your Meta Title under 60 characters and your Meta Description under 160 characters. Our tool includes real-time counters that turn yellow or red if you exceed these limits.
What are Open Graph (OG) tags?
Open Graph tags are meta tags that control how URLs are displayed when shared on social media platforms like Facebook, LinkedIn, and Discord. They ensure your links have rich images and accurate descriptions.
Where do I put the generated code?
The generated HTML code should be placed inside the <head> and </head> tags of your website's HTML document. If you use Next.js or React, you may need to convert them to JSX format or use a Metadata API.
Link to this Tool
Add this tool to your bookmarks or website.
https://tools.devriq.in/meta-tag-generator