Meta Tag Generator
Create optimized meta tags for your web pages with a visual form. Set title, description, keywords, author, robots, Open Graph, and Twitter Card properties. Preview how your page appears in Google search results and copy the generated HTML.
Google SERP Preview
https://example.com/page
Page Title
Meta description will appear here. Write a compelling description under 160 characters.
Basic Meta Tags
Open Graph & Twitter
Generated HTML
<meta name="robots" content="index, follow" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
How to Use the Meta Tag Generator
- Fill in your page title (under 60 characters for best SERP display)
- Write a compelling meta description (under 160 characters)
- Add Open Graph tags for social media previews
- Preview how your page appears in Google search results
- Copy the generated HTML and paste it into your page's <head>
What Are Meta Tags?
Meta tags are HTML elements placed in a page's <head> section that provide metadata about the page to search engines and social media platforms. They do not appear visibly on the page but influence how your content is indexed, ranked, and displayed in search results and when shared on social networks.
Key meta tags include the title tag (displayed as the clickable headline in search results), the meta description (the short summary beneath the title), Open Graph tags (controlling how links appear on Facebook and LinkedIn), and Twitter Card tags (controlling appearance on Twitter/X). Properly optimized meta tags can significantly improve click-through rates from search results.
Common Use Cases
SEO Optimization
Craft compelling titles under 60 characters and descriptions under 160 characters to maximize click-through rates from Google search results.
Social Media Sharing
Set Open Graph and Twitter Card tags so your pages display with custom titles, descriptions, and images when shared on social platforms.
Content Management
Generate consistent meta tags across all pages of a website, ensuring every page has proper SEO metadata and social previews.
Web Development
Quickly generate the HTML code for meta tags during development instead of writing them manually for each page.
Meta Tag Best Practices
Keep Titles Under 60 Characters
Google typically displays the first 50-60 characters of a title tag. Longer titles get truncated with an ellipsis, reducing their effectiveness.
Write Action-Oriented Descriptions
Meta descriptions should include a call to action and target keywords naturally. They act as ad copy for your search listing.
Use Unique Tags Per Page
Every page should have a unique title and description. Duplicate meta tags confuse search engines and reduce the chance of ranking for distinct queries.
Always Set og:image
Pages shared on social media without an og:image tag often display a generic placeholder. Use a 1200x630 pixel image for optimal display across platforms.