Meta Tags Generator

Generate Open Graph & Twitter Card meta tags

Page Information

0/70
0/160

Preview

example.com
Page Title
Page description will appear here...
Page Title
Page description will appear here...
example.com

About Meta Tags

Meta tags help search engines and social media platforms understand your page content. Open Graph tags control how your pages appear when shared on Facebook and LinkedIn, while Twitter Cards define the appearance on Twitter/X.

How to Use This Tool

1
Enter Page Information

Fill in your page title, description, and keywords. These are essential for search engine optimization (SEO).

2
Configure Social Tags

Set Open Graph (Facebook) and Twitter Card meta tags including image URL, type, and social-specific descriptions.

3
Copy Generated Code

The complete HTML meta tags are generated in real-time. Copy the code and paste it into your HTML head section.

Example

Input
Title: My Website | Description: Welcome to my portfolio
Output
<title>My Website</title><meta name="description" content="Welcome to my portfolio">

Pro Tips

  • Keep your title under 60 characters and description under 160 characters for optimal SEO display.
  • Open Graph images should be at least 1200x630 pixels for best social media display.
  • The generated code includes charset, viewport, and robots meta tags by default.

ES
Edrees Salih
6 hours ago

We are still cooking the magic in the way!