modbender Meta Tags
Generate complete meta tags for SEO. HTML, Open Graph, Twitter Cards, JSON-LD schema.
Installation
npm install -g @lxgicstudios/meta-tags
Basic Usage
npx @lxgicstudios/meta-tags -t "Page Title" -d "Description" -u "https://example.com"
Commands
Generate All Tags
meta-tags -t "My Website" -d "Welcome to my site" -u "https://example.com"
With Social Image
meta-tags -t "Blog Post" -d "Great article" -i "https://example.com/image.jpg"
Article Type
meta-tags -t "How to Code" --type article --author "John Doe" --published "2024-01-15"
From Config File
meta-tags --config seo.json -o head.html
Options
| Option | Description |
|---|---|
-t, --title |
Page title (required) |
-d, --description |
Meta description |
-u, --url |
Canonical URL |
-i, --image |
OG/Twitter image |
-k, --keywords |
Keywords (comma-separated) |
--site-name |
Website name |
--twitter |
Twitter handle |
--type |
OG type: website, article, product |
--format |
html, json, react, vue |
Output Example
<!-- Primary Meta Tags -->
<title>My Website</title>
<meta name="description" content="Welcome...">
<link rel="canonical" href="https://example.com">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:title" content="My Website">
<meta property="og:image" content="https://...">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="My Website">
<!-- JSON-LD -->
<script type="application/ld+json">...</script>
Output Formats
meta-tags -t "Title" --format html # Default
meta-tags -t "Title" --format json # JSON
meta-tags -t "Title" --format react # React Helmet
meta-tags -t "Title" --format vue # Vue useHead
Common Use Cases
Blog post tags:
meta-tags -t "My Article" -d "Description" -i "cover.jpg" --type article --author "Me"
Generate for Next.js:
meta-tags -t "Page" --format react -o metadata.tsx
Built by LXGIC Studios