Meta Tag Generator
Generate SEO meta tags, Open Graph, and Twitter Cards with live preview
lightbulb SEO Best Practices & Tips
title Title Tag
- Keep it under 60 characters
- Put important keywords first
- Make each page title unique
- Include your brand name (usually at the end)
description Meta Description
- Aim for 150-155 characters
- Include a call-to-action
- Use relevant keywords naturally
- Make it compelling and unique
image Social Images
- Use 1200×630px for Open Graph
- Use 1200×628px for Twitter large cards
- Keep file size under 5MB
- Use high-contrast, readable text
link Canonical URLs
- Always use absolute URLs
- Prevent duplicate content issues
- Choose one preferred version
- Include on all pages
About the Meta Tag Generator
Create perfect meta tags for SEO and social media sharing with our free online Meta Tag Generator. Generate all essential HTML meta tags including Open Graph for Facebook, Twitter Cards, and technical SEO tags in seconds. Simply fill in your page information and copy the generated code into your website's <head> section.
What Are Meta Tags?
Meta tags are snippets of HTML code that provide metadata about your web page. They don't appear on the page itself but are embedded in the page's source code. Search engines and social media platforms use meta tags to understand your content and display it appropriately in search results and social shares.
Essential Meta Tags for SEO
- Title Tag — The clickable headline shown in search results. Keep it under 60 characters and include your primary keyword.
- Meta Description — A brief summary shown below the title in search results. Aim for 150-155 characters with a compelling call-to-action.
- Canonical URL — Tells search engines which URL is the "official" version of a page, preventing duplicate content issues.
- Robots Meta — Controls how search engines crawl and index your page (index, noindex, follow, nofollow).
- Viewport — Essential for mobile responsiveness, tells browsers how to scale your page on different devices.
Open Graph Tags (Facebook, LinkedIn)
Open Graph (OG) tags control how your content appears when shared on Facebook, LinkedIn, and other platforms. Key OG tags include:
- og:title — The title of your content as it should appear in the share
- og:description — A brief description of your content
- og:image — The image to display (recommended: 1200×630 pixels)
- og:type — The type of content (website, article, product, etc.)
- og:url — The canonical URL of your page
Twitter Card Tags
Twitter Cards allow you to attach rich media to Tweets that link to your content. Types include:
- Summary — Small square image with title and description
- Summary Large Image — Large, prominent image above the content
- App — For mobile app promotion with direct download links
- Player — For video or audio content with inline playback
How to Use This Generator
- Fill in your page title and meta description (required)
- Add Open Graph and Twitter Card details for social sharing
- Configure technical settings like robots, viewport, and theme color
- Click "Generate Meta Tags" to create your code
- Preview how your page will appear in search results and social media
- Copy the generated HTML and paste it into your page's
<head>section
Privacy
All processing happens entirely in your browser. Your page information is never sent to any server, ensuring your content ideas and SEO strategies remain private.