Input
0/60
0/160
Generated Code
Google Preview
example.com
My Awesome Website
A brief description of your page will appear here...
Generate SEO-optimized meta tags with live Google search preview
The Meta Tag Generator helps you create optimized HTML meta tags for better search engine visibility and social media sharing. Meta tags are HTML elements placed in the <head> section of a page that provide metadata about the page's content to search engines and social platforms.
Fill in the form fields with your page information. Enter your page title (ideally 50–60 characters for optimal display in search results), a compelling meta description (150–160 characters), relevant keywords, and your canonical URL. As you type, the live Google search preview updates in real time so you can see exactly how your page will appear in search results before copying the code.
The tool generates Open Graph (og:) tags that control how your page appears when shared on Facebook, LinkedIn, and other platforms. It also creates Twitter Card meta tags for optimal display on Twitter/X. Fill in the social title, description, and image URL fields to ensure your shared links look professional and attract clicks.
Beyond the basics, the generator supports robots directives (index/noindex, follow/nofollow), viewport settings for mobile responsiveness, character encoding declarations, author information, and language attributes. Each generated tag includes a brief explanation of its purpose, helping you understand exactly what each line does.
Once you have filled in all the fields, click the copy button to copy the complete meta tag block. Paste this code into the <head> section of your HTML document, ideally before any CSS or JavaScript includes. Review each tag to ensure the values are accurate for your specific page — generic meta tags across all pages are less effective than page-specific ones tailored to each page's content.