Ultimate Meta Tag Generator

Generate perfect SEO, Open Graph, and Twitter meta tags instantly.

Drop an HTML file to extract meta tags

Basic SEO Settings

Social Media & OG

Google Search Preview

Search Results Title
https://example.com › ...
This is how your website description will appear in Google search results. Make sure to keep it under 160 characters.

Facebook Share Preview

EXAMPLE.COM
Facebook Post Title
Facebook description preview text here.
HTML5 Meta Tags

Setup Presets

Web Development Blog


Warning: Undefined array key "desc" in /www/wwwroot/www.mefancy.com/html/html_meta_tags.php on line 309

Apply Preset

E-commerce Product Page


Warning: Undefined array key "desc" in /www/wwwroot/www.mefancy.com/html/html_meta_tags.php on line 309

Apply Preset

Portfolio Landing Page


Warning: Undefined array key "desc" in /www/wwwroot/www.mefancy.com/html/html_meta_tags.php on line 309

Apply Preset

Documentation Site


Warning: Undefined array key "desc" in /www/wwwroot/www.mefancy.com/html/html_meta_tags.php on line 309

Apply Preset

Why Meta Tags Matter?

Meta tags provide information about your webpage in the HTML document's head. While not visible to users on the page, they are crucial for search engines (SEO) and social media platforms.

Properly configured meta tags ensure your site looks professional when shared on Facebook, Twitter, or LinkedIn, significantly increasing click-through rates.

Google Best Practices

  • Title: Keep under 60 characters to avoid truncation.
  • Description: Aim for 150-160 characters for optimal display.
  • Social: Always include OG tags for consistent branding.