Meta Tag + Schema Markup + Preload Generator Tool
1. Preload Meta Tags
2. SEO Meta Tags
3. NewsArticle Schema
How to Use the Meta Tag + Schema Markup Tag Generator Tool for AMP Web Stories (Step-by-Step Guide)
If you want to quickly generate SEO-friendly meta tags, preload meta, and NewsArticle schema markup for your AMP Web Stories or blog posts, this simple tool makes it easy.
Here’s how you can use it step by step:
✅ Step 1: Enter your content details
Start by filling in the form with all the required details about your article or web story:
-
Title / Headline: The main title of your story or article.
-
Description: A short, engaging summary.
-
Keywords: Relevant keywords separated by commas.
-
Canonical URL: The main URL where your story is published.
-
Image URL: Direct link to your story’s main image (recommended size: 1080×1440).
-
Image Width & Height: Usually 1080×1440 for vertical web stories.
-
Date Published & Date Modified: Set the correct dates in your local time.
-
Author Name & Author URL: Your name and link to your author page or profile.
-
Publisher Name: Usually your website or brand name.
-
Publisher Logo URL: Link to your publisher’s logo (recommended size: 400×400).
-
Publisher Logo Width & Height: Typically 400×400.
This step ensures that your generated meta tags and schema are complete and accurate.
⚙️ Step 2: Generate your tags
After filling in the form, click the GENERATE button.
The tool will instantly create three types of output:
-
Preload Meta Tags – Helps your page load key images faster.
-
SEO Meta Tags – Improves how your story appears on Google and social media.
-
NewsArticle Schema Markup – Structured data that helps Google understand your content better.
All generated code appears in the text areas below the form, ready for you to copy.
📋 Step 3: Copy your code
Click the COPY button.
This will copy all three sections (Preload, Meta, and Schema) together to your clipboard.
You can then paste them directly into the <head> section of your AMP Web Story HTML page or your website.
♻️ Step 4: Reset if needed
If you want to create tags for a new story, click the RESET button.
This will clear the form and output areas so you can start fresh.
💡 Why use this tool?
✅ It saves time – no need to write meta tags or JSON-LD manually.
✅ Generates clean, structured SEO and schema tags.
✅ Helps improve your content’s appearance in search results and social media previews.
✅ Adds preload tags to improve loading performance.
📦 Extra tip for AMP users
Since this tool is designed for AMP Web Stories, make sure your images:
-
Are in WebP format.
-
Have the recommended resolution (e.g., 1080×1440).
-
Are optimized to keep your page size light.
And always test your generated code using tools like:
With this tool, even non-developers can generate professional meta and schema tags in minutes.
Just fill, generate, copy, and paste in amp webstory template code!