Bonnots.online Tool

Meta Tag Generator

Create SEO-friendly HTML meta tags for your website in seconds.

Website Details
0 / 60 characters
0 / 160 characters
Generated Code

How to Generate Perfect SEO Tags

Meta tags are the “hidden” code that tells Google and Facebook what your website is about. Follow these simple steps to rank higher:

Step 1

Basic Information

Title: Keep this under 60 characters. This is the blue link people click on Google.

Description: A short summary (under 160 chars) that appears below your title.

Keywords: Separate words with commas (e.g. tools, seo, free).

Step 2

Indexing Rules

Robots: Use “Index, Follow” if you want Google to find this page.

NoIndex: Use this only for private pages like “Thank You” pages or Admin panels.

Pro Tip: 99% of websites should stick to “Index, Follow”.
Step 3

Social Media (OG Tags)

Fill in the Website URL and Image URL fields.

This generates “Open Graph” tags, which ensure your link looks beautiful (with a large image card) when shared on Facebook, Twitter, or LinkedIn.

Step 4

Copy & Paste

Click the “Copy to Clipboard” button.

Paste the code inside the <head> section of your website’s HTML file, usually near the top.

Frequently Asked Questions

Meta tags provide search engines with concise summaries of your webpage. A well-written Title and Description can significantly increase your Click-Through Rate (CTR) from search results.
The viewport tag is crucial for mobile responsiveness. It tells mobile browsers to scale your content to fit the screen width, ensuring your site looks good on phones and tablets.
If you use a plugin like Yoast SEO or RankMath, you don’t need this manual code. However, if you are coding a custom theme or using a simple HTML site, paste this code between the opening <head> and closing </head> tags.